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

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

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

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

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

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

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

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

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

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

1-نصب و معرفی ابزارهای مورد نیاز

2-معرفی و آشنایی با HTML

3-ساختار یک صفحه HTML

4-معرفی chrome dev tools

5-معرفی تگ ها بخش اول

6-معرفی تگ ها بخش دوم

7-Relative URLs و Absolute URLs

8-Semantic HTML

1-معرفی و نحوه استفاده CSS و نوشتار آن

2-ترتیب اجرای CSS

3-انتخابگرها (Selectors)

4-انتخابگرهای Pseudo-element

5-انتخابگرهای Pseudo-class

6-انتخابگر های صفتی و ترکیبی (Combinator,Attribute Selectors)

7-اولویت انتخابگرها (Selectors specificity)

8-رنگ متن و پس زمینه در CSS

9-انواع رنگ در CSS

10-روش های استفاده از گرادیانت

11-ارث بری (Inheritance) در CSS

12-Display

13-تمام ویژگی های CSS

1-Relative and Absolute units

2-Positioning

3-Overflow

4-Box model , Box sizing

5-Float

6-Flex

7-Grid

8-Responsive

1-معرفی تگ فرم و انواع ورودی ها و اعتبار سنجی فرم

2-متد های فرستنده فرم

1-استایل دادن به فونت

2-معرفی تگ font-family و استفاده از فونت های دلخواه به صورت لینکی (cdn-font)

3-استفاده از فونت های external

1-Transform

2-Transition

3-ساخت انیمیشن

1-کد تمیز در HTML و CSS

1-معرفی Emmet

2-ساخت id و class و div و DocType با کمک Emmet

3-کنار هم قرار دادن المنت ها (Sibling) با Emmet

4-قرار دادن المنت ها در یکدیگر و تعیین تعدادشون (Nesting and Multiplication) با Emmet

5-گروه بندی المنت ها (Grouping) با Emmet

6-نوشتن Attribute های تگ های HTML با کمک Emmet

7-شماره گذاری تگ های HTML با کمک Emmet

8-نوشتن CSS Properties با کمک Emmet

1-پروژه سطح مقدماتی

2-پروژه سطح متوسط

3-پروژه سطح پیشرفته

1-آشنایی با جاوا اسکریپت و چرایی یادگیری اون

1-ساخت فایل js و نحوه استفادش در HTML

2-متغیر ها

3-دیتا تایپ ها در javascript

4-انواع متغیر در جاوا اسکریپت

5-عملگرها در جاوا اسکریپت

6-کار با رشته ها (Template Literals)

7-شرط گذاری

8-تبدیل نوع (Type Casting) در Javascript

9-حلقه ها

10-آشنایی با آرایه ها

11-آشنایی با آبجکت ها

12-انواع for برای آرایه و آبجکت

13-آشنایی با توابع و انواع آن

14-مقادیر truthy و falsy

1-object ها زیر ذره بین

2-آبجکت های داینامیک

3-Primitive vs. reference type

4-کلون کردن object

5-معرفی object های math , string , date و کار با متود هاشون

6-کلمه کلیدی this

7-Nested Objects

1-اضافه کردن مقدار به آرایه

2-حذف کردن یک مقدار از آرایه

3-پیدا کردن یک مقدار primitive در آرایه

4-پیدا کردن یک مقدار reference type در آرایه

5-خالی کردن یک آرایه

6-بهم وصل کردن دو آرایه و جدا کردن چند یا یک مقدار از آرایه

7-The Spread Operator

8-معرفی متد های join و split

9-مرتب کردن آرایه بصورت صعودی و نزولی

10-بررسی مقدار های داخل آرایه

11-متد های map و filter و reduce

1-function declaration و function expression

2-hoisting و function hoisting

3-پارامتر و آرگومان (Parameter and Argument)

4-callback functions

5-تعریف تابع با تعداد ورودی (parameter) دلخواه

6-Getter و Setter

7-try and catch

8-scope

1-DOM چیست؟

2-selectors در جاوا اسکریپت

3-گرفتن اتریبیوت های المنت های HTML

4-تغییر استایل المنت ها

5-تغییر محتوای داخل المنت ها

6-ساختن المنت و اضافه کردنش به HTML

7-تفاوت append و appendChild

8-ایونت ها (Events)

9-حذف کردن ایونت (Remove Event)

10-آبجکت event

11-preventDefault

12-مفهوم node

13-جابجایی بین دام (DOM Navigation)

14-حذف کردن المنت

15-pageX , pageY

16-تمامی ایونت های JS

17-localStorage

18-BOM چیست و اشیاء آن

19-کار با شی history و قسمت های مختلف آن

20-کار با شی location و قسمت های مختلف آن

21-استفاده از URLSearchParams و پیاده سازی Dynamic Route

1-پروژه سطح مقدماتی

2-پروژه سطح متوسط

3-پروژه سطح پیشرفته

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