درباره دوره
پیش نیازهای دوره
html , css و تسلط بر جاوا اسکریپت. شروع دوره از صفر هست و نیاز به هیچ پیش ضمینه ای از فریم ورک های جاوا اسکریپت ندارد هرچند آشنایی با این فریم ورک ها در درک هرچه بهتر مسائل کمک می کند اما اجباری نیست.
لیست ویدئوهای دوره
ویدئوهای رایگانتوجه! تمامی ویدئوهای دوره با vlc media player تست و بازبینی شده اند.
مفاهیم اولیه
+
1
vue js چیه؟ یک شروع سریع
2
نصب vue cli
3
ساختار پوشه بندی پروژه
component ها در vue js
+
4
component چیه؟
5
تعریف کامپوننت ها در vuejs
6
سه مفهوم reactivity-methods-computed
7
ارتباط دو طرفه پدر و فرزند بین کامپوننت ها
8
validate کردن props و emits
10
پیاده سازی یک numberPicker
11
تغییر numberPicker با استفاده از watch
12
آماده سازی numberPicker برای پیاده سازی v-model
13
اضافه کردن v-model به numberPicker
composition api
+
routing در vue js
+
کمی پیشرفته تر (فصل پیش از پروژه)
+
پیش راه اندازی و تنظیمات پروژه
+
23
نصب nuxt 3
24
اضافه کردن tailwind css
25
tailwind چگونه کار می کند
26
تنظیم layout و page ها
27
نصب پلاگین های tailwind
28
نصب vueuse
29
نصب gsap
30
نصب veeValidate
پیاده سازی کامپوننت های پایه
+
31
کامپوننت button و script setup
32
تغییر در کامپوننت button (بهبود type script)
33
پیاده سازی modal
34
پیاده سازی toast و کاربرد useState
35
پیاده سازی text-input هماهنگ سازی با vee-validate
36
پیاده سازی scroll-to-nav (کار با hashRouteها و scroll)
37
پیاده سازی slider با کمک gsap
38
پیاده سازی collapse و توضیح attribute binding
39
پیاده سازی منو
SSR + پیاده سازی صفحه اول پروژه
+
40
SSR چگونه کار می کند
41
SSR در عمل
42
جزییات کار با متد asyncData و fetch
43
ماژول ارسال درخواست و اتصال پروژه به api پروژه
44
جداسازی منطق برنامه و پیش برد ui
45
نمایش course card ها وTransform کردن داده ها
46
روش بهتر برای transform کردن داده ها+ معرفی پلاگین ها
47
حل برخی مشکلات typescript
48
مزیت های استفاده از class-transformer و کدنویسی typeSafe
49
typesafe با فعال سازی strict mode
50
پیاده سازی پلاگین برای ترجمه
51
تکمیل پیاده سازی صفحه اصلی
سیستم احراز هویت
+
52
نصب و راه اندازی pinia
53
مشکل انقضا token در درخواست های همزمان
54
مسائل امنیتی مربوط به ذخیره سازی توکن ها
56
طراحی و تغییر مراحل در فرم لاگین
57
افزودن validation به فرم لاگین
58
جداسازی validator و پیاده سازی سرویس برای لاگین
59
اتصال لاگین به auth store
60
ادامه لاگین و هندل کردن خطاها
61
بارگزاری توکن بر روی store از طریق plugin ها
62
دریافت اطلاعات کاربر و ذخیره در store
63
حذف فیلدهای اضافه identity بوسیله class-transformer
64
پیاده سازی global dialog برای لاگین
65
پیاده سازی الگوریتم رفرش توکن
66
پیاده سازی middleware برای کنترل auth route ها
67
نمایش اطلاعات کاربر و پیاده سازی خروج از حساب کاربری
تکمیل پروژه
+
68
معرفی فصل
69
پیاده سازی منو لاگین
70
پیاده سازی منو (responsive)
71
طراحی قالب صفحه جزئیات دوره
72
دریافت اطلاعات جزئیات دوره و transform داده ها
74
پیاده سازی CanBuy و استفاده از Provide&Inject
75
اتصال به درگاه بانک و classTransformer part2
76
نمایش ویدئوها و کامنت های کاربران
77
ایجاد کامنت های کاربر
78
سئو و پیاده سازی متاتگ ها و عنوان صفحات
79
هندل کردن خطاها
80
روش های مختلف پیاده سازی سبد خرید
81
پیاده سازی سبد خرید قسمت اول
82
پیاده سازی سبد خرید قسمت دوم
83
پیاده سازی سبد خرید قسمت سوم
84
پیاده سازی سبد خرید قسمت چهارم
85
پیاده سازی code generator با plop js
مباحث تکمیلی (اختیاری)
+
پرسش های متداول
برای فروشگاه از چه api ای استفاده می شود؟
+
با توجه به اینکه api و طرح آکادمی لند آماده است از api آکادمی لند بعلاوه اضافه کردن سبد خرید و پروفایل کاربران استفاده می شود.
آیا از option api و composition api در دوره استفاده می شود؟
+
برای مفاهیم اولیه بله، برای پیاده سازی فروشگاه فقط از composition api استفاده می شود.
با توجه به اینکه پروژه با تایپ اسکریپت هست چرا تایپ اسکریپت به عنوان پیش نیاز مطرح نشده است؟
+
تایپ اسکریپت برای پروژه های ویوو اختیاری است، در طول دوره استفاده شده توضیحاتی کوتاه هم داده شده جهت آشنایی کسانی که با تایپ اسکریپت آشنایی ندارند، اینطور نیست که اگر مخاطب دوره با تایپ اسکریپت کار نکرده نتواند از دوره استفاده کند.
از چه کتابخانه یا فریم ورک ui برای کامپوننت های پایه استفاده می شود؟
+
یکی از نقاط قوت دوره این هست که تمامی کامپوننت های مورد استفاده در پروژه توسط مدرس توسعه داده می شوند تنها از daisyui که یک پلاگین css بر پایه tailwind است جهت سهولت در طراحی استفاده می شود.
آیا در طی دوره مفاهیم طراحی و جزییات دیزاین مطرح شده؟
+
تاکید دوره بر مفاهیم ویوو و ناکست است پس جزئیات طراحی جزو سرفصل قرار نمی گیرد اما در جای مقتضی بر حسب نیاز توضیحاتی داده می شود.
این دوره ویدئویی همه مطالب را پوشش می دهد؟ یعنی نیاز به هیچ دوره ویدئویی مجزایی هست؟
+
تمامی مطالبی که برای توسعه نرم افزار نیاز دارید پوشش داده شده است به این معنی که با دیدن دوره قادر خواهید بود یک فروشگاه پیاده سازی کنید.
تست نویسی جزو سرفصل قرار نمی گیرد اگر نیاز دارید برای پروژه های خودتون تست بنویسید به یک دوره تست نویسی نیاز خواهید داشت در غیر اینصورت دوره کفایت می کند.
این مطلب به این معناست که شما از دیدن دوره های ویدئویی دیگر بی نیاز می شوید اما همچنان تاکید بنده بر این هست که با دیدن دوره دست به کد شوید و همزمان داکیومنت vue js و nuxt js رو بخونید تا از ریز جزییات هم مطلع شوید