telegram

توضیحات

در این جلسه به توضیح دایرکتیو x-model در دوره آموزش آلپاین (alpine.js) پروژه محور میپردازیم.

طراحی وب javascript جاوااسکریپت alpinejs آلپاین

برای دانلود ابتدا وارد سایت شوید

مدرس دوره علی شیخ
مدت دوره 06:52:21
تعداد ویدیو 37
وضعیت دوره : کامل شده
قیمت دوره : 449,000 381,000 تومان
برای دانلود ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

دوره های پشنهادی

دوره های آموزشی
آموزش ساخت فروشگاه اینترنتی با ناکست جی اس (nuxt.js)
کامل شده
% 15 تخفیف

آموزش ساخت فروشگاه اینترنتی با ناکست جی اس (nuxt.js)

بعد از دوره آموزش ناکست (nuxt.js) که مورد استقبال شما دوستان عزیز قرار گرفت.حالا وقت آن رسیده که در قالب یک پروژه کاربرد...

799,000 679,000 تومان
18:59:37
آموزش Node.js
کامل شده

آموزش Node.js

Node.js یک محیط سمت سرور برای اجرای کدهای JavaScript است، در واقع به کمک Node.js، زبان برنامه نویسی جاوااسکریپ به جای اج...

رایگان
03:23:18
آموزش HTML5 & CSS3 پروژه محور
کامل شده

آموزش HTML5 & CSS3 پروژه محور

برای اینکه وارد دنیای طراحی وب شوید اولین چیزی که باید با آن آشنا شوید HTML است، HTML یک زبانه نشانگذاری برای ایجاد وبسا...

رایگان
04:51:23
آموزش رایگان javascript (جاوا اسکریپت) پروژه محور
کامل شده

آموزش رایگان javascript (جاوا اسکریپت) پروژه محور

جاوا اسکریپت (javascript) زبانی سطح بالا برای ایجاد صفحات وب پویا و تعاملی است. و هدف این زبان، بهبود تعامل و تجربه کارب...

رایگان
10:20:49
مشاهده تمام دوره های آموزشی

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • sadegh hamid

    سلام وقت بخیر
    جناب آقای شیخ عزیز
    برای ایجاد multiple select با استفاده از x-model منوی گزینه ها به طور ثابت بصورت دراپ داون باز شده نمایش داده می شود فکر می کنید این مشکل مربوط به چیست ممنون میشم در اینمورد راهنمایی کنید. اینگونه کدهام را تعریف کردم. 

    <div x-data="{ message: '' ,options:[] }">

          <select x-model="options" multiple>

            <option value="" disabled><span>Select A Color...</span></option>

            <option value="1">Red</option>

            <option value="2">Orange</option>

            <option value="3">Yellow</option>

          </select>

        </div>

    • علی شیخ

      3 روز پیش

      سلام وقت بخیر.
      این موضوع ربطی به alpine نداره و multiple select تو مرورگر به این شکل نمایش داده میشه، شما کد های alpine یا اصلا cdn هم وردارید که فقط تگ های html باشه خروجی به همین شکل هست. این موضوع نیاز به استایل های css داره یا فرضا از فریمورک css که استفاده میکنید.