
دوره آموزشی تخصصی
دوره جامع فرانت اند | پیشرفته و پروژه محور
تاریخ انتشار
25 مرداد 1404
آخرین بروزرسانی
7 اردیبهشت 1405
✨ آمادهای از «آشنا به فرانت » تبدیل بشی به «فرانتاند دولوپر حرفهای »؟ از همینجا شروع کن. این دورهٔ جامع فرانتاندِ پیشرفته دقیقاً برای کسیه که پایهها رو بلده و میخواد وارد بازی جدیها بشه: معماری تمیز، الگوهای حرفهای، بهینهسازی عملکرد و سئو، و مهمتر از همه—ساختن یک محصول واقعی که میتونی باهاش درِ هر شرکتی رو بزنی. هیچ حرف اضافهای در کار نیست؛ از لحظهٔ اول دستبهکد میشی و تا آخر مسیر با یک خروجی Production-Ready میای بیرون. 💻🔥
بریم سر اصل ماجرا. توی این بوتکمپ، React رو نه صرفاً برای ساخت چند کامپوننت ساده، بلکه برای معماری یک اپلیکیشن در مقیاس تولید یاد میگیری. یاد میگیری چطور ترکیبپذیری رو درست پیاده کنی، چطور رندرها رو بهینه کنی، چطور مسئولیتها رو بین لایهها تفکیک کنی و کدی بنویسی که فردا هم از دیدنش لذت ببری. بعد میرسیم به Next.js: اینجا با رندر سمت سرور و کلاینت، مسیرهای فایلبیس، دادهگیری هوشمند، و ساخت صفحات سریع و سئوپسند آشنا میشی؛ یعنی دقیقاً همون چیزهایی که باعث میشن محصولت هم زود لود بشه، هم درست دیده بشه. ⚡️
حالا نوبت TypeScript ـه؛ با تایپسیف کردن کامپوننتها، پراپسها و APIها کاری میکنی باگهای ریز اعصابخُردکن قبل از اجرا نابود بشن. نتیجه؟ کدی امنتر، مقیاسپذیرتر و تیمپسندتر. بعدش میریم سراغ React Hook Form تا فرمهای پیچیده، تمیز و قابل اعتماد بسازی؛ از اعتبارسنجی دقیق تا مدیریت خطا و دسترسی، همهچیز قشنگ سرِجاش خواهد بود. ✅
برای مدیریت وضعیت، هم با Zustand کار میکنی هم با Redux؛ چون مهمه بدونی کِی کدوم ابزار بهصرفهتره. یاد میگیری استوری طراحی کنی که هم تمیز باشه و هم انعطافپذیر؛ نه اینکه بعد از چند فیچر به گل بشینه. با React Query هم مدیریت وضعیت سروری، کش هوشمند، رفرش خودکار دادهها، استراتژیهای بدبینانه و خوشبینانه، هندل کردن خطا و Loading رو حرفهای جلو میبری؛ جایی که اکثر پروژهها واقعاً به مشکل میخورن، تو با اطمینان راه میری. 🔁
و اما Tailwind CSS؛ برای ساخت UI ریسپانسیو، یکدست و سریع. از طراحی صفحهٔ محصول تا میکرواینترکشنهای ظریف، همهچیز با کلاسهای اتمیک تمیز و قابل نگهداری میشه. نتیجه؟ رابط کاربری که هم چشم رو میگیره، هم دست توسعهدهنده رو باز میذاره، هم از نظر عملکرد سبک و سریع میمونه. 🎨
پروژهٔ نهایی؟ یک سامانهٔ سفارش آنلاین بستنی الهامگرفته از Gelato House (مشابه order.gelatohouse.ir). از منوی پویا و فیلتر و جستوجو تا سبد خرید و ثبت و پیگیری سفارش؛ از احراز هویت و مدیریت نقشها تا هندل کردن خطا و لودینگ؛ از رندر مناسب سناریو برای سئو بهتر تا کش و همگامسازی داده با React Query؛ از مدیریت وضعیت با Zustand/Redux تا UI ریسپانسیو و تمیز با Tailwind. یعنی دقیــقاً همان چیزی که کارفرماها میخوان: محصولی واقعی با معماری قابل اتکا و کُدی که بشه روش ادامه داد. 🍨🚀
این دوره رایگانه و کاملاً پروژهمحور. نه الان، نه بعداً، هزینهای نداره؛ چون میخوایم تمرکزت فقط روی یادگیری و ساختن باشه. اگر HTML، CSS، JavaScript و مفاهیم پایهٔ React رو بلدی و میخوای یکبار برای همیشه مسیر «Junior مانده» به «Mid/Senior آمادهٔ تولید» رو طی کنی، این دقیقاً همون جاییه که باید باشی. از همون جلسهٔ اول، روی خروجیای کار میکنی که قابل ارائه است؛ یعنی هم برای رزومه و گیتهابت میدرخشه، هم برای مصاحبه دستت رو پُر میکنه. 🧠💼
پس اگه دنبال یک دورهٔ پیشرفتهٔ فرانتاند هستی که واقعاً تو رو برای کار واقعی آماده کنه، استانداردهای کدنویسی تمیز رو جا بندازه، عملکرد و سئو رو جدی بگیره و در نهایت یک نمونهکار حرفهای بهت بده؟ همین حالا شروع کن. چند هفتهٔ دیگه از خودت بابت این تصمیم تشکر میکنی. ✍️✨
آنچه خواهید آموخت
محتوای دوره
4 فصل • 54 قسمت • 935 دقیقه
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
loading
سوالات متداول
نظرات و پرسشها
نظرات (23)
09212610443
عالی و بینظیر
سیدعلی سیدموسوی
عالی بود. یکی از بهترین و خوش بیان ترین استاد هایی که در برنامه نویسی داشتم بودید ممنونم.
Amir Falsafi
سلام وقت بخیر , لینک فیگمای پروژه رو جایی به اشتراک گزاشتید ؟
کوروش عباسی
سلام اقا پوریا میگم برای دانلود nvm برای ویندوز باید چی کار کنم
پوریا باباعلی(استاد دوره)
سلام عزیزم توی دوره https://codehalic.ir/courses/rescue-mode آموزش دادم
mohammad mosayyebnezhad
nextjs چی شد؟؟ من خیلی گشتم ظاهرا حذف کردید درسته؟؟ دلیلش چیه من خیلی دوست داشتمش
پوریا باباعلی(استاد دوره)
قراره هست در دوره ای جدا تدریس بشه به طور کامل
مهران احدنژاد
اموزش جاوا اسکریپت نمیزارید؟؟؟؟
پوریا باباعلی(استاد دوره)
چرا به زودی در دوره ای جدید اضافه خواهد شد
Erfan Forouzi
سلام دوستان - چطوری به Prisma Engine دسترسی پیدا کنم ؟ جز package های npm نیست
پوریا باباعلی(استاد دوره)
از میرور های رانفلر استفاده کن این مورد برطرف کرده https://runflare.com/mirrors/
Erfan Forouzi
پوریا جان package Prisma نصب میشه اما npx prisma generate که اجرا میکنی یک سری فایل میخواد برای Prisma engine که اون دانلود نمیشه
حامد فرازی
مرسی استاد بابت دوره 💫
پوریا باباعلی(استاد دوره)
قربونت عزیزم خوشحالم که توجهتو جلب کرده این دوره !
مسعود فتاحی
این روزا که دسترسی به نت بین الملل قطع شده امکان ایجاد پروژه های React هم وجود نداره؟ هیچ راهی براش نیست؟
پوریا باباعلی(استاد دوره)
از میرور های چابکان و لیارا استفاده کنید
Poya Aghajani
پوریا جان سلام، واقعا ممنون از دوره خفنت. امیدوارم همیشه موفق باشی
پوریا باباعلی(استاد دوره)
خواهش میکنم عزیزم نظر لطفته :)
Arash Narimani
واقعا ازتون تشکر میکنیم که این محتوای های با کیفیت را به صورت رایگان شیر میکنین
پوریا باباعلی(استاد دوره)
منم از شما سپاس گزارم بابت اینکه این محتوا رو میبینی و نظر میدی :)
حسین ناصران
استاد آپدیت نمیدین؟؟
پوریا باباعلی(استاد دوره)
انشاله وقتی حال روحی هممون بهتر شد دوره رو ادامه میدم :)
حسن دهقانیان
چرا صدا ویدیو انقدر کمه؟
پوریا باباعلی(استاد دوره)
سلام دوست خوبم چند قسمت تو فصل های ابتدایی بدلیل اینکه من یکمی بد ادیتش کردم و بلد نبودم صداش یکمی کم تر از باقی قسمت هاس ولی در قسمت های جدیدتر همه این موارد برطرف شده نگران نباش ضمنا اون قسمت هارو هم با هندزفری گوش بدی یا صدارو زیاد کنی اونقدر نگران کننده نیست که نشه متوجه شد باز هم ببخشید بابت کیفیت بد صدا در چند قسمت ابتدایی :)
DeFuncT :]
سلام خسته نباشید ممنون بابت دوره رایگان و عالیتون خیلی چیزا دارم یاد میگیرم, من رو پروژه ای کار میکردم که داشبوردش خریداری شده بود و تو اون داشبورد دقیقا یک آیکون فکتوری مثل فکتوری باتنی که داشتین وجود داشت فقط اینکه با Lucid icons انجام شده بود. امکانش هست ویدیوئی برای این کار بزارین؟ خیلی واقعا کدو تمیز کرده بودش.
پوریا باباعلی(استاد دوره)
برای این دوره در نظر داریم که آیکن های کاستوم خود جلاتوهاوس رو استفاده کنیم ( کما اینکه خود پروژه هم همینکارو کرده در دنیای واقعی) استفاده کردن از پکیجی که نام بردین توی این پروژه باعث میشه که اون تیکه آموزشیش که اصلا اگه اینا وجود نداشته باشن باید چیکار کنیم از بین بره ! سعی میکنم اشاراتی به استفاده کردن از آیکن های آماده در طول دوره داشته باشم
hamed naghibi
سلام و خسته نباشید . دوره next رو کی قرار میدید استاد ؟
پوریا باباعلی(استاد دوره)
سلام بعد از اتمام پروژه React جلاتوهاوس پروژه رو با NextJs ری رایت خواهیم کرد !
DeFuncT :]
سلام خسته نباشین, میشه برای بخش بات ها بگین بجای استفاده از switch case یا روش آبجکتی که خودتون رفتین, چرا 3 تا کلس tailwind تعریف نکنیم؟ اینطوری سبک تر نیست؟
پوریا باباعلی(استاد دوره)
پاسخت رو در قسمت ۱۱ فصل ۴ اوایلش دادم :))
امیر علیمردانی
پوریا جان دمت خیلی گررم❤ ممنون بابت دوره خفنت بدرخشییی 💪🏼
پوریا باباعلی(استاد دوره)
ممنونم از نظر لطفت عزیزم ❤️
علیرضا کرمی
سلام کل دوره حدودا چند ماه طول میکشه تکمیل بشه؟
پوریا باباعلی(استاد دوره)
سلام قراره به زودی آپدیت جدیدی بهش اضافه بشه کل دوره بنظر یکی دو ماه دیگ تکمیل میشه
جواد ر
خداقوت دم شما گرم بابت تهیه این دوره ها
پوریا باباعلی
ممنونم از نظر لطفت ادامه دوره رو هم همراهمون باش !
صدف امینی نیا
بی نظیری پوریا جان🥑🥑🥑✌️
پوریا باباعلی
مرسی صدف جان ممنونم ازت 🥑
Titi Molaee
عرض سلام و خسته نباشید، هنوز بخش شروع پروژه عملی در دوره آغاز نشده، کِی سر بزنیم که ببینیمش؟
پوریا باباعلی(استاد دوره)
به زودی ویدیو ها گرفته شده و ادیت میشه و کامل میشه دوره ، نگران نباشید از طریق کانال کدهالیک در تلگرام از جزییات آپدیت ها میتونید خبر دار بشید ! @codehalics
حسین حیدری
خیلی دوره ی جذابیه واقعا مرسی ازت پوریا جان
پوریا باباعلی(استاد دوره)
خوبی از خودته حسین جان درس پس میدیم همکار عزیزم ❤️
hossein nahali
توضیحات به شکلی خیلی جذاب و کاربردی بیان شدن . منتظر قسمت های جدید هستم
پوریا باباعلی(استاد دوره)
ممنونم از لطفت حسین جان دوره به زودی آپدیت میشه هر هفته ❤️✌️
hossein nahali
کاش میشد سریع تر این اتفاق میوفتاد در کل مشتاق ادامشیم
رایگان
دوره جامع آموزش Git | سناریو محور
گیت ابزار ضروری برای هر برنامهنویسی است . در این دوره فشرده، تمام آنچه را که برای شروع کار با گیت و گیتهاب نیاز دارید، یاد خواهید گرفت.
دوره جامع فرانت اند | پیشرفته و پروژه محور
react رو با TypeScript، React Hook Form، React Query، Zustand و Tailwind تا لِوِل ارشد ببر همهچی کاملاً پروژهمحور!
دوره جامع NestJs | از مقدماتی تا پیشرفته
بکاند را حرفهای، ساختارمند و سریع کدنویسی کنید و اولین پروژه واقعی خود را (یک سیستم تاکسی رانی کامل) از صفر تا صد و به صورت رایگان بسازید!
دوره جامع فرانت اند | مقدماتی و پروژه محور
صفر تا صد HTML، CSS رو رایگان و پروژه محور یاد بگیر!