دوره یادگیری Vue 3 ویژه تازه کاران

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با Vue 3 یاد می گیرید.

عنوان اصلی : In Depth Vue 3 For Beginners

سرفصل ها :

Vue 3 اینجاست! خود را در این چارچوب شگفت‌انگیز مناسب برای توسعه‌دهندگان برای ساختن رابط‌های کاربری غوطه‌ور کنید! ما با هم هر چیزی را که Vue.js ارائه می‌دهد از ابتدا بررسی می‌کنیم، و همگی در حین ساخت 4 پروژه برای به کار بردن دانش شما. شما تمام مهارت‌های ضروری Vue را به همراه ویژگی‌های جدید Vue.js 3 و نحو یاد خواهید گرفت. ما بسیار مبتدی شروع می‌کنیم و بر مهارت‌های HTML و CSS موجود شما با معرفی Vue.js به یک پروژه HTML موجود و پیاده‌سازی آن شروع می‌کنیم. ویژگی ها به تدریج در حین ساختن اولین پروژه ما، جایی که ما یک وبلاگ را به یک وب سایت نمونه کارها اضافه می کنیم، تمام مهارت های ضروری Vue و نحو را یاد خواهید گرفت. قبل از اینکه وارد پروژه شوید، همه موارد ضروری مانند داده ها، روش ها، حلقه زدن، رویدادها و قلاب های چرخه حیات را یاد خواهید گرفت. انواع مختلف مؤلفه‌های موجود، و نحوه انتقال داده‌ها به آن‌ها. هنگامی که ما یک زمین محکم داریم، زمان پروژه 2 است. این یک برنامه شمارش معکوس رویداد است که با استفاده از Vue CLI شما را با یک راه‌اندازی پیچیده‌تر آشنا می‌کند. در حین ساخت پروژه، چیزهای بیشتری از جمله تماشاگرها، ویژگی های محاسبه شده، فرم ها، رندر شرطی و تله پورت را یاد خواهید گرفت. Project 3 یک داشبورد کاربری خواهد بود که همه چیز را در مورد اسلات ها، اجزای پویا و استفاده از ارائه/تزریق می آموزد. .آخرین پروژه اپلیکیشن ویرایش کارت است. ما با کتابخانه‌ای از کارت‌های تبریک شروع می‌کنیم که کاربر می‌تواند انتخاب کند، و پس از انتخاب، یک صفحه ویرایش به کاربر اجازه می‌دهد متن، تصاویر و استایل کلی را نیز ویرایش کند. این پروژه به معرفی Vue 3 Composition API جدید می پردازد، نحوه سازماندهی کد خود را در فایل های قابل استفاده مجدد، مسیریابی، بارگذاری تنبل، آپلود تصویر، واکنش پذیری، استقرار و موارد دیگر. این دوره به شما درک کاملی از Vue می دهد. js 3، همراه با یادگیری جاوا اسکریپت اصلی.
1. به کلاس خوش آمدید!
2. آنچه شما برای این دوره نیاز دارید
3. Vue.js چیست و چه کاری می تواند انجام دهد؟
4. مروری بر تغییرات Vue 3
5. کد منبع پروژه
6. بخش معرفی- نگاه اول به Vue.js
7. نمونه Vue
8. داده ها و فهرست ها
9. حلقه زدن با اشیاء
10. فهرست شاخص ها و کلیدها
11. صفات مقید
12. چالش کوچک- پیوندهای پویا
13. پیوندهای پویا: راه حل من
14. عبارات جاوا اسکریپت
15. مدیریت رویداد
16. روش ها
17. HTML خام
18. چرخه حیات Vue
19. بخش مقدمه - مبانی مؤلفه
20. کامپوننت ها چیست؟
21. اولین نگاه به کامپوننت ها
22. لوازم جانبی و استفاده مجدد از اجزا
23. اجزای محلی
24. بخش Intro- Build Tools & Single Page Applications
25. برنامه های کاربردی یک صفحه
26. Vue CLI
27. ساختار پروژه
28. افزونه Vetur
29. بخش معرفی پروژه شمارش معکوس
30. دانلود پروژه شروع
31. اجزای فایل منفرد
32. پویا کردن رویدادهای ما
33. محاسبه روزهای باقی مانده
34. رندر مشروط
35. بیشتر در مورد رندر شرطی
36. خواص محاسبه شده
37. Watchers & Multiple Root Node (قطعات)
38. محاسبه شده یا ناظران؟
39. سفارش و تغییر رویدادهای گذشته
40. تله پورت
41. بخش Intro- Forms, Events & Modifiers
42. مؤلفه فرم ما
43. Styling & Positioning The Form Modal
44. رویدادهای سفارشی را منتشر کنید
45. ورودی های فرم صحافی
46. انتشار داده با یک رویداد سفارشی
47. چندین رویداد را منتشر کنید
48. اصلاح کننده ها
49. اعتبار سنجی فرم ما
50. به روز رسانی رویدادها
51. حذف رویدادها و توقف انتشار
52. بخش مقدمه- اعتبار سنجی و نگاهی عمیق تر به لوازم
53. اعتبار سنجی پایه
54. ویژگی های غیر پروپ
55. بیشتر در مورد ویژگی های غیر مناسب
56. بخش Intro-Slots & Dynamic Components
57. پروژه چه خواهیم ساخت و شروع کنیم
58. صفحات و اجزای پروژه
59. مقدمه ای بر اسلات
60. نمای کلی ساختار صفحه
61. اسلات در عمل
62. عبور داده های پویا و دامنه
63. محتوای بازگشتی
64. اسلات به نام
65. Scoped Slots
66. صفحه سفارشات
67. صفحه پرفروش ها
68. اجزای پویا
69. بخش Intro- ارائه / تزریق
70. ارائه / تزریق چیست؟
71. راه اندازی یک ارائه دهنده
72. تزریق داده ها
73. چالش کوچک: به روز رسانی سفارشات و صفحات پرفروش برای استفاده ارائه / تزریق
74. به روز رسانی سفارشات و پرفروش ترین صفحات برای استفاده ارائه / تزریق
75. به روز رسانی ارائه دهنده از یک مؤلفه کودک
76. بخش مقدمه- مقدمه ای بر مسیریابی
77. پروژه چه خواهیم ساخت و شروع کنیم
78. راه اندازی روتر Vue
79. پیوند روتر و نمای روتر
80. Params & Queries
81. تطبیق مسیرهای پویا
82. مسیرهای تودرتو
83. کلاس های فعال
84. صفحات بازگشتی
85. راه اندازی اجزای پروژه و مسیرها
86. پیمایش برنامه ای
87. حالت های مختلف روتر
88. بخش Intro- Composition API
89. Composition API چیست؟
90. تنظیم ترکیب
91. اولیه در مقابل انواع مرجع
92. معرفی سریع پروکسی ها
93. استفاده از Reactive & isReactive
94. افزودن واکنش پذیری با Ref
95. Destructuring & toRefs
96. فقط خواندنی
97. محاسبه شده
98. توابع ترکیب مستقل
99. چالش کوچک: حرکت بر روی کارت ها بر اساس دسته
100. حرکت بر روی کارت ها بر اساس دسته
101. دسترسی به روتر
102. Watch و WatchEffect
103. Using Alongside The Options API
104. بخش معرفی- فشار بر پروژه ما
105. پیوند دادن به کارت انتخابی و سبک دسته بندی
106. نمای ایجاد
107. بازیابی کارت انتخاب شده
108. انتخاب صفحه جاری
109. تعویض صفحات کارت
110. مؤلفه پیش نمایش کارت
111. جزء خروجی متن
112. جزء ویرایش کارت
113. منوی مؤلفه ورودی متن و شناور
114. افزودن گزینه های منو
115. گزینه های منو ادامه دارد
116. یک ظاهر طراحی شده منو
117. به روز رسانی کارت
118. افزودن بخش های جدید
119. حذف بخش ها
120. بازآرایی ترتیب بخش ها
121. تغییر ارتفاع بخش
122. یک ظاهر طراحی اضافی
123. ارائه و تزریق با ترکیب
124. بخش Intro- Guards Navigation & Lazy Loading
125. گارد ناوبری
126. مسیرهای بارگذاری تنبل
127. گروه بندی مسیرها به قطعات
128. بخش معرفی- آپلود تصاویر
129. کامپوننت آپلود تصویر
130. راه اندازی کلودینری
131. خواندن اشیاء فایل و پیش نمایش
132. آپلود فایل تصویری
133. ذخیره URL تصویر در کارت ما
134. تغییر موقعیت تصویر
135. حذف تصاویر
136. استقرار برای Netlify
137. متشکرم!