دوره جامع فرانت اند | پیشرفته و پروژه محور
فهرست پخش
4 فصل • 51 قسمت
فصل 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 دقیقه
در این جلسه، با مفهوم Type Alias آشنا میشیم — روشی برای تعریف نوعهای جدید و خواناتر کردن کد. یاد میگیریم چطور از نوعهای سفارشی استفاده کنیم تا پروژههامون مقیاسپذیرتر و قابل نگهداریتر بشن.
قسمت یازدهم
قدرت Interface در TypeScript | قراردادهایی برای کد تمیز و قابل توسعه
6 دقیقه
قسمت دوازدهم
Union Types در TypeScript | انعطاف و ایمنی همزمان!
7 دقیقه
قسمت سیزدهم
Literal Types در TypeScript | محدود کردن مقادیر برای کد بینقص
7 دقیقه
فصل 4
پروژه جلاتو هاوس : بستنی فررو با طعم ReactJS
18 قسمت • 384 دقیقه
قسمت یکم
پیشنیازهای آغاز پروژه جلاتو هاوس و معرفی ساختار یک تیم استارتاپی حرفهای
12 دقیقه
قسمت دوم
فیگما و دیزاینسیستم پروژه جلاتو هاوس
16 دقیقه
قسمت سوم
تقدیر از دلینو، جلاتوهاوس و آقای وثوقی در پروژه آموزشی جلاتو هاوس
4 دقیقه
قسمت چهارم
شروع ساخت پروژه با Vite و انتشار ریپوزیتوری روی گیتهاب
25 دقیقه
قسمت پنجم
نصب و کانفیگ Tailwind همراه با PostCSS و نحوه استفاده آن در پروژه ری اکتی
18 دقیقه
قسمت ششم
اضافه کردن CI/CD به پروژه و دپلوی روی Vercel
5 دقیقه
قسمت هفتم
طراحی ساختار Layout در اپلیکیشن جلاتوهاوس
20 دقیقه
قسمت هشتم
طراحی ساختار دکمههای جلاتوهاوس و استفاده از دیزاین پترن Factory در ساخت کامپوننت – قسمت اول
21 دقیقه
قسمت نهم
طراحی ساختار دکمههای جلاتوهاوس و پیادهسازی با دیزاین پترن Factory – قسمت دوم (کدنویسی)
14 دقیقه
قسمت دهم
تکمیل پیادهسازی دکمههای جلاتوهاوس و بهینهسازی ساختار Factory – قسمت سوم
18 دقیقه
قسمت یازدهم
افزودن ویژگیهای رنگ و سایز به دکمهها با استفاده از clx برای مدیریت کلاسها
26 دقیقه
قسمت دوازدهم
ریفکتور کامپوننت Button با افزودن رنگهای سفارشی و رعایت اصول Component Composition
26 دقیقه
قسمت سیزدهم
ایجاد کامپوننت هدر و لوگو برای شروع طراحی لایوت پروژه جلاتو هاوس
29 دقیقه
قسمت چهاردهم
ساخت بنر سفارش میپذیریم در پروژه جلاتو هاوس
30 دقیقه
قسمت پانزدهم
ساخت اسلایدر و کروسل به وسیله پکیج swiper در پروژه ری اکتی
26 دقیقه
قسمت شانزدهم
اضافه کردن آیکن های کاستوم به پروژه ری اکتی به وسیله SVGR از صفر تا صد
26 دقیقه
قسمت هفدهم
اضافه کردن سکشن Information و دیزاین کردن Modal شعبات و محدوده دسترسی پیک
31 دقیقه
قسمت هجدهم
تکمیل سکشن Information و دیزاین نهایی
37 دقیقه
در حال آمادهسازی پلیر...