بدون فریمورک: ساخت یک بورد کانبان Full Stack با JS و Azure
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- چگونه یک بورد کانبان کاملاً کاربردی (مانند Trello) را با استفاده از Vanilla JavaScript بسازید؟
- چگونه یک اپلیکیشن تکصفحهای (SPA) بدون استفاده از هیچ فریمورک فرانتاندی ایجاد کنید؟
- چگونه یک بکاند NodeJS + ExpressJS بسازید که به MongoDB متصل شود؟
- چگونه دستکاری پیشرفته DOM را انجام دهید و قابلیت درگ و دراپ کردن را از ابتدا ایجاد کنید؟
- چگونه یک اپلیکیشن Full Stack را از فرانتاند تا بکاند و استقرار ساختاردهی کنید؟
- چگونه اپلیکیشن خود را مانند یک حرفهای در فضای ابری Azure مستقر کنید؟
- چگونه ارتباط کلاینت-سرور را با استفاده از Axios و REST API درک کنید؟
- چرا یادگیری بدون فریمورک در ابتدا، مزیت بزرگی برای یادگیری بعدی React ،Angular یا Vue به شما میدهد؟
- چگونه درک کنید که فریمورکها در پشت صحنه چه کاری انجام میدهند؟
پیشنیازهای دوره
- درک اولیه از HTML و CSS مفید است اما الزامی نیست.
- کنجکاوی، استمرار و اشتیاق به ساخت چیزی واقعی از ابتدا
توضیحات دوره
چه میشود اگر بتوانید بدون تکیه به فریمورکها بر توسعه Full Stack مسلط شوید و به خاطر آن قویتر ظاهر شوید؟
این دوره فقط یک آموزش دیگر نیست. این یک تجربه کامل دگرگونی برای توسعهدهندگان است که برای مبتدیان مطلق و مهندسان مشتاقی ساخته شده است که میخواهند آنچه را که اکثر آموزشها نادیده میگیرند، بیاموزند.
به دوره بورد کانبان Full Stack Vanilla JavaScript خوش آمدید، جایی که شما اپلیکیشن تکصفحهای (SPA) خودتان را از صفر با استفاده از فقط JavaScript در فرانتاند، همراه با NodeJS، Express و MongoDB در بکاند میسازید و سپس آن را با Azure Cloud به جهان عرضه میکنید.
شما یک بورد کانبان کامل با قابلیت درگ و دراپ کردن مانند Trello را بدون هیچ فریمورکی میسازید. درست است: نه React نه Angular نه Vue. فقط JavaScript تمیز، قدرتمند و واقعی، همانطور که قرار بود نوشته شود.
در پایان این دوره، خواهید فهمید که چگونه:
- SPAها را بدون فریمورک بسازید. (و چرا این به شما قدرتهای خارقالعادهای میدهد)
- به DOM با قابلیت درگ و دراپ کردن واقعی مسلط شوید.
- فرانتاند خود را به بکیندی که خودتان ساختهاید متصل کنید.
- دادهها را با استفاده از MongoDB ذخیره و بازیابی کنید.
- اپلیکیشن Full Stack خود را مانند یک حرفهای در Azure Cloud مستقر کنید.
و زمانی که آماده یادگیری React یا Vue شدید؟ با اعتمادبهنفس عمیق از آنها عبور خواهید کرد، زیرا میدانید در پشت صحنه واقعاً چه میگذرد.
این دوره مزیت رقابتی شماست. و ممکن است مهمترین تصمیم برنامهنویسی باشد که امسال میگیرید.
این دوره برای چه کسانی مناسب است؟
- مبتدیان مطلقی که میخواهند توسعه Full Stack را به روش صحیح بیاموزند با ساخت پروژههای واقعی، نه فقط تماشای آموزشها
- توسعهدهندگان وب مشتاقی که با فریمورکها سردرگم شدهاند و میخواهند ابتدا با JavaScript خالص اعتمادبهنفس کسب کنند.
- برنامهنویسان خودآموخته یا فارغالتحصیلان بوتکمپ که نمیتوانند تمام نقاط بین فرانتاند، بکاند و استقرار را به هم متصل کنند.
- کاربران React/Vue/Angular که متوجه شدهاند کاملاً درک نمیکنند در پشت صحنه چه میگذرد و میخواهند آن را اصلاح کنند.
- یادگیرندگان پروژه-محور که از لیستهای انجام کار خسته شدهاند و میخواهند چیزی معنادار بسازند، مانند یک بورد کانبان با امکانات کامل
- هر کسی که میخواهد یک SPA واقعی را از ابتدا بسازد و یاد بگیرد چگونه آن را با Azure در فضای ابری مستقر کند.
- این دوره برای کسانی که به دنبال دوره فشرده React هستند مناسب نیست، این دوره طراحی شده تا بدون فریمورک باشد تا شما را بعداً در فریمورکها بهتر کند.
بدون فریمورک: ساخت یک بورد کانبان Full Stack با JS و Azure
-
چرا تسلط به SPAها با Vanilla JS بسیار مهم است! 11:56
-
مقدمهای بر بورد کانبان و تجزیه داستان کاربر (User Story) 09:39
-
ایجاد پروژه فرانتاند ما 06:01
-
ایجاد یک پکیج NPM برای پروژه فرانتاند ما 02:58
-
ماژول باندلر چیست؟ 06:04
-
پیکربندی Webpack (بخش 1) 05:07
-
پیکربندی Webpack (بخش 1 - ادامه) 09:02
-
پیکربندی Webpack (بخش 2) 08:03
-
پیکربندی Webpack (بخش 3) 06:58
-
استفاده از Babel برای سازگاری با نسخههای قدیمی 08:54
-
سرور توسعه Webpack 07:12
-
نوار ناوبری و مقدمهای بر مسیریابی 06:32
-
مسیریابی: فرانتاند (بخش 2) 09:39
-
مسیریابی: فرانتاند (بخش 3) 11:28
-
مسیریابی: فرانتاند (بخش 4) 05:49
-
عملکرد صفحه ثبتنام 05:23
-
پیادهسازی کلاس Register (بخش 1) 08:43
-
پیادهسازی کلاس Register (بخش 2) 09:32
-
مرور ماژول "REGISTER" 06:21
-
تابع OnSubmit (بخش 1) 06:23
-
تابع OnSubmit (بخش 2) 06:26
-
تابع OnSubmit (بخش 3) 04:37
-
تابع OnSubmit (بخش 4) 04:43
-
تابع OnSubmit (بخش 4 - ادامه) 04:42
-
کنترل ناوبری 10:27
-
راهاندازی محیط Node JS 09:07
-
بروزرسانی MongoDB در فضای ابری 04:31
-
اتصال اپلیکیشن به پایگاه داده 10:01
-
مدلسازی کاربر ما 05:26
-
ایجاد مخزن کاربر ما 05:16
-
ایجاد مسیرها: تصمیمگیری درباره چگونگی دسترسی فرانتاند به ما 12:37
-
ایجاد لایه سرویس و ذخیرهسازی در پایگاه داده 07:26
-
مرور جریان و Nodemon 09:36
-
UserService.CreateUser - قانون شماره 1: رمز عبور باید رمزنگاری شود 09:26
-
UserService.CreateUser - قانون شماره 2: ایمیل کاربر باید یکتا باشد 06:22
-
لایه اعتبارسنجی 14:00
-
اتصال فرانت به بک و تست Full Stack (بخش 1) 12:08
-
اتصال فرانت به بک و تست Full Stack (بخش 2) 07:30
-
راهاندازی مسیر احراز هویت 10:58
-
بررسی صحت رمز عبور 03:24
-
تولید JWT 11:47
-
ایجاد کوکی مجوزدهی 07:52
-
چگونه بدانیم کوکی Auth کار میکند؟ 16:08
-
پیادهسازی مسیر "GetAllTasks" 12:17
-
بازسازی کد - متغیرهای محیطی 06:17
-
مدیریت رویداد Submit در فرم ورود 06:19
-
اعتبارسنجی فرم ورود 04:08
-
ارسال درخواست ورود به بکاند 06:38
-
ایجاد و بروزرسانی مخزن احراز هویت ما (بخش 1) 09:58
-
ایجاد و بروزرسانی مخزن احراز هویت ما (بخش 2) 06:40
-
تغییر مسیر به داشبورد 04:04
-
میانافزار صدور مجوز 12:18
-
بهبودهای تجربه کاربری (UX) شماره 1 02:39
-
بهبودهای تجربه کاربری (UX) شماره 2 07:51
-
بهبودهای تجربه کاربری (UX) شماره 3 07:58
-
تسک ها: مدلسازی وظیفه ما 03:11
-
ایجاد مخزن تسک ما 02:55
-
بروزرسانی لایه Router و Controller و پیادهسازی لایه Service 04:26
-
قوانین کسب و کار ایجاد تسک 03:59
-
ایجاد تسک - اعتبارسنجی 07:15
-
ایجاد مودال فرم تسک 06:35
-
لایه سرویس فرانتاند (بخش 1) 04:27
-
لایه سرویس فرانتاند (بخش 2) 07:19
-
دریافت همه تسک ها - راهاندازی API 06:39
-
ارسال درخواست GET به بکاند 06:36
-
تولید بورد کانبان با تسک 13:34
-
جریان حذف تسک در بکاند 06:28
-
گوش دادن به رویداد حذف 09:04
-
مشاهده تسک با شناسه (ID) 04:46
-
مودال مشاهده تسک 05:28
-
راهاندازی عملیات بروزرسانی 04:58
-
ارسال مودال بروزرسانی 05:06
-
نیاز داریم که تسک های قابل دراپ باشند 10:01
-
نیاز به یک هدف دراپ کردن معتبر داریم 05:33
-
زمان دراپ کردن... عنصر (بخش 1) 01:59
-
زمان دراپ کردن... عنصر (بخش 2) 02:58
-
نیاز داریم به سمت بالا بکشیم 17:00
-
فعالسازی بکاند 05:34
-
ادغام Full Stack درگ و دراپ کردن (بخش 1) 02:09
-
ادغام Full Stack درگ و دراپ کردن (بخش 2) 13:28
-
مقدمهای بر Microsoft Azure 06:38
-
استقرار در فضای ابری (بخش 1) 11:49
-
استقرار در فضای ابری (بخش 2) 16:00
مشخصات آموزش
بدون فریمورک: ساخت یک بورد کانبان Full Stack با JS و Azure
- تاریخ به روز رسانی: 1404/10/04
- سطح دوره:همه سطوح
- تعداد درس:83
- مدت زمان :10:32:06
- حجم :4.62GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy