بوتکمپ توسعه وب فولاستک انگولار و NestJS 2024
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یادگیری توسعه فرانتاند و بکاند
- یادگیری HTML ،CSS، جاوااسکریپت، پایگاه داده، انگولار (فریمورک وب اپلیکیشن)، طراحی وب، UI و UX
- در طول دوره، همانطور که با دانش اولیه توسعه وب پیش میرویم، شما یک وبسایت واقعی تجارت الکترونیک خواهید ساخت.
- یادگیری مهارتهای اضافی برای ساخت یک وبسایت کامل از جمله طراحی لوگو، تنظیم تصاویر و یکپارچهسازی سیستم پرداخت مانند پیپال
- یادگیری تمام فناوریهای لازم برای ساخت این پروژه کامل و همچنان میتوانید مبانی را هم در این مسیر یاد بگیرید.
پیشنیازهای دوره
- در این دوره هیچ الزام اولیهای وجود ندارد زیرا ما همه موارد از جمله HTML ،CSS و مبانی جاواسکریپت را یاد خواهیم گرفت.
- در هر بخش درباره اصطلاحاتی که یاد میگیریم بحث خواهیم کرد. ما توضیح میدهیم که هر خط کد چگونه کار میکند تا بتوانید در حین ساخت پروژه همه مطالب را یاد بگیرید.
- تنها چیزی که نیاز دارید یک کامپیوتر و کمی زمان است، بیایید این سفر را با هم شروع کنیم.
توضیحات دوره
به بوتکمپ توسعه وب فولاستک تجارت الکترونیک با انگولار و NestJS 2023 خوش آمدید.
این دوره بر ساخت یک اپلیکیشن واقعی متمرکز است.
ما یک وبسایت فولاستک میسازیم که شامل ابزارها و فناوریهای فراوانی است از جمله:
- HTML5
- CSS3
- UI و UX
- طراحی واکنشگرا
- فیگما
- فریمورک فرانتاند - انگولار
- بکاند - NestJS
- مبانی نودجیاس
- ویژوال استودیو کد
- NPM
- REST API
- پایگاه داده Postgres
- انجمنهای پایگاه داده
- مصورسازی پایگاه داده
- طراحی اسکیمای پایگاه داده
- TypeORM
- احرازهویت کاربر
- مجوز ادمین
- نقشهای کاربر و ادمین
- بهترین شیوههای توسعهدهنده
- کوکیها و سشنها
- میزبانی وب (سناریوی واقعی)
- استقرار اپلیکیشن و ترمینال (سناریوی واقعی)
- آپلود تصاویر و ذخیرهسازی (آنلاین)
- تغییر اندازه و کراپ کردن تصاویر (آنلاین)
- طراحی و ویرایش لوگو (آنلاین)
در طول دوره، ما تمام مباحث فوق را با ساخت پروژه فولاستک، وبسایت تجارت الکترونیک بررسی خواهیم کرد.
ما هر مبحث از جمله طراحی وب اولیه، طراحی واکنشگرا، نحوه ساختاردهی کل وبسایت از جمله فرانتاند و بکاند با پایگاه داده تولید و استقرار وبسایت را تنها در یک دوره توضیح خواهیم داد.
زیرا در طول سالها در صنعت توسعه وب متوجه شدهایم که بیشتر دورهها یا بر یک مبحث خاص متمرکز هستند (که به این معناست که شما برای ادامه سفر توسعه وب مجبور به خرید چندین دوره در آینده خواهید بود) یا فاقد کامپایل کردن تمام فناوریها برای ساخت اپلیکیشن واقعی و وبسایت هستند. دانشجویان معمولاً باید مواردی را یاد بگیرند که حتی به آنها نیازی ندارند، یا برخی فناوریها قدیمی هستند (بسیاری از مردم ممکن است حتی از آنها استفاده نکنند)، که باعث اتلاف زمان ارزشمندشان میشود.
به همین دلیل است که این دوره را ساختهایم:
این دوره شامل بخشهای لازم برای ساخت پروژه واقعی کامل است.
هماکنون در دوره شرکت کنید و ببینید که توسعه وب چقدر میتواند سرگرمکننده، هیجانانگیز و پاداشدهنده باشد.
این دوره برای چه کسانی مناسب است؟
- کسی است که میخواهد در مورد توسعه وب یاد بگیرد.
- فردی که دوست دارد یک وبسایت کامل مانند آمازون یا Ebay بسازد.
- این دوره مهمترین مباحث از جمله فریمورکهای وب، پایگاه داده، میزبانی وب، طراحی و UI/UX را پوشش میدهد. اگر به چنین مباحثی علاقهمند هستید و میخواهید یک پروژه کامل بسازید، این دوره را بگذرانید.
بوتکمپ توسعه وب فولاستک انگولار و NestJS 2024
-
مقدمه - به دوره توسعه وبسایت فولاستک تجارت الکترونیک خوش آمدید! 01:32
-
جریان و ایدههای طراحی پروژه 07:18
-
راهاندازی محیط توسعه محلی 02:07
-
جمعبندی بخش 1 01:45
-
آشنایی با NestJS 06:53
-
معرفی HTML ،CSS و مبانی جاوااسکریپت 15:56
-
راهاندازی محیط NestJS و Postman 06:07
-
راهاندازی محیط پایگاه داده و PostgreSQL 03:05
-
تمرین با NodeS ،Express و سرور 16:43
-
ایجاد پروژه جدید NestJS 05:53
-
ساختار پوشه NestJS و نحوه کارکرد هر فایل 17:27
-
راهاندازی پایگاه داده 09:27
-
مصورسازی پایگاه داده NestJS با LucidChart و ژنراتور NestS CRUD 17:10
-
جمعبندی بخش 2 02:36
-
بکاند NestJS - بیایید انتیتی بسازیم و جدول پایگاه داده را مشاهده کنیم 00:47
-
فیکس کردن مشکلات انتیتی اضافی و پیادهسازی متد Get در کنترلر و سرویس 15:50
-
پیادهسازی متد ()Create 13:30
-
دمو - واکشی داده با Postman و پیادهسازی متد ()Delete 19:02
-
پیادهسازی متد ()Update و بروزرسانی داده با Postman 14:29
-
پیادهسازی متد ()FindOne و یافتن داده با Postman 26:48
-
جمعبندی بخش 3 07:05
-
مقدمه بخش و راهاندازی محیط محلی انگولار 02:07
-
ساختار پوشه انگولار و ایجاد ماژول ویژگی، کامپوننت لیست محصولات 06:18
-
مسیریابی انگولار و مسیریابی کامپوننت محصول 19:00
-
برقراری ارتباط بکاند با سرویس انگولار و متد ()get در HTTP 21:14
-
نمایش داده در کامپوننت لیست محصولات 21:56
-
Google Fonts و صفحه لیست محصولات 26:16
-
آمادهسازی عکسها (دانلود، تغییر اندازه و آپلود در ابر) برای کامپوننت لیست محصولات 35:02
-
پیادهسازی views لیست محصولات با CSS 14:40
-
اصلاحات - صفحه لیست محصولات 23:22
-
ساخت صفحه جدید لیست محصولات 06:20
-
استفاده از [RouterLink] برای شروع ناوبری در یک مسیر 17:30
-
نمودار درختی، کامپوننت جزئیات محصول، افزودن یک ویژگی دیگر به بکاند 05:12
-
ساخت صفحه کامپوننت جزئیات 21:39
-
ترکیب صفحه لندینگ با صفحه اصلی محصولات 23:37
-
آمادهسازی - استفاده از Postman برای نوشتن داده در بکاند 23:48
-
ساخت سرویس جدید (دریافت محصولات بر اساس دستهبندی) از بکاند 10:04
-
ایجاد کامپوننت دستهبندی فرعی و نمایش محصولات بر اساس دستهبندی فرعی 23:15
-
ساخت لیست محصولات کامپوننت دستهبندی فرعی 27:50
-
فیکس کردن رابط کاربری کامپوننت جزئیات محصول و واکشی داده با استفاده از سرویس 33:43
-
جمعبندی بخش 4 20:12
-
یکپارچهسازی سیستم پرداخت 02:30
-
نصب گیت و پوش کردن پروژهها به گیتهاب 34:50
-
ایجاد یک سرور در Digital Ocean و ایجاد پایگاه داده واقعی Postgres 14:42
-
استفاده از ترمینال برای لاگین به سرور و راهاندازی اولیه (SSH) 12:39
-
میزبانی فرانتاند خود روی همان سرور 24:31
-
درج داده از PgAdmin4 + Postman 17:40
-
جمعبندی بخش 11:12
-
ساخت Viewport دسکتاپ وبسایت (آمادهسازی) 06:49
-
صفحه اصلی View دسکتاپ و گریدهای CSS 08:00
-
تنظیم کامپوننت کیسههای محصول - Viewport دسکتاپ با CSS 35:03
-
تنظیم کامپوننت دستهبندی فرعی - View دسکتاپ با CSS 07:15
-
تنظیم کامپوننت جزئیات محصول - Viewport دسکتاپ با CSS 23:52
-
ساخت نوار ناوبری واکنشگرا (شروع از کامپوننت کیسههای محصولات) 42:15
-
ساخت یک نوار ناوبری واکنشگرا (منوی موبایل) 32:00
-
ساخت نوار ناوبری، کامپوننت پوشاک، لوازم آرایشی و اکسسوریها 44:49
-
جمعبندی بخش 35:26
-
ساخت فرانتاند و ایجاد کامپوننت متد و فرم واکنشگرای انگولار 03:24
-
دسترسپذیر کردن کامپوننت دستهبندی فرعی برای نمایش محصولات سطح دوم 44:13
-
پیادهسازی متد حذف محصول 23:32
-
پیادهسازی متد ویرایش محصول 23:02
-
جمعبندی بخش 7 48:24
-
پیادهسازی احرازهویت کاربر - بخش 1 03:21
-
پیادهسازی احرازهویت کاربر - بخش 2 - قابلیت JWT (بکاند و NestJS) 01:10:18
-
پیادهسازی مجوز کاربر با نقشها 38:23
-
ترکیب مجوز کاربر و احرازهویت کاربر برای محافظت از مسیرها 56:54
-
AuthGuard کاربر با انگولار - فرانتاند 58:20
-
جمعبندی جلسه و خلاصه دوره 01:33:27
مشخصات آموزش
بوتکمپ توسعه وب فولاستک انگولار و NestJS 2024
- تاریخ به روز رسانی: 1404/09/07
- سطح دوره:مقدماتی
- تعداد درس:68
- مدت زمان :23:31:26
- حجم :12.25GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy