دوره کامل توسعه وب
✅ سرفصل و جزئیات آموزش
این دوره توسعه وب همان دوره ای است که به آن نیاز خواهید داشت. ما مباحثی مانند HTML و CSS و Tailwind و Node، ری اکت، MongoDB و Prisma، استقرار و غیره را پوشش می دهیم.
آنچه یاد خواهید گرفت
- به توسعه دهنده فول استک تبدیل می شوید.
- به اکوسیستم جاوا اسکریپت مسلط می شوید.
- هر پروژه ای را برای شرکت خود یا برای پروژه های فریلنسری می سازید.
- یک فول استک با MERN و گیت و بسیاری مباحث پیشرفته
توضیحات دوره
خلاصه ای از آنچه خواهید آموخت:
فاز 0 - آشنایی با توسعه وب
سفر خود را با درک اینکه توسعه وب چیست، مسیرهای شغلی مختلفی که ارائه می دهد، از جمله فرصت های فریلنسری و اینکه چگونه می توانید در این زمینه رشد کنید، شروع می کنید.
فاز 1 - اصول اولیه
این مرحله هسته توسعه وب را پوشش می دهد:
- HTML
- CSS
- Tailwind CSS
- جاوا اسکریپت
- پروژه های عملی جاوا اسکریپت
فاز 2 - توسعه بک اند مدرن
ما به فناوری های پیشرفته بک اند می پردازیم:
- نود جی اس، Express و Mongoose
- Prisma و Drizzle و PostgreSQL و NeonDB
- ساخت سیستم احراز هویت خود
- ایجاد APIs و حتی پروژه متن باز خود
فاز 3 - تسلط به فرانت اند با ری اکت
با یادگیری موارد زیر در توسعه فرانت اند حرفه ای می شوید:
- اصول ری اکت
- مدیریت API
- مدیریت State با جعبه ابزار ریداکس و Zustand
فاز 4 - پروژه های فول استک و هوش مصنوعی
در فاز آخر، همه مواردی را که یاد گرفته اید برای ساخت اپلیکیشن های فول استک ترکیب می کنید. علاوه بر این، نگاهی گذرا به هوش مصنوعی و یادگیری ماشین خواهید داشت:
- TensorFlow.js را بررسی می کنید.
- با Langchain وب اپلیکیشن های مبتنی بر هوش مصنوعی را تست می کنید.
این دوره برای چه کسانی مناسب است؟
- مبتدیان کامل که می خواهند توسعه وب را یاد بگیرند.
- کاربر متوسط تا پیشرفته که می خواهد همه مطالب را به سطح بعدی برساند.
- کسی که می خواهد جزئیات under the hood را بفهمد.
- افرادی که می دانند توسعه وب کاری جادویی نیست و برای یادگیری آن نیاز به تلاش دارند.
دوره کامل توسعه وب
-
مقدمه دوره - نقشه راه 11:26
-
با مدرس خود آشنا شوید - Hitesh 05:26
-
بیایید درباره AI hype صحبت کنیم 06:11
-
محدوده حقوق و مهارت های شغلی 10:21
-
چه ابزارهایی برای توسعه وب نیاز دارید؟ 09:50
-
چگونه ویرایشگر کد خود را راه اندازی کنید؟ 18:04
-
اینترنت چگونه کار می کند؟ 08:42
-
جزئیات کاملی از وب اپلیکیشن 04:50
-
فرانت اند، بک اند و APIs 09:10
-
HTML چیست؟ 12:50
-
Emmet، هدینگ ها، بلوک در مقابل درون خطی 29:49
-
جداول و فرم ها در HTML 26:42
-
ساخت صفحه HTML سمانتیک 20:56
-
چند رسانه ای و ARIA در HTML 13:38
-
آزمون درباره HTML None
-
ایجاد هدینگ ساده None
-
ایجاد یک پاراگراف با لینک None
-
ایجاد Tooltip در هاور None
-
ایجاد یک دکمه None
-
ایجاد لیست نامرتب None
-
ایجاد یک جدول ساده None
-
ایجاد یک فرم با فیلدهای ورودی None
-
ایجاد یک فرم با منوی کشویی None
-
ایجاد تصویر با متن جایگزین None
-
ایجاد هایپرلینک که در یک تب جدید باز شود None
-
ایجاد نوار پیشرفت None
-
state فعلی CSS 11:38
-
شما می توانید css را در 3 مکان بنویسید 13:47
-
ساخت پروژه وب - صفحه لاگین 26:39
-
مسترکلاس درباره سلکتورهای CSS 38:43
-
مدل جعبه ای، عناصر درون خطی و بلوک 10:31
-
پروژه نوار ناوبری با شبه عنصر 29:59
-
نوار ناوبری به سبک توییتر در CSS 14:16
-
نوارهای ناوبری کشویی و پوزیشن ها 15:03
-
ساخت پروژه قالب سفارشی - به زودی 33:00
-
مسترکلاس Flexbox 23:54
-
ملاقات با طرح بندی گرید در CSS - آن را دوست خواهید داشت 18:54
-
مسترکلاس گرید 31:57
-
تکلیف ساخت کارت ها از codepen 06:45
-
نقاط شکست برای تبلت ها، موبایل و وب 19:33
-
عملی - یکپارچه سازی بوت استرپ 18:09
-
تکلیف - ساخت صفحه کامل با این طرح 04:01
-
آزمون درباره CSS None
-
تغییر رنگ متن None
-
استایل دهی به یک دکمه None
-
افزودن بوردر خط دار با Border Radius None
-
استایل دهی به متن با ویژگی های فونت None
-
ایجاد یک باکس با Padding و مارجین None
-
ایجاد یک دایره با استفاده از Border Radius None
-
افزودن Box Shadow به یک عنصر None
-
پوزیشن ها در CSS None
-
ایجاد طرح بندی Flexbox واکنش گرا None
-
ایجاد طرح بندی گرید 3x3 None
-
راه اندازی Tailwind با CDN و نود جی اس 27:07
-
پروژه صفحه لاگین آماده تولید 20:56
-
پتانسیل کامل tailwind css 09:42
-
چگونه در tailwind طراحی واکنش گرا بسازیم؟ 13:00
-
ساخت هر طرح بندی با Tailwind - مسترکلاس 34:27
-
آزمون درباره Tailwind None
-
استایل دهی به یک دکمه با Tailwind CSS None
-
مرکزیابی یک Div با استفاده از Flexbox None
-
ایجاد طرح بندی گرید اولیه None
-
اعمال Box Shadow روی یک کارت با استفاده از Tailwind CSS None
-
ایجاد شکل دونات با استفاده از Tailwind CSS None
-
افزودن افکت Blur به یک تصویر None
-
ایجاد دکمه رنگی گرادیان با استفاده از Tailwind CSS None
-
ایجاد باکس مربعی چرخان با استفاده از Tailwind CSS None
-
داستان جاوا اسکریپت - از کنسول تا موتور v8 11:45
-
چگونه جاوا اسکریپت کد را اجرا می کند؟ - پشت صحنه 12:39
-
آزمون کوتاه جاوا اسکریپت None
-
تایپ های داده، متغیرها و ثابت ها در جاوا اسکریپت 24:37
-
عملیات ها در جاوا اسکریپت 20:39
-
Primitives در جاوا اسکریپت 23:18
-
Non Primitives در جاوا اسکریپت 20:59
-
پنج چالش در مورد شرطی ها در جاوا اسکریپت 19:04
-
مواجهه با ده چالش در آرایه و متدها 35:07
-
آزمون درباره آرایه None
-
آشنایی با حلقه ها در جاوا اسکریپت 20:39
-
شکست 6 چالش حلقه در جاوا اسکریپت 26:05
-
ده چالش حلقه برای یادگیری انواع حلقه ها در جاوا اسکریپت 47:37
-
آزمون درباره حلقه ها None
-
تابع، تابع arrow، کلیدواژه THIS و کانتکس در جاوا اسکریپت 26:16
-
توابع مرتبه بالاتر و توابع تودرتو در جاوا اسکریپت 19:54
-
بازی با تایپ ها None
-
بازی با متغیرها None
-
آرایه ها و متدها None
-
حلقه ها None
-
توابع مرتبه بالاتر و توابع Arrow None
-
توابع تودرتو و کانتکس None
-
مسترکلاس درباره نمونه های اولیه در جاوا اسکریپت 28:01
-
constructor تابعی و خطاها 18:27
-
کلاس ها، آبجکت ها و وراثت در جاوا اسکریپت 19:54
-
کپسوله سازی، پلی مورفیسم، انتزاع و getters و setters 30:17
-
آزمون OOP در جاوا اسکریپت None
-
نمونه های اولیه در جاوا اسکریپت None
-
Constructor تابعی و خطاها None
-
کلاس ها، آبجکت ها و وراثت None
-
کپسوله سازی، پلی مورفیسم، انتزاع، Getters و Setters None
-
مبانی DOM و BOM در جاوا اسکریپت 20:36
-
حل 5 چالش DOM 35:15
-
فینال DOM با 5 چالش دیگر 33:46
-
جاوا اسکریپت غیرهمزمان با حلقه رویداد 17:43
-
Closures در جاوا اسکریپت 04:37
-
Promises و زنجیره سازی promise 12:48
-
وراثت نمونه اولیه در جاوا اسکریپت 03:49
-
THIS و اتصال کانتکس 05:21
-
Aync-await و Promise all 15:11
-
Iterator و ژنراتورها در جاوا اسکریپت 06:39
-
ماژول های ES6 و CommonJS 11:28
-
آزمون درباره مباحث پیشرفته جاوا اسکریپت None
-
جاوا اسکریپت غیرهمزمان با حلقه رویداد None
-
Closures در جاوا اسکریپت None
-
وراثت نمونه اولیه در جاوا اسکریپت None
-
THIS و اتصال کانتکس None
-
Async-Await و Promise.all None
-
Iterators و ژنراتورها در جاوا اسکریپت None
-
دموی پروژه 1 - Todo با ذخیره سازی محلی 05:10
-
افزودن تسک در آرایه 10:05
-
مدیریت ذخیره سازی محلی و رویدادهای DOM 09:34
-
bubbling رویداد و عملیات های CRUD 19:21
-
دموی پروژه مدیریت API 04:57
-
مدیریت هر نوع API در کد خود 36:37
-
دموی پروژه 3 - اپلیکیشن تجارت الکترونیک 01:50
-
ساخت صفحه سبد خرید در تجارت الکترونیک 27:10
-
تکلیف پروژه 3 01:44
-
دموی پروژه 4 - ردیاب هزینه 02:32
-
ردیاب هزینه با ذخیرهسازی محلی و deligation رویداد 30:43
-
دموی پروژه 5 - اپلیکیشن آزمون 03:35
-
ساخت اپلیکیشن کامل آزمون 28:21
-
آشنایی با سری های گیت 05:51
-
Git init و پوشه پنهان 17:29
-
کامیت ها و لاگ ها در گیت 16:31
-
کار و پیکربندی های داخلی گیت 27:46
-
Git merge و git conflicts 39:36
-
Git Diff و stashing 28:22
-
Rebase Git آنقدرها هم ترسناک نیست 21:43
-
بینش پوش کردن کد به گیت هاب 40:57
-
چگونه می توان به Pull Request و متن باز کمک کرد؟ 24:45
-
آزمون درباره گیت و گیت هاب None
-
بک اند - NodeJS LibUV و کد منبع 18:55
-
مدیریت فایل ها در نود جی اس به عنوان پروژه 21:23
-
ساخت سرور Nginx خود با نود جی اس 35:53
-
معماری رویداد محور - ساخت لاگر خود 25:34
-
آشنایی با پایگاه داده ها 10:40
-
پایگاه داده های SQL در مقابل NOSQL 08:35
-
بررسی سریع MongoDB 10:09
-
سری های کامل بک اند - راه اندازی 10:56
-
ساخت وب سرور با node و bun 25:21
-
دوره فشرده Express با تست postman 52:50
-
نوشتن تست ها و مستندات با Postman و استقرار 29:20
-
لاگ کردن پیشرفته با morgan و winston 18:23
-
از ایده تا طراحی پایگاه داده 38:55
-
طراحی پایگاه داده برای videoTube 10:11
-
ساختار پروژه بک اند 19:52
-
اتصال پایگاه داده به صورت حرفه ای در MERN 29:31
-
خطا و پاسخ استاندارد از سرور در MERN 14:25
-
مسیرهای Healthcheck و تست با postman 16:03
-
راهنمای ساخت مدل ها در MongoDB با پلاگین تجمیع 26:50
-
هوک ها و متدها در mongoose با JWT 23:21
-
چگونه فایل ها را در اپلیکیشن MERN مدیریت کنیم؟ 22:11
-
رجیستریشن با اشکال زدایی نهایی و ریفکتور کردن 01:01:36
-
چگونه کنترلر لاگین را در بک اند MERN بنویسیم؟ 19:41
-
چگونه در بک اند MERN توکن رفرش جدید تولید کنیم؟ 19:22
-
چگونه میان افزار را در بک اند MERN بنویسیم؟ 23:41
-
تمرین CRUD در بک اند MERN 22:21
-
چگونه می توان داده پیچیده را با پایپ لاین تجمیع در MongoDB بدست آورد؟ 28:42
-
تکلیف postman برای شما در مسیرها 12:38
-
تکلیف پروژه مگا برای بک اند 05:56
-
راه اندازی پایپ لاین تجمیع MongoDB 19:58
-
گروه بندی در MongoDB 24:50
-
جمع گروه و بیشتر 12:55
-
برخورد با آرایه ها به صورت تجمیع 13:48
-
مطابقت و پایپ لاین پروژه 15:51
-
مطابقت همه عملگرهای تجمیع 21:01
-
جستجو در تجمیع MongoDB 09:46
-
نقشه راه ری اکت 19:17
-
ایجاد پروژه های ری اکت 22:32
-
درک جریان و ساختار ری اکت 26:38
-
ایجاد کتابخانه ری اکت و JSX خود 31:29
-
چرا به هوک ها و پروژه ها نیاز دارید؟ 19:26
-
DOM مجازی، Fibre و reconciliation 13:43
-
Tailwind و Props در reactjs 26:37
-
ساخت bgChanger پروژه ری اکت 17:46
-
useEffect و useRef و useCallback با 1 پروژه 40:17
-
هوک های سفارشی در ری اکت - پروژه ارز 52:31
-
دوره فشرده React router 55:53
-
Context API در ری اکت - دریافت مفهوم 28:59
-
ساخت dark mode و light mode در reactjs با Context API 29:19
-
Context API با ذخیره سازی محلی 01:08:18
-
احراز هویت فول استک Nextjs 01:04:10
-
ثبت نام و لاگین 01:01:37
-
میان افزار در nextjs 41:38
-
ایمیل اعتبارسنجی کاربر در Nextjs 56:03
-
استقرار NextJS در Vercel 13:23
-
ساخت کلون stack overflow با Next.js و Appwrite 06:23
-
بیایید Stack Overflow را با Next.js و Appwrite بسازیم 09:10
-
راه اندازی Appwrite و Next.js برای پروژه فول استک 15:20
-
مدل سازی داده در Appwrite با Node SDK 37:40
-
Zustand در Next.js با ذخیره سازی دائمی 50:34
-
دوره فشرده Appwrite Next.js Zustand Auth 30:05
-
مدیریت تنظیمات برگزیده کاربر در Appwrite 24:21
-
upvote و downvote پیچیده، بررسی کامپوننت ها برای stack overflow و پروژه 59:42
-
استقرار - سری هایی درباره استقرار کد 19:55
-
چگونه VPC را برای استقرار راه اندازی کنیم؟ 31:52
-
چگونه برای اولین بار nginx را روی VPS پیکربندی کنیم؟ 17:01
-
چگونه محدودیت نرخ را در nginx اضافه کنیم؟ 12:04
-
چگونه دامنه را روی VPS پیکربندی کنیم؟ 05:27
-
چگونه SSL را روی ngnix در اوبونتو نصب کنیم؟ 08:26
-
چگونه node api را با ngnix در VPS مستقر کنیم؟ 16:32
-
Vercel در VPS - بررسی Coolify 14:06
-
بیایید با Next.js و Cloudinary یک SAAS مجهز به هوش مصنوعی بسازیم 09:27
-
چگونه میان افزار را برای احراز هویت clerk پیکربندی کنیم؟ 25:58
-
چگونه می توان احراز هویت clerk را در Next.js راه اندازی کرد؟ 10:49
-
راه اندازی Prisma با NeonDB برای SAAS خود 21:44
-
چگونه هر چیزی را در cloudinary آپلود کنیم؟ 36:51
-
همه آنچه درباره کامپوننت تصویر Cloudinary Next.js نیاز دارید 27:54
-
چگونه آپلود ویدئو را در Next.js مدیریت کنیم؟ 11:29
-
پیش نمایش ویدئوی هوشمند با cloudinary AI 25:09
-
جمع بندی نهایی و توصیه ویژگی آینده 19:24
مشخصات آموزش
دوره کامل توسعه وب
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:همه سطوح
- تعداد درس:219
- مدت زمان :60:05:47
- حجم :51.34GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy