دوره آموزشی یادگیری Vue.js
1 ساعت 42 دقیقهمتوسط2021-05-03
مدرسین

Michael Sullivan
Microsoft Certified Professional and Senior Web Developer
جزئیات دوره
اگر هنوز یک فریمورک یا کتابخانه اصلی جاوا اسکریپت که به نیازهاتون بخوره پیدا نکردید، باید Vue.js رو امتحان کنید. Vue یک رویکرد تدریجی برای حل مشکلات فرانتاند ارائه میده. برخلاف بعضی از فریمورکهای پیچیدهتر جاوا اسکریپت، Vue به توسعهدهندگان این امکان رو میده که به راحتی اتصال دادهها رو به ویو (نمایشها) اضافه کنن و به تدریج به یک اپلیکیشن تکصفحهای کامل برسند، اگر لازم باشه.
در این دوره، مایکل سالیوان شما رو با فریمورک Vue آشنا میکنه و توضیح میده که این فریمورک چه مشکلاتی رو حل میکنه، چطور میتونید با اضافه کردن Vue به یک صفحه وب شروع کنید، و چطور باید اتصال دادهها و منطق کنترل رو مدیریت کنید. بعد از اینکه محتوای داینامیک، اتصال فرمها، رندرینگ و منطق استایلدهی رو توضیح داد، مایکل وارد سیستم کامپوننتها در Vue میشه که شامل ابزار Vue CLI هم میشه. سیستم کامپوننتها به شما کمک میکنه که کدهای مدولار و قابل استفاده مجدد بسازید و کد فرانتاند خودتون رو مرتب و سادهتر کنید.
اهداف یادگیری:
🔹 آشنایی با فریمورک Vue.js
🔹 یادگیری نحوه اضافه کردن Vue به یک صفحه وب
🔹 مدیریت اتصال دادهها و منطق کنترل
🔹 یادگیری نحوه کار با محتوای داینامیک و اتصال فرمها
🔹 استفاده از سیستم کامپوننتها برای نوشتن کدهای مدولار و قابل استفاده مجدد
🔹 معرفی ابزار Vue CLI
در این دوره، مایکل سالیوان شما رو با فریمورک Vue آشنا میکنه و توضیح میده که این فریمورک چه مشکلاتی رو حل میکنه، چطور میتونید با اضافه کردن Vue به یک صفحه وب شروع کنید، و چطور باید اتصال دادهها و منطق کنترل رو مدیریت کنید. بعد از اینکه محتوای داینامیک، اتصال فرمها، رندرینگ و منطق استایلدهی رو توضیح داد، مایکل وارد سیستم کامپوننتها در Vue میشه که شامل ابزار Vue CLI هم میشه. سیستم کامپوننتها به شما کمک میکنه که کدهای مدولار و قابل استفاده مجدد بسازید و کد فرانتاند خودتون رو مرتب و سادهتر کنید.
اهداف یادگیری:
🔹 آشنایی با فریمورک Vue.js
🔹 یادگیری نحوه اضافه کردن Vue به یک صفحه وب
🔹 مدیریت اتصال دادهها و منطق کنترل
🔹 یادگیری نحوه کار با محتوای داینامیک و اتصال فرمها
🔹 استفاده از سیستم کامپوننتها برای نوشتن کدهای مدولار و قابل استفاده مجدد
🔹 معرفی ابزار Vue CLI
مهارت ها
Vue.jsJavaScript FrameworksLearningWeb DevelopmentOpen Source
سرفصل ها
0. مقدمه
- 01 - آیا Vue برای شماست
- 02 - آنچه باید بدانید
1. مدیریت محتوا و رفتار پویا
- 03 - Vue.js چه مشکلاتی را حل می کند
- 04 - افزودن Vue.js به پروژه
- 05 - پیکربندی عناصر پویا
- 06 - اتصال به متن داخلی و HTML
- 07 - ویژگی های پویا و مدل v
- 08 - مدیریت رویدادها با v-on
2. صحافی های کنترل فرم
- 09 - صحافی های فیلد متنی
- 10 - استفاده از v-model با چک باکس های مرتبط
- 11 - پیکربندی دکمه های رادیویی و انتخاب عناصر
- 12 - اضافه کردن اصلاح کننده ها
- 13 - خواص محاسبه شده
3. منطق رندر و استایلینگ
- 14 - رندر شرطی با v-if
- 15 - رندر شرطی با v-show
- 16 - Looping و رندر لیست با v-for
- 17 - صفات سبک صحافی
- 18 - کلاس های CSS اتصال
4. استفاده از Vue Components
- 19 - ایجاد و ثبت اجزا
- 20 - استفاده از لوازم جانبی
- 21 - پیکربندی رویدادهای سفارشی
- 22 - استفاده از شیارهای کامپوننت
- 23 - نصب Vue CLI
- 24 - ایجاد اجزای تک فایل
نتیجه
- 25 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی ایجاد و میزبانی یک سایت Full-Stack با استفاده از Vue.js
- دوره آموزشی یادگیری Nuxt.js
- دوره آموزشی مستند Vue.js
- دوره آموزشی Vue.js: آزمایش و اشکال زدایی
- دوره آموزشی یادگیری جامع Vue.js 3
- دوره آموزشی کار با API ها در Vue.js 2
- دوره آموزشی Vue.js 2: برنامه های Full-Stack با Firebase
- دوره آموزشی ایجاد یک رابط در Vue.js 2