دوره جامع فرانت اند | پیشرفته و پروژه محور
فهرست پخش
4 فصل • 43 قسمت
فصل 1
معرفی و پیش نیاز های این دوره
7 قسمت • 128 دقیقه
قسمت یکم
معرفی دوره
2 دقیقه
قسمت دوم
Nodejs چیه و ساختارش به چه شکله و چرا بهش نیاز داریم؟
19 دقیقه
قسمت سوم
نصب nodejs با nvm و بررسی دستورات nvm
20 دقیقه
قسمت چهارم
بررسی ساختار یک پروژه Nodejs بیس و استراکچر
25 دقیقه
قسمت پنجم
بررسی روند مدرن شدن وب ( چی شد که اینطور شد ! )
17 دقیقه
قسمت ششم
بررسی ساختار پروژه های مبتنی بر React
17 دقیقه
قسمت هفتم
بررسی Vite و ساخت اولین پروژه React ایمون باهاش !
28 دقیقه
فصل 2
دوره جامع کتابخانه ReactJs
13 قسمت • 255 دقیقه
قسمت یکم
بررسی ساختار داخلی ReactJs و اینکه چطوری کار میکنه !؟
22 دقیقه
قسمت دوم
ساخت و بررسی ساختار فولدر استراکچر یک پروژه CRA
25 دقیقه
قسمت سوم
ساخت و بررسی فولدر استراکچر یک پروژه Vite و مقایسه با CRA
15 دقیقه
قسمت چهارم
مفهوم Component در React به چه معناست؟
15 دقیقه
قسمت پنجم
مفهوم App.jsx و main.jsx و کامپوننت های اصلی در React
20 دقیقه
قسمت ششم
بررسی FunctionalComponent و ClassComponent ها در React
20 دقیقه
قسمت هفتم
بررسی جامع JSX در React: نکات تکمیلی و تکنیکهای پیشرفته برای توسعهدهندگان
20 دقیقه
قسمت هشتم
استیت (State) در کامپوننتها
20 دقیقه
قسمت نهم
بررسی ساختار State و قوانین آن در React + مینی پروژه Counter
20 دقیقه
قسمت دهم
پراپس در ریاکت چیست؟ آموزش کامل Props در React با مثال و کاربردها
26 دقیقه
قسمت یازدهم
آموزش لیستها و key در ریاکت | نحوه نمایش لیستها در React با مثال عملی
25 دقیقه
قسمت دوازدهم
کاندیشنال رندرینگ در ریاکت | آموزش شرطیسازی در React با مثالهای کاربردی
13 دقیقه
قسمت سیزدهم
آموزش هوکهای پرکاربرد ریاکت | useEffect و useRef در React با مثالهای عملی
14 دقیقه
فصل 3
آموزش تایپ اسکریپت مقدماتی
13 قسمت • 101 دقیقه
قسمت یکم
تایپ اسکریپت چیه و چرا بهش احتیاج داریم !؟
10 دقیقه
قسمت دوم
آموزش نصب و راه اندازی تایپ اسکریپت در یک پروژه
16 دقیقه
قسمت سوم
آموزش Type Annotation در تایپ اسکریپت
10 دقیقه
قسمت چهارم
آموزش تایپ any در typescript
4 دقیقه
قسمت پنجم
آموزش tupels در Typescript
8 دقیقه
قسمت ششم
آموزش Enum در تایپ اسکریپت
10 دقیقه
قسمت هفتم
مقدمهای جذاب بر توابع در TypeScript | درک پایهای از Functionها
6 دقیقه
قسمت هشتم
تسلط بر پارامترها و محدودهها در توابع | TypeScript پیشرفته
6 دقیقه
قسمت نهم
کار با اشیا در TypeScript | ساختاردهی حرفهای دادهها
6 دقیقه
قسمت دهم
آشنایی با Type Alias در TypeScript | ساخت نوعهای دلخواه خودت!
5 دقیقه
قسمت یازدهم
قدرت Interface در TypeScript | قراردادهایی برای کد تمیز و قابل توسعه
6 دقیقه
قسمت دوازدهم
Union Types در TypeScript | انعطاف و ایمنی همزمان!
7 دقیقه
قسمت سیزدهم
Literal Types در TypeScript | محدود کردن مقادیر برای کد بینقص
7 دقیقه
فصل 4
پروژه جلاتو هاوس : بستنی فررو با طعم ReactJS
10 قسمت • 153 دقیقه
قسمت یکم
پیشنیازهای آغاز پروژه جلاتو هاوس و معرفی ساختار یک تیم استارتاپی حرفهای
12 دقیقه
قسمت دوم
فیگما و دیزاینسیستم پروژه جلاتو هاوس
16 دقیقه
قسمت سوم
تقدیر از دلینو، جلاتوهاوس و آقای وثوقی در پروژه آموزشی جلاتو هاوس
4 دقیقه
قسمت چهارم
شروع ساخت پروژه با Vite و انتشار ریپوزیتوری روی گیتهاب
25 دقیقه
قسمت پنجم
نصب و کانفیگ Tailwind همراه با PostCSS و نحوه استفاده آن در پروژه ری اکتی
18 دقیقه
قسمت ششم
اضافه کردن CI/CD به پروژه و دپلوی روی Vercel
5 دقیقه
قسمت هفتم
طراحی ساختار Layout در اپلیکیشن جلاتوهاوس
20 دقیقه
قسمت هشتم
طراحی ساختار دکمههای جلاتوهاوس و استفاده از دیزاین پترن Factory در ساخت کامپوننت – قسمت اول
21 دقیقه
قسمت نهم
طراحی ساختار دکمههای جلاتوهاوس و پیادهسازی با دیزاین پترن Factory – قسمت دوم (کدنویسی)
14 دقیقه
قسمت دهم
تکمیل پیادهسازی دکمههای جلاتوهاوس و بهینهسازی ساختار Factory – قسمت سوم
18 دقیقه
در این قسمت سوم، روند توسعه دکمههای جلاتوهاوس با تمرکز بر تکمیل جزئیات، بهینهسازی کد، افزودن قابلیتهای جدید و ایجاد ساختاری انعطافپذیر ادامه مییابد. همچنین نحوه گسترش Factory برای پشتیبانی از انواع حالتها، رفتارها و استایلهای پیشرفته بررسی میشود.