دوره کدنویسی فریم ورک جاوااسکریپت Vue 3

با فریم ورک جاوااسکریپتی Vue می توانید رابط های کاربری و همچنین برنامه های تک صفحه ای بسازید. در این دوره کدنویسی ویو را در یک پروژه نمونه یاد می گیرید. بخصوص بر مبحث Router ها در Vue کاملا مسلط می شوید.

عنوان اصلی : In-Depth Vue 3 For Beginners (Inc. Composition API, Router)

سرفصل ها :

آشنایی با Vue:
معرفی
آنچه شما برای این دوره نیاز دارید
Vue.js چیست و چه کاری می تواند انجام دهد؟
مروری بر تغییرات Vue 3
کد منبع پروژه
نگاه اول به Vue.js:
بخش مقدمه
نمونه Vue
داده ها و فهرست ها
حلقه زدن با اشیاء
فهرست شاخص ها و کلیدها
صفات الزام آور
مینی چالش-پیوندهای پویا
مینی چالش-پیوندهای پویا-راه حل
عبارات جاوا اسکریپت
مدیریت رویداد
مواد و روش ها
HTML خام
چرخه زندگی Vue
مبانی مؤلفه:
بخش مقدمه
کامپوننت ها چیست؟
ابتدا به کامپوننت ها نگاه کنید
لوازم و استفاده مجدد از قطعات
اجزای محلی
ابزارهای ساخت و برنامه های کاربردی تک صفحه ای:
بخش مقدمه
برنامه های کاربردی تک صفحه ای
Vue CLI
ساختار پروژه
افزونه vetur
پروژه شمارش معکوس:
بخش مقدمه
دانلود پروژه شروع کننده
اجزای فایل منفرد
پویا کردن اجزای ما
محاسبه روزهای باقی مانده
رندر مشروط
بیشتر در مورد رندر شرطی
ویژگی های محاسبه شده
ناظران
محاسبه شده یا ناظران
سفارش و تغییر رویدادهای گذشته
تله پورت
فرم ها، رویدادها و اصلاح کننده ها:
بخش مقدمه
جزء فرم ما
یک ظاهر طراحی و تعیین موقعیت فرم مدال
رویدادهای سفارشی را منتشر کنید
ورودی های فرم صحافی
انتشار داده با یک رویداد سفارشی
رویدادهای متعدد را منتشر کنید
اصلاح کننده ها
اعتبار بخشیدن به فرم ما
به روز رسانی رویدادها
حذف رویدادها
اعتبارسنجی و نگاهی عمیق تر به Props:
بخش مقدمه
اعتبار سنجی پایه
ویژگی های غیر مناسب
بیشتر در مورد ویژگی های غیر مناسب
اسلات ها و اجزای دینامیک:
بخش مقدمه
آنچه را که خواهیم ساخت
صفحات و اجزای پروژه
مقدمه ای بر اسلات ها
نمای کلی ساختار صفحه
اسلات در عمل
عبور داده های پویا و محدوده
محتوای بازگشتی
اسلات به نام
اسلات های محدوده
صفحه سفارشات
صفحه پرفروش ها
اجزای دینامیک
ارائه/تزریق:
بخش مقدمه
ارائه- تزریق چیست
راه اندازی یک ارائه دهنده
تزریق داده ها
چالش کوچک - سفارشات به روز رسانی - صفحات پرفروش
به روز رسانی سفارشات و پرفروش ترین صفحات برای استفاده از ارائه
به روز رسانی ارائه دهنده از یک مؤلفه کودک
مقدمه ای بر مسیریابی:
بخش مقدمه
آنچه را که خواهیم ساخت و آغازگر پروژه خواهیم بود
راه اندازی روتر Vue
پیوند روتر و نمای روتر
پارامترها و پرس و جوها
تطبیق مسیرهای پویا
مسیرهای تو در تو
کلاس های فعال
صفحات بازگشتی
راه اندازی اجزای پروژه و مسیرها
ناوبری برنامه ای
حالت های مختلف روتر
Composition API:
بخش مقدمه
Composition API چیست؟
تنظیم ترکیب
بدوی در مقابل انواع مرجع
معرفی سریع پروکسی ها
استفاده از Reactive و isReactive
افزودن واکنش پذیری با Ref
تخریب و toRefs
فقط خواندنی
محاسبه شده است
توابع ترکیب مستقل
چالش کوچک-حرکت روی کارت ها بر اساس دسته
حرکت بر روی کارت ها بر اساس دسته
دسترسی به روتر
Watch و Watch Effect
استفاده از Alongside API Options
ادامه پروژه ما:
بخش مقدمه
پیوند به کارت انتخابی و استایل دسته بندی
نمای ایجاد
بازیابی کارت انتخاب شده
انتخاب صفحه فعلی
تعویض صفحات کارت
مولفه پیش نمایش کارت
مولفه خروجی متن
جزء ویرایش کارت
مولفه ورودی متن و منوی شناور
افزودن گزینه های منو
گزینه های منو ادامه دارد
یک ظاهر طراحی شده منو
به روز رسانی کارت
افزودن بخش های جدید
حذف بخش ها
تنظیم مجدد ترتیب بخش ها
تغییر ارتفاع بخش
یک ظاهر طراحی اضافی
ارائه و تزریق با ترکیب
گاردهای ناوبری و بارگذاری تنبل:
بخش مقدمه
گاردهای ناوبری
مسیرهای بارگیری تنبل
گروه بندی مسیرها به تکه ها
آپلود تصاویر:
بخش مقدمه
کامپوننت آپلود تصویر
راه اندازی کلودیناری
خواندن اشیاء فایل و پیش نمایش
در حال آپلود فایل تصویری
ذخیره URL تصویر در کارت ما
تغییر موقعیت تصویر
حذف تصاویر
گسترش:
استقرار در Netlify
متشکرم