دوره آموزشی
دوبله زبان فارسی

بوت‌کمپ کامل توسعه وب فول‌استک - هوش مصنوعی یکپارچه

بوت‌کمپ کامل توسعه وب فول‌استک - هوش مصنوعی یکپارچه

✅ سرفصل و جزئیات آموزش

آنچه یاد خواهید گرفت:

  • یاد می گیرید چگونه با کار روی فول‌استک، وب اپلیکیشن‌های کامل بسازید.
  • درک می‌کنید که اینترنت چگونه کار می‌کند و چگونه می‌توانید هر نوع وبسایتی بسازید.
  • آماده‌ ورود به بازار کار می‌شوید، پروژه‌های فریلنسری می‌گیرید یا پس از اتمام دوره استارتاپ رویایی خود را راه‌اندازی می‌کنید.
  • برنامه‌نویسی کامل فرانت‌اند را با HTML ،CSS، جاوااسکریپت، ری‌اکت، Tailwindcss و فراتر از آن یاد می‌گیرید.
  • برنامه‌نویسی کامل بک‌اند را با نودجی‌اس، Express ،MongoDB ،Mongoose و فراتر از آن یاد می‌گیرید.
  • یاد می‌گیرید چگونه با ساخت سرورهای خود روی AWS، اپلیکیشن‌های خود را مستقر کنید.
  • با ساخت پروژه‌ها یاد می‌گیرید. ما در این دوره 4 پروژه بزرگ با هم می‌سازیم.
  • با انجام 75 تمرین کدنویسی آنچه یاد گرفته‌اید را تمرین می‌کنید.

پیش‌نیازهای دوره

  • نیاز به هیچ تجربه برنامه‌نویسی ندارید.
  • فقط به یک کامپیوتر با دسترسی به اینترنت نیاز دارید.
  • راهنمایی کامل برای راه‌اندازی محیط توسعه را به شما ارائه می‌دهیم.
  • علاقه‌مندی به یادگیری

توضیحات دوره

به بوت‌کمپ کامل توسعه وب خوش آمدید، دوره‌ای مدرن و عمیق که ابزارهای هوش مصنوعی را در خود جای داده تا تکنیک‌های نوین توسعه را به شما آموزش دهد و یادگیری جامع و بروزی را فراهم کند. حتی اگر کاملاً مبتدی هستید، می‌توانید در این دوره توسعه کامل وب را بیاموزید.

یادگیری جامع - از مبانی تا کاربرد عملی

این دوره به‌ گونه‌ای طراحی شده که تجربه یادگیری منسجم و کاملاً منظمی را ارائه دهد. از فناوری‌های اولیه تا کاربرد عملی را پوشش می‌دهد و اطمینان می‌دهد که حتی افراد تازه‌کار بتوانند اعتمادبه‌نفس کافی برای پیشرفت پیدا کنند. همچنین برای توسعه‌دهندگان باتجربه که می‌خواهند مهارت‌های خود را تثبیت کنند، مناسب است.

کدنویسی عملی - تمرین‌ها و پروژه‌های متناسب با همه سطوح

در طول دوره، در تمرینات متعددی شرکت خواهید کرد و پروژه‌های کامل می‌سازید که درک و توانایی شما را برای کاربرد آموخته‌ها در موقعیت‌های واقعی بهبود می‌بخشد. چه با هیچ دانش برنامه‌نویسی شروع کنید، چه بخواهید مهارت‌های فرانت‌اند خود را با دانش بک‌اند تکمیل نمایید، یا هدف شما گذر از بک‌اند به توسعه فول‌استک باشد، این بوت‌کمپ به نیازهای شما پاسخ می‌دهد.

کشف مسیرهای شغلی در فناوری

شما کشف می‌کنید چگونه این دوره جامع توسعه وب می‌تواند راه را برای فرصت‌های شغلی متنوع در فناوری هموار کند.

  • آمادگی شغلی - کسب مهارت‌های عملی لازم برای به‌دست‌آوردن موقعیت شغلی در صنعت فناوری
  • فریلنسری - ساخت یک پورتفولیوی قدرتمند برای جذب و مدیریت پروژه‌های فریلنسری
  • کارآفرینی - کسب دانش لازم برای راه‌اندازی و رشد استارتاپ فناوری خود

مدرس دوره

آقای مانیک، مدرس شما با بیش از 15 سال تجربه برنامه‌نویسی و سابقه تدریس در یودمی طی دو سال گذشته است. رویکرد او شکستن مفاهیم پیچیده به بخش‌های ساده و قابل فهم است و هر درس را با بحث دقیق و عمیق ارائه می‌دهد.

چگونه هوش مصنوعی را در توسعه وب به کار بگیریم؟ (توضیح: این دوره دوره‌ای درباره هوش مصنوعی نیست اما یاد می‌گیرید چگونه از آن به‌ عنوان ابزار استفاده کنید)

علاوه بر این، این دوره به‌صورت منحصربه‌فرد، هوش مصنوعی را در برنامه درسی یکپارچه می‌کند و به شما آموزش می‌دهد چگونه از هوش مصنوعی به‌عنوان ابزاری در توسعه بهره ببرید. هرچند که هوش مصنوعی فقط بخشی کوچک از دوره است، اما نقش تعیین‌کننده‌ای دارد و مهارت‌های آینده‌نگرانه‌ای را مطابق با روندهای کنونی صنعت برای شما فراهم می‌کند.

مباحث که در این دوره یاد خواهید گرفت: (لیست جامع نیست)

  • مبانی رایانش - یادگیری مفاهیم اساسی رایانش از جمله نحوه کارکرد کامپیوترها و اصول اولیه برنامه‌نویسی 
  • مبانی HTML - به مبانی HTML، ستون فقرات وب، مسلط می‌شوید و با درک تگ‌ها، عناصر و attributes، مستندات ساختاریافته ایجاد می‌کنید.
  • ساختار HTML - برای ساختاردهی صفحات وب پیچیده، در HTML عمیق می‌شوید. شما درباره HTML سمانتیک و بهترین شیوه‌ها برای ایجاد طرح‌بندی‌های مرتب و منظم صفحات وب می‌آموزید.
  • گیت و گیت‌هاب - کنترل نسخه را با گیت یاد می‌گیرید و از گیت‌هاب برای همکاری در پروژه‌ها استفاده می‌کنید. شما نحوه کامیت کردن، پوش کردن و ادغام را با اعتمادبه‌نفس می‌آموزید.
  • مبانی CSS - اصول CSS را برای طراحی صفحات وب درک کرده و سلکتورها، ویژگی‌ها و ایجاد استایل‌شیت‌های حرفه‌ای را یاد می‌گیرید.
  • سلکتورهای CSS - دانش دقیق‌تری از سلکتورهای CSS برای هدف‌گیری و استایل‌دهی موثر به عناصر خاص HTML کسب می‌کنید.
  • استایل‌دهی عناصر با CSS - صفحات وب خود را با استایل‌دهی عناصر به کمک CSS بهبود می‌دهید. شما تکنیک‌هایی برای رنگ‌ها، فونت‌ها و طراحی طرح‌بندی‌ها کشف می‌کنید.
  • مدل جعبه‌ای - مدل جعبه‌ای CSS که مفهوم کلیدی در طرح‌بندی وب است را یاد می‌گیرید و تأثیر padding، بوردر و مارجین را در طراحی‌ خود درک می‌کنید.
  • وراثت و آبشاری - نحوه‌ آبشاری کردن قوانین CSS و وراثت آنها را در مستندات وب بررسی می‌کنید و یاد می‌گیرید چگونه این رفتار را برای نوشتن CSS موثر به‌ کار ببرید.
  • طراحی وب واکنش‌گرا و Flexbox - تکنیک‌های طراحی واکنش‌گرا با CSS Flexbox را برای ظاهر مناسب وبسایت در همه دستگاه‌ها یاد می‌گیرید.
  • پروژه‌ طرح‌بندی - مهارت‌های خود را در یک پروژه عملی طرح‌بندی به کار می‌برید و یک صفحه وب کامل از صفر با تکنیک‌های HTML و CSS طراحی می‌کنید.
  • فرم‌ها - HTML و CSS - فرم‌های تعاملی برای دریافت ورودی کاربران، با تمرکز بر ساختار فرم، اعتبارسنجی و استایل‌دهی با HTML و CSS طراحی می‌کنید.
  • جداول - HTML و CSS - ایجاد و استایل‌دهی جداول HTML برای نمایش واضح و موثر داده‌ را همراه با گزینه‌های پیشرفته CSS می‌آموزید.
  • شروع کار جاوااسکریپت - مبانی جاوااسکریپت را یاد می‌گیرید تا به صفحات وب خود عناصر تعاملی و پویا اضافه کنید.
  • آبجکت‌ها و آرایه‌ها - درک آبجکت‌ها و آرایه‌های جاوااسکریپت برای مدیریت داده‌ به‌ صورت کارآمد و انجام عملیات‌های پیچیده‌تر
  • کنترل جریان - شرطی‌ها و حلقه‌ها در جاوااسکریپت - برای تصمیم‌گیری و تکرار موثر، کنترل جریان کد جاوااسکریپت خود با شرطی‌ها و حلقه‌ها را می‌آموزید.
  • توابع و متدها - دانش جاوااسکریپت خود را با تسلط به توابع و متدها برای کدنویسی قابل استفاده مجدد و برنامه‌نویسی ماژولار عمیق‌تر می‌کنید.
  • تکنیک‌های پیشرفته جاوااسکریپت - تکنیک‌های پیشرفته جاوااسکریپت، از جمله closures و async/await و دستکاری پیشرفته داده‌ برای وب اپلیکیشن‌های پیچیده را بررسی می‌کنید.
  • کار با مدل آبجکت سند (DOM) - یاد می‌گیرید چگونه محتویات صفحه وب را به‌ صورت پویا با استفاده از DOM API تغییر دهید و تعامل برقرار کنید.
  • پیمایش DOM - تسلط به ناوبری درخت DOM، دسترسی و دستکاری کارآمد عناصر
  • رویدادهای DOM - یاد می‌گیرید چگونه رویدادها را در جاوااسکریپت مدیریت کنید و تجربه کاربری تعاملی بسازید.
  • مدل آبجکت مرورگر (BOM) - با BOM آشنا می‌شوید تا با مرورگر تعاملاتی مانند مدیریت پنجره‌ها، لوکیشن و غیره داشته باشید.
  • پروژه ماشین‌حساب جاوااسکریپت - یک ماشین‌حساب کامل می‌سازید تا مهارت‌های جاوااسکریپت خود را در پروژه‌ای کاربردی به‌ کار ببرید.
  • ماژول‌های جاوااسکریپت - یاد می‌گیرید چگونه کد جاوااسکریپت خود را سازماندهی کنید که ماژول‌های مقیاس‌پذیری و نگهداری کد را آسان‌تر می‌کند.
  • خط فرمان لینوکس - در استفاده از خط فرمان لینوکس برای اسکریپت‌نویسی قدرتمند و مدیریت سیستم مهارت کسب می‌کنید.
  • جاوااسکریپت غیرهمزمان - تسلط به مفاهیم برنامه‌نویسی غیرهمزمان در جاوااسکریپت با استفاده از callbacks و promiseS و async/await 
  • آشنایی با نودجی‌اس - با درک معماری غیرهمزمان و رویدادمحور نودجی‌اس، برای برنامه‌نویسی سمت سرور به آن مسلط می‌شوید.
  • شروع کار با Express - یاد می‌گیرید که با استفاده از Express، فریمورک سریع و شی‌گرای نودجی‌اس، وب اپلیکیشن‌ها را بسازید. 
  • میان‌افزار Express - توابع میان‌افزار Express را برای مدیریت درخواست‌ها، تغییر آبجکت‌های درخواست و پاسخ و تکمیل چرخه‌های پاسخ درک می‌کنید.
  • کنترلر - با تمرکز بر مسیریابی و پیاده‌سازی منطق، درباره بخش کنترلر در معماری MVC وب‌ اپلیکیشن‌ها یاد می‌گیرید.
  • شروع کار با MongoDB - با MongoDB، پایگاه داده NoSQL، آشنا می‌شوید و یاد می‌گیرید که چگونه آن را با اپلیکیشن‌های خود یکپارچه کنید.
  • اسکیما، مدل و Mongoose - بررسی نحوه تعریف اسکیماها، ایجاد مدل‌ها و استفاده از Mongoose برای مدل‌سازی و اعتبارسنجی داده‌ در MongoDB 
  • اعتبارسنجی و مدیریت خطا - یاد می‌گیرید چگونه ورودی کاربران را اعتبارسنجی کرده و خطاها را به‌طور موثر در اپلیکیشن‌های خود مدیریت می‌کنید تا از پایداری آنها اطمینان حاصل کنید.
  • محیط و پیکربندی Node - نحوه پیکربندی محیط نودجی‌اس و مدیریت تنظیمات با استفاده از متغیرهای محیطی برای اپلیکیشن‌های مقیاس‌پذیر را درک می‌کنید.
  • صفحه‌بندی و فیلترینگ - تسلط به تکنیک‌های صفحه‌بندی و فیلترینگ داده‌ در اپلیکیشن‌ها برای بهبود عملکرد و تجربه کاربری
  • احرازهویت کاربر و روابط - به پیاده‌سازی احرازهویت کاربر و مدیریت روابط کاربر و داده در اپلیکیشن‌های خود می‌پردازید.
  • مستندسازی API - یادگیری بهترین شیوه‌های مستندسازی APIs برای قابل فهم و قابل استفاده بودن توسط توسعه‌دهندگان دیگر 
  • آشنایی با ری‌اکت - با ری‌اکت، کتابخانه محبوب جاوااسکریپت برای ساخت رابط‌های کاربری پویا و کارآمد آشنا می‌شوید.
  • مبانی ری‌اکت - درک مفاهیم اساسی ری‌اکت شامل JSX، کامپوننت‌ها و مدیریت state
  • Tailwind CSS - یاد می‌گیرید چگونه اپلیکیشن‌های خود را به‌ صورت موثر با Tailwind CSS، فریمورک CSS کارآمد برای توسعه سریع رابط کاربری، استایل‌دهی کنید.
  • React Router - با ساخت اپلیکیشن‌های تک صفحه‌ای یکپارچه با مسیریابی پویا، به ناوبری و مسیریابی در اپلیکیشن‌های ری‌اکت مسلط می‌شوید.
  • طرح‌بندی و shadcn/ui - تکنیک‌های پیشرفته در طراحی طرح‌بندی و سایه‌ها برای ساخت رابط‌های کاربری جذاب و ویژوال را بررسی می‌کنید.
  • اعتبارسنجی + ZOD + فرم هوک ری‌اکت - یاد می‌گیرید که اعتبارسنجی قوی فرم را با استفاده از Zod برای تعریف اسکیما و فرم هوک ری‌اکت برای فرم‌های کارآمد و مقیاس‌پذیر پیاده‌ کنید.
  • همزمان‌سازی بین سرور کلاینت - اصول همزمان‌سازی داده‌ بین کلاینت و سرور را درک کرده و از ثبات و قابلیت اطمینان در اپلیکیشن‌های خود اطمینان حاصل می‌کنید.
  • Context API و State گلوبال - استفاده از Context API در ری‌اکت برای مدیریت و اشتراک‌گذاری state گلوبال بین کامپوننت‌ها را یاد می‌گیرید که مدیریت state را ساده‌تر می‌کند.
  • استقرار اپلیکیشن - مهارت‌های لازم در استقرار موثر اپلیکیشن‌ها، از جمله استراتژی‌های استقرار، سرورها و گردش‌‌کارهای استقرار مداوم را کسب می‌کنید.

در سفر خود برای آمادگی در صنعت با این بوت‌کمپ جامع شروع می‌کنید. در این دوره نه تنها توسعه در سراسر فول‌استک را یاد می‌گیرید بلکه نحوه استفاده موثر از هوش مصنوعی در پروژه‌هایتان را نیز کشف خواهید کرد. چه هدف شما یافتن شغل باشد، چه انجام پروژه‌های فریلنسری یا راه‌اندازی اپلیکیشن برای استارتاپ خود، این دوره شما را برای موفقیت آماده می‌کند.

این دوره برای چه کسانی مناسب است؟

  • کسی که می‌خواهد توسعه کامل وب را یاد بگیرد.
  • برنامه‌نویسان فرانت‌اند که می‌خواهند مهندس فول‌استک شوند.
  • برنامه‌نویسان بک‌اند که می‌خواهند مهندس فول‌استک شوند.
  • همچنین مناسب افراد کاملاً مبتدی بدون تجربه برنامه‌نویسی قبلی

بوت‌کمپ کامل توسعه وب فول‌استک - هوش مصنوعی یکپارچه

  • مقدمه 03:09
  • چگونه و چه کسانی باید این دوره را بگذرانند؟ 08:48
  • دسترسی به منابع دوره 02:25
  • تمرین‌های کدنویسی را چگونه انجام می‌دهید؟ 05:06
  • راه‌اندازی محیط توسعه 19:02
  • نکات غیرمعمول 07:54
  • آیا برنامه‌نویسان محکوم‌اند؟ آیا هوش مصنوعی جایگزین می‌شود؟ 13:20
  • چگونه از هوش مصنوعی استفاده کنید؟ 06:40
  • درک کامپیوتر 10:18
  • CPU چگونه کار می‌کند؟ باینری و ASCII 10:19
  • اینترنت چیست؟ 07:13
  • سرورها و DNS 08:44
  • شماره پورت‌ها و چرخه عمر درخواست-پاسخ 09:19
  • درک وبسایت 04:06
  • آشنایی با HTML5 06:51
  • مبانی سند HTML 03:39
  • استفاده از سرور لایو برای HTML 04:20
  • عناصر در مقابل تگ‌ها در HTML 03:37
  • عناصر هدینگ و پاراگراف 05:55
  • تمرین کدنویسی هدینگ و پاراگراف None
  • راه‌حل - تمرین هدینگ و پاراگراف 03:26
  • کامنت‌های HTML 03:05
  • فرمت‌بندی متن با HTML 04:21
  • نقل‌قول‌ها در HTML 06:45
  • تمرین نقل‌قول در HTML None
  • راه‌حل - تمرین نقل‌قول‌ها در HTML 03:18
  • تگ‌ها و Attributes 09:37
  • لینک‌دهی به صفحات با تگ انکر 16:11
  • تگ img برای تصاویر 10:33
  • فرمت‌های رایج تصاویر 07:53
  • عنصر Head - فاویکون و عنوان صفحه 10:45
  • ابزارهای توسعه‌دهنده گوگل کروم 03:43
  • تمرین عملی - مبانی HTML None
  • راه‌حل - تمرین کدنویسی مبانی HTML 07:21
  • عناصر بلوکی در مقابل درون‌خطی 09:10
  • عناصر div و اسپن برای کانتینر 04:13
  • انتیتی‌ها و نمادهای HTML 05:59
  • آشنایی با آیتم‌های لیست 03:22
  • لیست‌های نامرتب 10:42
  • لیست‌های مرتب 05:12
  • لیست‌های توضیحات 03:53
  • ساختار HTML None
  • راه‌حل - تمرین ساختار HTML 08:08
  • درک سمانتیک‌ها 06:52
  • عناصر سمانتیک عملی 11:40
  • HTML سمانتیک None
  • راه‌حل - HTML سمانتیک 04:03
  • کنترل نسخه چیست؟ 08:27
  • درک گیت و گیت‌هاب 07:07
  • نصب گیت و گیت‌هاب دسکتاب 04:14
  • رابط کاربری گرافیکی و رابط خط فرمان 07:38
  • اولین مخزن گیت و کامیت‌ها 12:02
  • درک برنچ‌ها 08:00
  • کار با برنچ‌ها 09:17
  • درک ادغام 04:05
  • مثال عملی ادغام در گیت 05:56
  • درک یک تعارض 03:20
  • چگونه تعارضات را حل کنیم؟ 05:57
  • گیت‌هاب چیست؟ چرا از آن استفاده کنیم؟ 08:02
  • راه‌اندازی مخزن گیت 04:06
  • پوش کردن، pull کردن و واکشی در گیت 09:20
  • CSS چیست؟ (استایل شیت‌های آبشاری) 08:55
  • درک رنگ‌ها در CSS 11:04
  • رنگ، پس‌زمینه و بوردر 10:28
  • استفاده از رنگ‌ها در CSS None
  • راه‌حل - استفاده از رنگ‌ها در CSS 02:28
  • فرمت‌بندی متن - ترازبندی و دکوراسیون 10:30
  • تمرین فرمت‌بندی متن None
  • راه‌حل - تمرین فرمت‌بندی متن 02:56
  • تبدیل متن و فاصله‌گذاری 09:42
  • تمرین تبدیل متن و فاصله‌گذاری None
  • راه‌حل - تمرین تبدیل متن و فاصله‌گذاری 02:44
  • واحدهای اندازه‌گیری رایج 15:20
  • استفاده از واحدهای مختلف اندازه‌گیری 11:37
  • تمرین واحدهای اندازه‌گیری None
  • راه‌حل - تمرین واحدهای اندازه‌گیری 03:29
  • بررسی سلکتورهای CSS 04:16
  • استایل‌های داخلی و استایل‌شیت‌های خارجی 10:44
  • سلکتورهای شناسه، کلاس و جهانی 13:13
  • سلکتورهای ترکیبی 12:33
  • تمرین سلکتورهای ترکیبی None
  • راه‌حل - تمرین سلکتورهای ترکیبی 03:47
  • آشنایی با شبه‌کلاس‌ها 10:14
  • شبه‌کلاس‌های بیشتر 09:37
  • تمرین شبه‌کلاس‌ها None
  • راه‌حل - تمرین شبه‌کلاس‌ها 04:47
  • شبه‌عناصر CSS 10:34
  • تمرین کدنویسی شبه‌عناصر None
  • راه‌حل - تمرین شبه‌عناصر 05:16
  • سلکتورهای CSS Attribute 15:31
  • تمرین سلکتورهای Attribute None
  • راه‌حل - تمرین سلکتورهای Attribute 08:15
  • درک فونت‌ها 14:23
  • کار با فونت‌ها 08:01
  • بررسی عمیق ویژگی‌های فونت 11:01
  • تمرین ویژگی‌های فونت None
  • راه‌حل - تمرین ویژگی‌های فونت 02:13
  • استفاده از Google Fonts (وب‌فونت‌ها) 12:06
  • استفاده از آیکون‌های Google Material 03:19
  • استایل‌دهی به آیتم‌های لیست 09:28
  • تمرین استایل‌دهی به آیتم‌های لیست None
  • راه‌حل - تمرین استایل‌دهی به آیتم‌های لیست 03:09
  • کار با ترنزیشن‌ها 12:15
  • تمرین ترنزیشن‌های CSS None
  • راه‌حل - تمرین ترنزیشن‌های CSS 03:59
  • مشکل پیشوندهای فروشنده 03:30
  • متغیرها در CSS 11:58
  • تمرین متغیرهای CSS None
  • راه‌حل - تمرین متغیرهای CSS 03:54
  • آشنایی با مدل جعبه‌ای 09:05
  • مبانی padding، بوردر و مارجین 16:25
  • تمرین padding، بوردر و مارجین None
  • راه‌حل - تمرین padding، بوردر و مارجین 06:14
  • عنصر بلوکی، درون‌خطی و بلوکی-درون‌خطی 09:46
  • نمایش none و وراثت 05:43
  • تمرین نمایش None
  • راه‌حل - تمرین نمایش 04:20
  • درک Collapsing مارجین‌ها 10:35
  • گوشه‌های گرد 08:41
  • تمرین گوشه‌های گرد None
  • راه‌حل - تمرین گوشه‌های گرد 03:46
  • ویژگی box-sizing 06:50
  • ویژگی Overflow 08:28
  • ویژگی‌های max و min 06:41
  • کار با شناورها 11:37
  • پوزیشن‌ها در CSS 11:23
  • تمرین کدنویسی پوزیشن‌ها None
  • راه‌حل - تمرین کدنویسی پوزیشن‌ها 04:12
  • لایه‌ها و زد ایندکس 11:47
  • تمرین زد ایندکس None
  • راه‌حل - تمرین زد ایندکس 03:57
  • درک وراثت در CSS 05:01
  • کار با وراثت اولیه 12:27
  • درک مدل آبشاری 05:55
  • ترتیب منبع استایل‌ها 12:32
  • جزئیات specificity 15:53
  • اهمیت با پرچم مهم 04:31
  • الگوریتم آبشاری 02:11
  • تمرین کدنویسی وراثت None
  • راه‌حل - تمرین وراثت 08:04
  • طراحی وب واکنش‌گرا چیست؟ 12:00
  • همه مطالب درباره کوئری‌های رسانه 20:20
  • تمرین کوئری‌های رسانه None
  • راه‌حل - تمرین کوئری‌های رسانه 06:39
  • کوئری‌های رسانه در استایل‌شیت‌های جداگانه 07:42
  • تصاویر واکنش‌گرا 09:46
  • تصاویر پس‌زمینه با طراحی واکنش‌گرا 13:45
  • آشنایی با Flexbox 13:55
  • نمایش و جهت Flex 11:15
  • Flex Wrap و Shorthand 07:47
  • توزیع با justify-content 12:11
  • ترازبندی آیتم‌ها در محور عمودی 10:12
  • توزیع عمودی محتوا با align-content 11:26
  • افزودن گپ‌ها به سطرها و ستون‌ها 05:24
  • ویژگی‌های آیتم‌ها - order و grow و shrink 07:01
  • استفاده از flex-basis برای عرض‌ها 09:20
  • آنچه که می‌سازیم 01:44
  • آشنایی با فیگما 10:31
  • ایجاد فایل HTML 08:10
  • کار روی هدر 11:18
  • CSS برای هدر 13:55
  • تکمیل آیتم‌های منو 06:02
  • کار روی ورودی جستجو 07:43
  • آیکون جستجو و هدر واکنش‌گرا 07:23
  • تصویر بخش Hero 10:44
  • مقاله بخش Hero 11:34
  • استایل‌دهی به عناصر کارت مقاله 11:04
  • ترازبندی کارت و View واکنش‌گرا 07:31
  • ساختار بخش آخرین پست‌ها 10:07
  • استایل‌دهی به پست‌های جداگانه 12:45
  • ایجاد دکمه View همه پست‌ها 04:59
  • افزودن فوتر 12:44
  • آشنایی با فرم‌ها 11:42
  • شروع کار با فیلدهای اولیه 14:52
  • اعتبارسنجی فیلدهای ورودی 11:20
  • تمرین فیلدهای ورودی None
  • راه‌حل - تمرین فیلدهای ورودی 08:34
  • فیلدهای تاریخ و زمان 04:56
  • تمرین فیلدهای تاریخ و زمان None
  • راه‌حل - تمرین فیلدهای تاریخ و زمان 07:37
  • فیلدهای کشویی انتخاب 02:48
  • تمرین منوی کشویی انتخاب None
  • راه‌حل - تمرین منوی کشویی انتخاب 08:45
  • افزودن انتخابگر رنگ 02:06
  • دکمه رادیویی و چک‌باکس 05:22
  • تمرین دکمه رادیویی و چک‌باکس None
  • راه‌حل - تمرین دکمه رادیویی و چک‌باکس 08:57
  • آشنایی با جداول 03:43
  • ایجاد اولین جدول 06:40
  • استایل‌دهی ستون‌ها و سطرهای جدول 04:18
  • هدرهای عمودی و افقی 09:02
  • ادغام سلول‌ها با rowspan و colspan 06:40
  • تمرین جداول‌ HTML None
  • راه‌حل - تمرین جداول‌ HTML 06:52
  • آشنایی با جاوااسکریپت 12:03
  • متغیرها در جاوااسکریپت - var و let و const 15:17
  • تایپ‌های Primitive در جاوااسکریپت 05:07
  • رشته، عدد و بولی 09:00
  • تمرین متغیرهای جاوااسکریپت None
  • راه‌حل - تمرین متغیرهای جاوااسکریپت 03:13
  • لیترال‌های قالب و درون‌یابی رشته 11:03
  • مقادیر Primitive ویژه - null و undefined 06:00
  • BigInt و نماد در جاوااسکریپت 07:57
  • عملگرهای حسابی 06:27
  • تمرین عملگرهای حسابی None
  • راه‌حل - تمرین عملگرهای حسابی 04:05
  • عملگرهای تخصیص 03:43
  • تمرین عملگرهای تخصیص None
  • راه‌حل - تمرین عملگرهای تخصیص 03:48
  • عملگرهای مقایسه‌ 09:51
  • تمرین عملگرهای مقایسه None
  • راه‌حل - تمرین عملگرهای مقایسه‌ 03:26
  • عملگرهای منطقی 10:28
  • تمرین عملگرهای منطقی None
  • راه‌حل - تمرین عملگرهای منطقی 01:53
  • آشنایی با آبجکت‌ها 13:16
  • تمرین آبجکت‌ها None
  • راه‌حل - تمرین آبجکت‌ها 02:13
  • ()new Object 04:03
  • تغییرپذیری و عملگر spread 05:49
  • تمرین عملگر spread None
  • راه‌حل - تمرین عملگر spread 02:16
  • آبجکت‌های تودرتو 07:45
  • تمرین آبجکت‌های تودرتو None
  • راه‌حل - تمرین آبجکت‌های تودرتو 04:58
  • آشنایی با آرایه‌ها 08:43
  • استخراج مقادیر از آرایه 05:10
  • تمرین آرایه‌ها None
  • راه‌حل - تمرین آرایه‌ها 03:51
  • ()Array جدید و افزودن آیتم‌ها 04:50
  • آشنایی با دستورات شرطی 15:08
  • تمرین دستورات شرطی None
  • راه‌حل - تمرین دستورات شرطی 03:44
  • دستورات switch 09:18
  • تمرین دستور switch None
  • راه‌حل - تمرین دستورات switch 04:08
  • معرفی حلقه‌ها - حلقه for 08:08
  • ادامه حلقه for 09:58
  • تمرین حلقه for None
  • راه‌حل - تمرین حلقه for 04:10
  • حلقه for in 04:31
  • تمرین حلقه for in None
  • راه‌حل - تمرین حلقه for in 03:14
  • حلقه for of 05:23
  • تمرین حلقه for of None
  • راه‌حل - تمرین حلقه for of 03:02
  • حلقه‌های while و do while 08:04
  • تمرین حلقه while و do while None
  • راه‌حل - تمرین حلقه while و do while 03:31
  • آشنایی با توابع 09:43
  • آشنایی با اسکوپ‌‌های لکسیکال 09:43
  • درک اسکوپ‌های متغیرها 12:21
  • اعلان‌های تابع، عبارت‌ و توابع Arrow 09:07
  • تمرین اعلان تابع None
  • راه‌حل - تمرین اعلان تابع 05:14
  • درک متدها 09:02
  • تمرین - متدها None
  • راه‌حل - تمرین متدها 06:31
  • بررسی عمیق کلیدواژه this 05:50
  • Autoboxing و متدهای رشته 07:52
  • تمرین متدهای رشته None
  • راه‌حل - تمرین متدهای رشته 05:58
  • متد‌های عددی 02:54
  • تمرین متدهای عددی None
  • راه‌حل - تمرین متدهای عددی 05:09
  • متدهای آرایه 04:25
  • تمرین متدهای آرایه None
  • راه‌حل - تمرین متدهای آرایه 05:15
  • آبجکت ریاضی 04:00
  • تمرین کدنویسی آبجکت ریاضی None
  • راه‌حل - تمرین آبجکت ریاضی 04:14
  • آبجکت تاریخ 05:58
  • تمرین آبجکت تاریخ None
  • راه‌حل - تمرین آبجکت تاریخ 06:18
  • توابع Constructor 13:04
  • تمرین کدنویسی تابع Constructor None
  • راه‌حل - تمرین تابع Constructor 06:57
  • Constructors و آبجکت‌های داخلی جاوااسکریپت 03:00
  • عملگر spread با آرایه‌ها 09:45
  • تمرین عملگر spread برای آرایه‌ها None
  • راه‌حل - تمرین عملگر spread برای آرایه 03:07
  • عملگر spread با آبجکت‌ها 07:19
  • تمرین عملگر spread برای آبجکت‌ها None
  • راه‌حل - تمرین عملگر spread برای آبجکت‌ها 04:16
  • استفاده از پارامترهای پیش‌فرض 04:51
  • تمرین پارامترهای پیش‌فرض None
  • راه‌حل - تمرین پارامترهای پیش‌فرض 04:28
  • عملگر spread در فراخوانی توابع 03:48
  • تمرین فراخوانی توابع با عملگر spread None
  • راه‌حل - تمرین فراخوانی توابع با عملگر spread 02:19
  • پارامترهای Rest 09:00
  • تمرین پارامترهای Rest None
  • راه‌حل - تمرین پارامترهای Rest 04:04
  • تخریب ساختار آرایه‌ها 06:52
  • تخریب ساختار آبجکت‌ها 11:20
  • تخریب ساختار پارامترهای تابع 07:26
  • تمرین تخریب ساختار آرایه‌ها None
  • راه‌حل - تمرین تخریب ساختار آرایه‌ها 03:21
  • تمرین تخریب ساختار آبجکت‌ها None
  • راه‌حل - تمرین تخریب ساختار آبجکت‌ها 03:06
  • کار با متد ()map 09:34
  • تمرین ()map None
  • راه‌حل - تمرین ()map 03:59
  • درک متد ()filter 06:32
  • تمرین ()filter None
  • راه‌حل - تمرین ()filter 02:52
  • معرفی متد ()reduce 12:34
  • تمرین ()reduce None
  • راه‌حل - تمرین ()reduce 04:22
  • آشنایی با مدل آبجکت سند (DOM) 10:42
  • اسکریپت‌های بلاک‌کننده رندر، Async و Defer 07:04
  • انتخاب عناصر DOM با استفاده از سلکتورها 09:01
  • تمرین انتخاب عناصر DOM None
  • راه‌حل - تمرین انتخاب عناصر DOM 02:53
  • querySelector و querySelectorAll 08:59
  • تمرین ()querySelector None
  • راه‌حل - تمرین ()querySelector 02:12
  • ()InnerHtml و ریسک‌های آن 06:02
  • کار با getAttribute و setAttribute 06:44
  • تمرین getAttribute و setAttribute None
  • راه‌حل - تمرین getAttribute و setAttribute 05:34
  • تنظیم استایل‌ها با style. و کلاس‌ها 10:08
  • تفاوت بین گره‌ها و عناصر 06:46
  • انتخاب Parent با parentNode در مقابل parentElement 14:11
  • تمرین Parent Node و Parent Element None
  • راه‌حل - تمرین parentNode و parentElement 02:41
  • انتخاب عناصر با childNodes در مقابل فرزندان 05:37
  • تمرین childNodes و فرزندان None
  • راه‌حل - تمرین childNodes و فرزندان 02:17
  • انتخاب اولین یا آخرین فرزند و عنصر 04:20
  • انتخاب گره‌های خواهر و برادر در DOM 03:49
  • تمرین گره‌های خواهر و برادر None
  • راه‌حل - تمرین گره‌های خواهر و برادر 03:19
  • nodeName و nodeType 04:39
  • آشنایی با رویدادهای DOM 06:46
  • سه روش رجیستر رویدادها در جاوااسکریپت 14:37
  • تمرین رجیستر رویدادها None
  • راه‌حل - تمرین رجیستر رویدادها 04:49
  • ویژگی‌های مهم آبجکت رویداد 08:08
  • تمرین ویژگی‌های آبجکت رویداد None
  • راه‌حل - تمرین ویژگی‌های آبجکت رویداد 06:26
  • کلیدواژه this در هندلرهای رویداد 05:27
  • کار با رویدادهای ماوس 08:13
  • تمرین رویدادهای ماوس None
  • راه‌حل - تمرین رویدادهای ماوس 05:58
  • رویدادهای صفحه‌ کلید 06:46
  • تمرین رویدادهای صفحه‌ کلید None
  • راه‌حل - تمرین رویدادهای صفحه‌ کلید 07:18
  • استفاده از رویدادهای فرم 11:24
  • تمرین رویدادهای فرم None
  • راه‌حل - تمرین رویدادهای فرم 08:23
  • کار با رویدادهای پنجره 07:02
  • Bubbling رویداد، ضبط رویداد و توقف پس انتشار 06:45
  • Bubbling رویداد و ضبط رویداد در عمل 10:39
  • Bubbling رویداد و ضبط رویداد در عمل None
  • راه‌حل - تمرین Bubbling رویداد و ضبط رویداد 05:02
  • Delegation رویداد با استفاده از Bubbling رویداد 07:07
  • معرفی مدل آبجکت مرورگر (BOM) 05:03
  • آبجکت پنجره 08:49
  • آبجکت لوکیشن 05:30
  • تمرین آبجکت پنجره None
  • بررسی پروژه 02:31
  • افزودن مقادیر عددی 16:35
  • افزودن قابلیت برای استفاده از عملگرها 19:50
  • اعداد اعشاری و ریست 06:36
  • درک ماژول‌های جاوااسکریپت 13:59
  • اکسپورت‌های نامگذاری شده در مقابل اکسپورت‌های پیش‌فرض 06:59
  • درک اتصالات لایو 05:02
  • اسکوپ ماژول و globalThis 06:30
  • ماژولارسازی اپلیکیشن ماشین‌حساب 02:31
  • ایجاد ماژول و توابع برای مقادیر 04:08
  • ماژول برای سلکتورها و addNumberValue 03:26
  • ماژول‌های useOperator و addDecimal 06:12
  • ایمپورت ماژول‌ها و تست 01:46
  • افزودن ریست برای مقادیر 02:59
  • یونیکس در مقابل شبیه یونیکس در مقابل ویندوز 09:27
  • ترمینال در مقابل شل در مقابل کرنل 06:42
  • چرا از خط فرمان استفاده کنیم؟ 02:58
  • استفاده از ترمینال و ساختار فرمان‌ها 03:50
  • ناوبری در فایل سیستم 07:54
  • کار با فایل‌ها و دایرکتوری‌ها 04:05
  • کپی و جابجایی فایل‌ها 05:54
  • حذف فایل‌ها و دایرکتوری‌ها 03:51
  • استفاده از help، صفحات man و پرچم‌ها 05:48
  • درک توالی اجرا 06:35
  • توابع Callback در جاوااسکریپت 08:21
  • تسک‌های غیرهمزمان 08:57
  • کار با Promises 09:18
  • درک استک فراخوانی و حلقه رویداد 08:11
  • کد تمیزتر با واکشی 06:09
  • Async و Await 03:00
  • try و catch 02:30
  • جی‌سان چیست؟ (حاشیه‌نویسی آبجکت جاوااسکریپت) 06:28
  • نود‌جی‌اس چیست و چرا به آن نیاز داریم؟ 09:29
  • همکاری بک‌اند و فرانت‌اند 04:53
  • آنچه می‌خواهیم بسازیم 02:09
  • نصب نود‌جی‌اس و npm 02:00
  • Hello World در نود‌جی‌اس 09:44
  • معرفی Node Package Manager (npm) 14:52
  • ایجاد پروژه جدید نودجی‌اس 06:18
  • اولین پکیج npm 10:25
  • ماژول نودجی‌اس - fs (فایل سیستم) 15:50
  • درک REST APIs 21:36
  • تست API (راه‌اندازی httpYac) 04:46
  • Express چیست؟ 02:41
  • راه‌اندازی سرور Express (شروع پروژه) 12:03
  • استفاده از Nodemon برای توسعه 06:18
  • نگاهی عمیق به درخواست و پاسخ 14:17
  • شروع کار با مسیریابی 04:40
  • درک پارامترهای مسیر و پارامترهای کوئری 10:17
  • الگوهای مسیر URL 07:01
  • ایجاد مسیریاب تسک‌ها 10:16
  • درک میان‌افزار چیست؟ 05:44
  • میان‌افزار و پردازش بادی درخواست 06:19
  • لاگ کردن فعالیت با Morgan 10:48
  • درک CORS (اشتراک‌گذاری منابع بین سایتی) 09:07
  • کنترلر چیست؟ 03:23
  • ایجاد کنترلر تسک‌ها 06:41
  • پاسخ به درخواست GET برای تسک‌ها 04:26
  • درک کدهای وضعیت HTTP 08:40
  • استفاده از http-status-codes 06:01
  • ایجاد میان‌افزار Formatter پاسخ 11:52
  • منابع Not Found - پیش‌فرض 404 03:23
  • ایجاد کنترلرهای احرازهویت 05:10
  • ایجاد کنترلرهای کاربر 05:11
  • آشنایی با پایگاه‌ داده‌های SQL در مقابل NoSQL 04:41
  • مزایای استفاده از MongoDB 06:01
  • MongoDB Cloud و Shell و Compass 12:18
  • درج داده در MongoDB 11:12
  • یافتن داده در MongoDB 05:04
  • بروزرسانی داده در MongoDB 05:16
  • حذف داده در MongoDB 02:09
  • درک Mongoose چیست؟ 06:41
  • کار با اسکیما و مدل 08:04
  • بررسی انواع اسکیماها در Mongoose 03:12
  • یکپارچه‌سازی Mongoose با Express 07:23
  • ایجاد اولین اسکیما 09:10
  • ایجاد مدل 09:50
  • تقسیم کنترلرها به ارائه‌دهنده‌ها 07:34
  • دریافت مستندات از پایگاه داده 04:59
  • بروزرسانی تسک 08:34
  • حذف تسک 04:00
  • اسکیما و مدل برای کاربر جدید 13:41
  • ارائه‌دهنده کاربر جدید 07:05
  • چرا اعتبارسنجی اضافی لازم است؟ 05:32
  • شروع کار با express-validator 16:44
  • ساخت فایل‌های اعتبارسنج 10:38
  • دریافت داده پاکسازی شده 04:42
  • مدیریت خطاها برای تعامل با پایگاه داده 07:28
  • لاگ کردن خطا با استفاده از Winston 16:01
  • لاگ کردن خودکار خطا با express-winston 07:45
  • لاگ کردن دقیق خطاها در error.log 08:49
  • ایجاد Error Logger Helper 03:16
  • اعتبارسنجی پارامترهای کوئری 11:24
  • اعتبارسنجی درخواست PATCH 11:18
  • اعتبارسنجی درخواست حذف 04:39
  • اعتبارسنجی مسیر ایجاد کاربر 12:40
  • درک محیط Node 09:58
  • تنظیم NODE_ENV 06:23
  • فایل‌های محیطی برای متغیرهای محیطی 10:31
  • انتقال متغیرها به فایل‌های محیطی 05:19
  • ایجاد فایل پیکربندی 06:09
  • آشنایی با صفحه‌بندی 04:37
  • بروزرسانی کوئری صفحه‌بندی 07:53
  • ساخت آبجکت صفحه‌بندی 07:52
  • تنظیم مقادیر پیش‌فرض 04:43
  • مرتب‌سازی داده نهایی 02:37
  • ریفکتور کردن داده نهایی 05:41
  • فیلترینگ و شمارش بر اساس وضعیت 02:22
  • معرفی روابط با مستندات فرعی 02:24
  • افزودن رابطه بین کاربر و تسک‌ها 05:01
  • آشنایی با احرازهویت کاربر 04:47
  • هش کردن و Salting پسوردها 05:21
  • استفاده از bCrypt برای هش کردن 06:47
  • بررسی ایمیل منحصربه‌فرد 02:28
  • کنترلر و اعتبارسنج لاگین کاربر 08:16
  • مقایسه پسورد با هش 09:43
  • درک JSON Web Token (JWT) 07:17
  • ساخت JWT 12:04
  • محافظت از مسیرها با میان‌افزار 16:10
  • تخصیص کاربران احرازهویت شده به تسک‌ها 02:49
  • معرفی Open API Specification و Swagger 03:33
  • پیکربندی Swagger 11:58
  • مستندسازی اسکیمای تسک 16:40
  • مستندسازی اندپوینت‌ POST برای تسک 16:46
  • مستندسازی اندپوینت‌ GET برای تسک 06:26
  • مستندسازی اندپوینت‌ PATCH برای تسک 05:01
  • مستندسازی اندپوینت‌ DELETE برای تسک 03:20
  • مستندسازی اندپوینت‌های کاربر 07:23
  • مستندسازی اندپوینت‌های احرازهویت 06:36
  • چرا به ری‌اکت نیاز داریم؟ 15:29
  • Hello World در ری‌اکت 10:05
  • آشنایی با JSX 04:20
  • ایجاد کامپوننت‌های ری‌اکت 03:51
  • Props و Attributes ری‌اکت 07:51
  • عبارات جاوااسکریپت در JSX 05:19
  • فرگمنت‌های ری‌اکت 02:22
  • روش بهتر برای ایجاد اپلیکیشن ری‌اکت 07:17
  • درک اپلیکیشن تک‌صفحه‌ای 03:32
  • ساختار و پاکسازی Vite 02:53
  • ایجاد اولین کامپوننت 05:32
  • درک ماژول‌های CSS 05:52
  • کار با Props 05:45
  • تخصیص مقادیر پیش‌فرض به Props 02:27
  • کامپوننت دکمه لایک و رویدادها در ری‌اکت 06:36
  • اولین هوک ری‌اکت - ()useState 06:37
  • آشنایی با Tailwindcss 05:08
  • نصب و پیکربندی Tailwindcss 07:12
  • استایل‌دهی به عناصر با Tailwindcss 05:06
  • آشنایی با React Router 04:59
  • نصب React Router 02:23
  • ایجاد اولین مسیرهای جدید 06:36
  • ایجاد صفحات 03:34
  • تعریف مسیرها برای صفحات 05:36
  • مسیر 404 Page Not Found 03:42
  • آشنایی با shadcn/ui 04:34
  • نصب shadcn/ui 14:30
  • برنامه‌ریزی توسعه رابط کاربری 01:45
  • فعال‌سازی Dark Mode 04:59
  • طرح‌بندی صفحه ثبت‌نام 07:56
  • ایجاد فرم ثبت‌نام 07:48
  • ساخت صفحه لاگین 03:39
  • تنظیم طرح‌بندی برای صفحه تسک‌ها 09:02
  • کامپوننت شمارنده تسک‌ها 07:01
  • Props برای شمارنده تسک‌ها 04:54
  • ایجاد نوار فیلتر 12:20
  • ایجاد کامپوننت تسک 11:46
  • افزودن Props به کامپوننت تسک 12:18
  • ایجاد طرح‌بندی فرم 12:50
  • کامپوننت پروفایل کاربر 06:37
  • ایجاد فرم تسک و خروج از سیستم 18:08
  • همزمان‌سازی کلاینت و سرور چیست؟ 04:39
  • استفاده از Zod برای اعتبارسنجی فرم 13:50
  • استفاده از react-hook-form با shadcn/ui 22:03
  • اعتبارسنجی فرم لاگین 05:36
  • مدیریت کامپوننت‌های کنترل‌ شده 07:53
  • اعتبارسنجی فرم ایجاد تسک 19:34
  • معرفی کوئری Tanstack 03:01
  • راه‌اندازی کوئری Tanstack 06:17
  • ایجاد هوک جهش ثبت‌نام 22:28
  • مدیریت اثرات جانبی با ()useEffect 15:43
  • ایجاد هوک جهش لاگین 06:06
  • افزودن توکن حامل به کوکی‌ها 15:09
  • پیاده‌سازی مسیرهای خصوصی 08:52
  • هوک جهش برای ایجاد تسک جدید 09:45
  • هوک کوئری برای دریافت همه تسک‌ها 14:22
  • بارگذاری تسک‌ها در صفحه تسک 06:34
  • نمایش تسک‌ها در صفحه 12:17
  • پیاده‌سازی رفتار خروج از سیستم 03:40
  • معرفی Context API 08:18
  • ایجاد TasksContext 17:40
  • پارامترهای کوئری برای صفحه‌بندی 09:05
  • استفاده از کانتکس برای تنظیم لینک‌های صفحه‌بندی 09:45
  • تکمیل صفحه‌بندی 07:44
  • مرتب‌سازی تسک‌ها بر اساس ترتیب 21:00
  • بهبود شرطی‌های رشته کوئری 04:34
  • رفرش کردن کوئری پس از ایجاد تسک‌ها 03:48
  • دکمه inProgress روی تسک‌ها 12:30
  • علامت‌گذاری تسک به‌ عنوان تکمیل شده 02:18
  • بروزرسانی شمارنده‌ها 05:17
  • ترنزیشن‌های هموار صفحه‌بندی 03:15
  • Populate کردن آواتار پروفایل 04:08
  • درک زیرساخت سرور 04:52
  • ایجاد سرور روی AWS 15:44
  • هدایت رکوردهای DNS به سرور 09:32
  • نصب و پیکربندی Nginx 24:26
  • ایمن‌سازی اتصالات با SSL 05:57
  • نصب اپلیکیشن ری‌اکت 12:44
  • نصب اپلیکیشن نودجی‌اس 05:32
  • درک و پیکربندی PM2 06:54

37,323,200 9,330,800 تومان

مشخصات آموزش

بوت‌کمپ کامل توسعه وب فول‌استک - هوش مصنوعی یکپارچه

  • تاریخ به روز رسانی: 1404/06/21
  • سطح دوره:همه سطوح
  • تعداد درس:570
  • مدت زمان :62:37:23
  • حجم :25.61GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

هیچ دوره‌ی مرتبطی پیدا نشد.

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید