1-آشنایی با فرانت اند و بک اند

2-آشنایی با کلاینت، سرور و دیتابیس

3-تفاوت زبان برنامه نویسی و نشان گذاری

4-آشنایی با فریمورک و کتابخانه

5-آشنایی با UI/UX

6-آشنایی با سئو و ریسپانسیو

7-آشنایی با Domain, IP, ssl

8-آشنایی با هاست، سرور و دیتاسنتر

9-آشنایی با سایت های استاتیک و داینامیک

10-آشنایی با پروتکل HTTP

1-مقدمه‌ای بر HTML، CSS و آینده آن‌ها

2-برپایی کارگاه توسعه وب شما

3-خلق اولین صفحه وب: ساختار بنیادین HTML

1-ساختار سند و متادیتای پیشرفته HTML

2-قالب‌بندی و عناصر متنی معنایی HTML

3-پیوندها، تصاویر و محتوای چندرسانه‌ای در HTML

4-فرم‌های HTML مدرن: ورودی‌ها و اعتبارسنجی

5-عناصر طرح‌بندی معنایی: هسته ساختار HTML مدرن

6-عناصر HTML تعاملی: تعامل‌پذیری بومی

7-بهترین شیوه‌های HTML و اعتبارسنجی کد

1-مقدمه‌ای بر CSS: سینتکس، انتخابگرها و روش‌های افزودن

2-آبشار، ویژگی (Specificity)، وراثت و لایه‌های آبشاری CSS

3-مدل جعبه‌ای CSS، واحدها و ابعاد

4-رنگ‌ها، پس‌زمینه‌ها، گرادیان‌ها و فضاهای رنگی مدرن در CSS

5-تایپوگرافی در وب و متعادل‌سازی متن

6-ویژگی‌های منطقی CSS برای بین‌المللی‌سازی

7-CSS Nesting بومی برای شیوه‌نامه‌های تمیزتر

1-طرح‌بندی با Flexbox

2-مبانی CSS Grid

3-Grid پیشرفته: نواحی نام‌گذاری‌شده و Subgrid

4-اصول طراحی واکنش‌گرا و Media Queries

5-استایل‌دهی مبتنی بر کامپوننت با پرس‌وجوهای کانتینر و استایل

1-انتقال‌های CSS (Transitions)

2-انیمیشن‌های CSS (Keyframes)

3-انیمیشن‌های پیشرفته: انیمیشن‌های مبتنی بر اسکرول

4-تبدیل‌های CSS (Transforms)

1-تسلط بر ابزارهای توسعه‌دهنده مرورگر

2-کیفیت کد و بهترین شیوه‌ها در توسعه وب

1-پروژه ۱: ساخت یک صفحه وب شخصی ساده

2-پروژه ۲: طراحی یک کارت محصول واکنش‌گرا

3-پروژه ۳: ایجاد یک گالری تصاویر با انیمیشن

4-پروژه ۴: ساخت یک (Landing Page) با تمرکز بر ویژگی‌های مدرن

1-جاوااسکریپت برای تازه‌کاران

2-کار با اشیاء و آرایه‌ها

1-ویژگی‌های ES6+ ضروری

2-کار با اشیاء و آرایه‌ها به روش مدرن

3-مدیریت ناهمگامی (Asynchronous Programming)

4-ماژول‌ها و سیستم‌های ماژول

1-DOM

1-مقدمات گیت و نصب آن

2-اولین اینیت و اولین کامیت

3-بررسی تاریخچه کارها

4-بررسی تغییرات انجام شده

5-آشنایی با شاخه ها - branches

6-برنچ ها به صورت عمیق تر

7-آشنایی و استفاده از گیت هاب

8-کانفلیکت

9-تگ زدن

10-امضا کردن تگ ها و کامیت ها

11-دیباگ کردن به کمک گیت

1-معرفی React

2-راه اندازی React

3-ساخت کامپوننت (Component) و Props

4-مدیریت ساختار فایل های پروژه و تایپ ها

5-Fragments

6-ایونت ها در React

7-رندر کردن المنت ها بر اساس یک آرایه

8-رندر کردن به صورت شرطی (Conditional Rendering)

9-معرفی useState

10-استفاده از useState برای ذخیره object

11-استفاده از useState برای ذخیره آرایه

12-معرفی useRef

13-استایل دهی در React

14-ساختن فرم و submit کردن

15-معرفی هوک useEffect و دریافت اطلاعات از بک اند

16-معرفی axios و ریکوئست زدن

1-معرفی react query

2-راه اندازی react query

3-نحوه کارکرد query cache

4-مفهوم fetching

5-query status

6-هوک useQuery

7-صفحه بندی با react query

8-اسکرول بی نهایت (Infinite Scroll)

9-دیتای اولیه (initial data)

10-ارسال دیتا به بک اند

1-معرفی هوک reducer

2-استفاده از هوک reducer

3-معرفی و استفاده از هوک context

4-State Management Libraries

5-Zustand

6-ساخت store با Zustand و استفاده از آن در کامپوننت ها

7-جلو گیری از رندر شدن های غیر ضروری در Zustand

8-ذخیره اطلاعات در لوکال استوریج با zustand

1-یادگیری react router

1-پروژه نهایی

1-معرفی component library

2-معرفی و نصب MUI

3-آیکون ها در MUI

1-Direct style

2-Inline style

3-Sx Style

4-Styled

1-Props

2-CSS classes

1-شخصی سازی تم و فونت MUI

2-شخصی سازی رنگ ها

3-شخصی سازی تایپوگرافی

4-شخصی سازی BreakPoints

5-شخصی سازی کامپوننت ها

1-ریسپانسیو با sx

2-استفاده از هوک ها

3-کامپوننت Grid