دوره جامع فرانت اند | پیشرفته و پروژه محور

دوره آموزشی تخصصی

دوره جامع فرانت اند | پیشرفته و پروژه محور

۷۵۶ دانشجو
51 ویدیو
در حال برگزاری

مدت دوره

868 دقیقه

تعداد ویدیوها

51 ویدیو

دانشجویان

756 نفر

سطح

پیشرفته

تاریخ انتشار

25 مرداد 1404

آخرین بروزرسانی

28 آذر 1404

✨ آماده‌ای از «آشنا به فرانت » تبدیل بشی به «فرانت‌اند دولوپر حرفه‌ای »؟ از همین‌جا شروع کن. این دورهٔ جامع فرانت‌اندِ پیشرفته دقیقاً برای کسیه که پایه‌ها رو بلده و می‌خواد وارد بازی جدی‌ها بشه: معماری تمیز، الگوهای حرفه‌ای، بهینه‌سازی عملکرد و سئو، و مهم‌تر از همه—ساختن یک محصول واقعی که می‌تونی باهاش درِ هر شرکتی رو بزنی. هیچ حرف اضافه‌ای در کار نیست؛ از لحظهٔ اول دست‌به‌کد می‌شی و تا آخر مسیر با یک خروجی 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 آمادهٔ تولید» رو طی کنی، این دقیقاً همون جاییه که باید باشی. از همون جلسهٔ اول، روی خروجی‌ای کار می‌کنی که قابل ارائه است؛ یعنی هم برای رزومه و گیت‌هابت می‌درخشه، هم برای مصاحبه دستت رو پُر می‌کنه. 🧠💼

پس اگه دنبال یک دورهٔ پیشرفتهٔ فرانت‌اند هستی که واقعاً تو رو برای کار واقعی آماده کنه، استانداردهای کدنویسی تمیز رو جا بندازه، عملکرد و سئو رو جدی بگیره و در نهایت یک نمونه‌کار حرفه‌ای بهت بده؟ همین حالا شروع کن. چند هفتهٔ دیگه از خودت بابت این تصمیم تشکر می‌کنی. ✍️✨

آنچه خواهید آموخت

تسلط پیشرفته بر معماری کامپوننت در React
بهینه‌سازی رندر و مدیریت وضعیت محلی در ری‌اکت
Next.js برای رندر سمت سرور و سئوی بهتر
الگوهای Routing و داده‌گیری در Next.js
TypeScript عملی در مقیاس تولید
تایپ‌سیف کردن کامپوننت‌ها، پراپس‌ها و APIها
React Hook Form برای فرم‌های پیچیده و پایدار
اعتبارسنجی، مدیریت خطا و UX فرم‌ها
Zustand برای مدیریت وضعیت سراسری سبک
Redux Toolkit برای سناریوهای پیچیده‌ی استور
React Query برای کش، همگام‌سازی و موتیشن‌ها
به‌روزرسانی خوش‌بینانه/بدبینانه و هندلینگ خطا
استقرار Production-Ready و نکات انتشار
مدیریت احراز هویت و سشن در کلاینت/سرور
Tailwind CSS برای UI ریسپانسیو و یکدست
ساخت سبد خرید و فرآیند تسویه (Checkout)
اتصال به درگاه پرداخت و یادگیری فرآیند پرداخت در فرانت

محتوای دوره

4 فصل • 51 قسمت • 868 دقیقه

قسمت یکممعرفی دوره در این بخش دوره و پروژه ای که قراره بزنیم رو مرور میکنیم !
رایگان
۲ دقیقه
قسمت دومNodejs چیه و ساختارش به چه شکله و چرا بهش نیاز داریم؟باهم ساختار محیط توسعه Nodejs رو بررسی میکنیم !
رایگان
۱۹ دقیقه
قسمت سومنصب nodejs با nvm و بررسی دستورات nvmبا هم دیگه راجب nvm کلی چیز جدید یاد میگیریم !
رایگان
۲۰ دقیقه
قسمت چهارمبررسی ساختار یک پروژه Nodejs بیس و استراکچرباهم ساختار اپلیکیشن هایی که در بستر Nodejs اجرا میشن بررسی میکنیم !
رایگان
۲۵ دقیقه
قسمت پنجمبررسی روند مدرن شدن وب (‌ چی شد که اینطور شد !‌ )با هم میبینیم چی شد که نیاز شد وب مدرن تر از قبل بشه !
رایگان
۱۷ دقیقه
قسمت ششمبررسی ساختار پروژه های مبتنی بر Reactراجب Vite با هم دیگه صحبت میکنیم !
رایگان
۱۷ دقیقه
قسمت هفتمبررسی Vite و ساخت اولین پروژه React ایمون باهاش !با Vite میایم و یه پروژه React ای بالا میاریم !
رایگان
۲۸ دقیقه

قسمت یکمبررسی ساختار داخلی ReactJs و اینکه چطوری کار میکنه !؟با هم یاد میگیریم مزیت رقابتی React نسبت به وب قدیم چیه !
رایگان
۲۲ دقیقه
قسمت دومساخت و بررسی ساختار فولدر استراکچر یک پروژه CRA با هم ساختار Create React App رو بررسی میکنیم
رایگان
۲۵ دقیقه
قسمت سومساخت و بررسی فولدر استراکچر یک پروژه Vite و مقایسه با CRAبا هم راجب به Vite که یک FrontEnd Tools هست صحبت میکنیم !
رایگان
۱۵ دقیقه
قسمت چهارممفهوم Component در React به چه معناست؟کامپوننت ها در ری اکت یک مفهوم بسیار مهم و کلیدی هستند که باعث میشن ما بتونیم ویجت هایی رو بسازیم که مکرر بشه ازش استفاده کرد !
رایگان
۱۵ دقیقه
قسمت پنجممفهوم App.jsx و main.jsx و کامپوننت های اصلی در React با هم دیگه راجب مفهوم Source Of Truth بودن React و ارتباطات main.jsx و app.jsx مفصل صحبت میکنیم !
رایگان
۲۰ دقیقه
قسمت ششمبررسی FunctionalComponent و ClassComponent ها در React تفاوت کامپوننت‌های فانکشنال و کلاس رو تو React بررسی می‌کنیم. ویژگی‌هاشون رو می‌گیم و کمک می‌کنیم بهترین انتخاب رو برای پروژه‌هاتون داشته باشین
رایگان
۲۰ دقیقه
قسمت هفتمبررسی جامع JSX در React: نکات تکمیلی و تکنیک‌های پیشرفته برای توسعه‌دهندگانبررسی کامل JSX در React می‌پردازیم. از مباحث پایه تا نکات تکمیلی و تکنیک‌های پیشرفته برای نوشتن کدهای بهینه و کاربردی در React
رایگان
۲۰ دقیقه
قسمت هشتماستیت (State) در کامپوننت‌هاوضعیت داخلی کامپوننت‌ها که با تغییر آن، رابط کاربری به‌روزرسانی می‌شود و رفتار اپلیکیشن را کنترل می‌کند
رایگان
۲۰ دقیقه
قسمت نهمبررسی ساختار State و قوانین آن در React + مینی پروژه Counterآشنایی با نحوه تعریف و مدیریت State در کامپوننت‌های React، قوانین تغییر State و پیاده‌سازی عملی با یک شمارنده ساده (Counter)
رایگان
۲۰ دقیقه
قسمت دهمپراپس در ری‌اکت چیست؟ آموزش کامل Props در React با مثال و کاربردهاپراپس در ری‌اکت (React Props) یکی از مفاهیم کلیدی برای ارتباط بین کامپوننت‌هاست. در این آموزش به‌صورت ساده و با مثال یاد می‌گیریم پراپس چیست، چه کاربردی دارد و چطور از آن در پروژه‌های ری‌اکت استفاده کنیم.
رایگان
۲۶ دقیقه
قسمت یازدهمآموزش لیست‌ها و key در ری‌اکت | نحوه نمایش لیست‌ها در React با مثال عملیدر این آموزش یاد می‌گیریم چطور با استفاده از لیست‌ها (Lists) و key در ری‌اکت داده‌ها را در قالب المان‌های تکرار‌شونده نمایش دهیم. با مثال‌های عملی، تفاوت keyها و نحوه استفاده درست از آن‌ها را در React بررسی می‌کنیم.
رایگان
۲۵ دقیقه
قسمت دوازدهمکاندیشنال رندرینگ در ری‌اکت | آموزش شرطی‌سازی در React با مثال‌های کاربردیدر این آموزش یاد می‌گیریم کاندیشنال رندرینگ (Conditional Rendering) در ری‌اکت چیست و چطور با استفاده از شرط‌ها، JSX متفاوتی را در شرایط مختلف نمایش دهیم. با مثال‌های عملی، روش‌های مختلف شرطی‌سازی در React مثل if, &&, ?: و توابع را بررسی می‌کنیم.
رایگان
۱۳ دقیقه
قسمت سیزدهمآموزش هوک‌های پرکاربرد ری‌اکت | useEffect و useRef در React با مثال‌های عملیدر این آموزش با مهم‌ترین و پرکاربردترین هوک‌های ری‌اکت آشنا می‌شویم. یاد می‌گیریم هوک‌های useEffect و useRef چگونه کار می‌کنند، چه تفاوتی با هم دارند و چطور می‌توان با مثال‌های واقعی از آن‌ها در پروژه‌های React استفاده کرد. به‌همراه معرفی چند هوک کاربردی دیگر مانند useState و useContext.
رایگان
۱۴ دقیقه

قسمت یکمتایپ اسکریپت چیه و چرا بهش احتیاج داریم !؟یاد میگیریم که چرا به تایپ اسکریپت در محیط توسعه نیاز داریم و چرا به کمکمون میاد !
رایگان
۱۰ دقیقه
قسمت دومآموزش نصب و راه اندازی تایپ اسکریپت در یک پروژه یاد میگیریم که چطوری و چگونه از تایپ اسکریپت تو پروژمون استفاده کنیم !
رایگان
۱۶ دقیقه
قسمت سومآموزش Type Annotation در تایپ اسکریپت با هم دیگه یاد میگیریم که چطوری میتونیم تایپ انوتیشن رو در تایپ اسکریپت داشته باشیم !
رایگان
۱۰ دقیقه
قسمت چهارمآموزش تایپ any در typescriptیاد میگیریم که هر وقت از any استفاده کنیم کامپایلر ts دیگه خطاها رو در نظر نمیگیره و از کار میوفته !
رایگان
۴ دقیقه
قسمت پنجمآموزش tupels در Typescript با هم دیگه یاد میگیریم از تاپل ها در تایپ اسکریپت به بهترین نحو استفاده کنیم
رایگان
۸ دقیقه
قسمت ششمآموزش Enum در تایپ اسکریپتبا هم یاد میگیریم که به بهترین شکل از Enum ها در تایپ اسکریپت استفاده کنیم !
رایگان
۱۰ دقیقه
قسمت هفتممقدمه‌ای جذاب بر توابع در TypeScript | درک پایه‌ای از Functionهادر این ویدیو یاد می‌گیریم توابع (Functions) در TypeScript چطور کار می‌کنن، چرا ازشون استفاده می‌کنیم و چه تفاوتی با جاوااسکریپت دارن. از تعریف ساده تا نحوه‌ی برگردوندن مقدار — پایه‌ای‌ترین مفاهیم برای درک عمیق‌تر TypeScript در پروژه‌های واقعی!
رایگان
۶ دقیقه
قسمت هشتمتسلط بر پارامترها و محدوده‌ها در توابع | TypeScript پیشرفتهدر این قسمت با مفهوم پارامترها (parameters) و محدوده‌ها (locales/scopes) در توابع TypeScript آشنا می‌شیم. یاد می‌گیریم چطور ورودی‌ها رو کنترل کنیم، مقدار پیش‌فرض بدیم، و تفاوت بین متغیرهای محلی و سراسری رو بفهمیم. مثالی واقعی برای حرفه‌ای شدن در کدنویسی تمیز!
رایگان
۶ دقیقه
قسمت نهمکار با اشیا در TypeScript | ساختاردهی حرفه‌ای داده‌هاتو این ویدیو یاد می‌گیریم چطور با اشیا (Objects) در TypeScript کار کنیم، نوع‌دهی (Typing) براشون انجام بدیم و از خطاهای زمان اجرا جلوگیری کنیم. مثالی عملی از دنیای واقعی برای درک بهتر مفهوم Type Safety در اشیاء.
رایگان
۶ دقیقه
قسمت دهمآشنایی با Type Alias در TypeScript | ساخت نوع‌های دلخواه خودت!در این جلسه، با مفهوم Type Alias آشنا می‌شیم — روشی برای تعریف نوع‌های جدید و خواناتر کردن کد. یاد می‌گیریم چطور از نوع‌های سفارشی استفاده کنیم تا پروژه‌هامون مقیاس‌پذیرتر و قابل نگهداری‌تر بشن.
رایگان
۵ دقیقه
قسمت یازدهمقدرت Interface در TypeScript | قراردادهایی برای کد تمیز و قابل توسعهدر این ویدیو، مفهوم Interface رو به‌صورت کامل یاد می‌گیریم. می‌فهمیم چطور می‌تونیم ساختار داده‌ها رو تعریف کنیم و کدهایی بنویسیم که خواناتر، منظم‌تر و قابل اعتمادتر باشن. اینجا جاییه که TypeScript واقعاً می‌درخشه!
رایگان
۶ دقیقه
قسمت دوازدهمUnion Types در TypeScript | انعطاف و ایمنی هم‌زمان!Union Types به ما اجازه می‌دن متغیرها چند نوع مختلف داشته باشن. در این قسمت یاد می‌گیریم چطور از Union برای نوشتن کدی منعطف و در عین حال ایمن استفاده کنیم — با مثال‌های کاربردی و قابل فهم.
رایگان
۷ دقیقه
قسمت سیزدهمLiteral Types در TypeScript | محدود کردن مقادیر برای کد بی‌نقصدر این ویدیو با Literal Types آشنا می‌شیم — روشی برای کنترل دقیق مقادیر مجاز در برنامه. یاد می‌گیریم چطور جلوی خطاهای ناخواسته رو بگیریم و نوع‌گذاری‌هامون رو دقیق‌تر و هوشمندانه‌تر کنیم.
رایگان
۷ دقیقه

قسمت یکمپیش‌نیازهای آغاز پروژه جلاتو هاوس و معرفی ساختار یک تیم استارتاپی حرفه‌ایمروری جامع بر الزامات شروع پروژه جلاتو هاوس و نقش‌های ضروری یک تیم استارتاپی حرفه‌ای که پایه‌گذار رشد و توسعه پایدار پروژه است.
رایگان
۱۲ دقیقه
قسمت دومفیگما و دیزاین‌سیستم پروژه جلاتو هاوسمروری کوتاه بر نقش فیگما و ساختار دیزاین‌سیستم اختصاصی پروژه جلاتو هاوس برای ایجاد یک تجربه کاربری منسجم و حرفه‌ای.
رایگان
۱۶ دقیقه
قسمت سومتقدیر از دلینو، جلاتوهاوس و آقای وثوقی در پروژه آموزشی جلاتو هاوسپروژه جلاتو هاوس یک مسیر آموزشی است و با قدردانی از دلینو، جلاتوهاوس و آقای وثوقی به‌دلیل نقش مؤثرشان در ارتقا و حمایت از این فرآیند همراهی شده است.
رایگان
۴ دقیقه
قسمت چهارمشروع ساخت پروژه با Vite و انتشار ریپوزیتوری روی گیت‌هابمراحل آغاز ساخت پروژه با Vite و نحوه ایجاد و پوش‌کردن ریپوزیتوری در گیت‌هاب را به‌صورت ساده و کاربردی مرور می‌کنیم.
رایگان
۲۵ دقیقه
قسمت پنجمنصب و کانفیگ Tailwind همراه با PostCSS و نحوه استفاده آن در پروژه ری اکتیدر این بخش مراحل نصب و تنظیم Tailwind و PostCSS را توضیح می‌دهیم و نحوه استفاده آن‌ها برای ساخت استایل‌های سریع، منسجم و قابل‌گسترش در پروژه را بررسی می‌کنیم.
رایگان
۱۸ دقیقه
قسمت ششماضافه کردن CI/CD به پروژه و دپلوی روی Vercelمراحل افزودن CI/CD به پروژه و راه‌اندازی اتوماتیک دپلوی روی Vercel را به‌صورت کاربردی و مرحله‌به‌مرحله توضیح می‌دهیم.
رایگان
۵ دقیقه
قسمت هفتمطراحی ساختار Layout در اپلیکیشن جلاتوهاوسدر این تاپیک به بررسی اصول طراحی و پیاده‌سازی ساختار Layout در اپلیکیشن جلاتوهاوس می‌پردازیم؛ شامل نحوه سازمان‌دهی بخش‌های اصلی، الگوی چیدمان صفحات، استانداردهای رابط کاربری و رویکردهای بهینه برای ایجاد تجربه کاربری یکپارچه و منسجم.
رایگان
۲۰ دقیقه
قسمت هشتمطراحی ساختار دکمه‌های جلاتوهاوس و استفاده از دیزاین پترن Factory در ساخت کامپوننت – قسمت اولدر این تاپیک به بررسی نحوه طراحی و استانداردسازی دکمه‌های اپلیکیشن جلاتوهاوس می‌پردازیم. همچنین نحوه استفاده از دیزاین پترن Factory برای تولید کامپوننت‌های دکمه به‌صورت منعطف، مقیاس‌پذیر و قابل نگهداری شرح داده می‌شود. این قسمت به مبانی، ساختار اولیه و الگوی طراحی مورد استفاده می‌پردازد.
رایگان
۲۱ دقیقه
قسمت نهمطراحی ساختار دکمه‌های جلاتوهاوس و پیاده‌سازی با دیزاین پترن Factory – قسمت دوم (کدنویسی)در این قسمت به پیاده‌سازی عملی ساختار دکمه‌های جلاتوهاوس می‌پردازیم. پس از تعریف معماری و الگوی Factory در قسمت اول، این بخش شامل نوشتن کد، ایجاد Factory‌ برای انواع دکمه‌ها، مدیریت استایل‌ها و ساخت یک کامپوننت ماژولار و قابل توسعه است.
رایگان
۱۴ دقیقه
قسمت دهمتکمیل پیاده‌سازی دکمه‌های جلاتوهاوس و بهینه‌سازی ساختار Factory – قسمت سومدر این قسمت سوم، روند توسعه دکمه‌های جلاتوهاوس با تمرکز بر تکمیل جزئیات، بهینه‌سازی کد، افزودن قابلیت‌های جدید و ایجاد ساختاری انعطاف‌پذیر ادامه می‌یابد. همچنین نحوه گسترش Factory برای پشتیبانی از انواع حالت‌ها، رفتارها و استایل‌های پیشرفته بررسی می‌شود.
رایگان
۱۸ دقیقه
قسمت یازدهمافزودن ویژگی‌های رنگ و سایز به دکمه‌ها با استفاده از clx برای مدیریت کلاس‌هادر این آموزش یاد می‌گیرید چگونه با استفاده از کتابخانه clx یا clsx، قابلیت تعیین رنگ و سایز را به کامپوننت دکمه اضافه کنید. این روش به شما کمک می‌کند کلاس‌ها را به صورت داینامیک و قابل مدیریت ترکیب کرده و یک کامپوننت Button انعطاف‌پذیر و قابل توسعه بسازید.
رایگان
۲۶ دقیقه
قسمت دوازدهمریفکتور کامپوننت Button با افزودن رنگ‌های سفارشی و رعایت اصول Component Compositionدر این راهنما کامپوننت Button را طوری ریفکتور می‌کنیم که از اصول Component Composition پیروی کرده و امکان استفاده از رنگ‌های سفارشی سایت را داشته باشد. با بهره‌گیری از clsx برای مدیریت داینامیک کلاس‌ها و جداسازی منطقی وظایف، یک دکمهٔ کاملاً مقیاس‌پذیر، قابل توسعه و هماهنگ با هویت بصری پروژه ایجاد می‌کنیم.
رایگان
۲۶ دقیقه
قسمت سیزدهمایجاد کامپوننت هدر و لوگو برای شروع طراحی لایوت پروژه جلاتو هاوسدر این بخش از توسعه پروژه جلاتو هاوس، کامپوننت‌های Header و Logo را اضافه می‌کنیم تا ساختار اصلی لایوت سایت شکل بگیرد. با استفاده از رویکرد Component Composition، هدر به گونه‌ای طراحی می‌شود که قابلیت توسعه‌پذیری بالا داشته باشد و لوگوی برند نیز به صورت مستقل و قابل استفاده در بخش‌های مختلف پروژه پیاده‌سازی خواهد شد.
رایگان
۲۹ دقیقه
قسمت چهاردهمساخت بنر سفارش می‌پذیریم در پروژه جلاتو هاوسدر این قسمت بنر سفارش میپذیریم رو با همه نکات و چالش هاش تبدیل به کامپوننت میکنیم و ازش در پروژه استفاده میکنیم
رایگان
۳۰ دقیقه
قسمت پانزدهمساخت اسلایدر و کروسل به وسیله پکیج swiper در پروژه ری اکتیپیاده‌سازی اسلایدر و کروسل با استفاده از پکیج Swiper در یک پروژه ری‌اکتی.
رایگان
۲۶ دقیقه
قسمت شانزدهماضافه کردن آیکن های کاستوم به پروژه ری اکتی به وسیله SVGR از صفر تا صدپیاده‌سازی و استفاده از آیکن‌های کاستوم در پروژه ری‌اکتی با ابزار SVGR از ابتدا تا انتها.
رایگان
۲۶ دقیقه
قسمت هفدهماضافه کردن سکشن Information و دیزاین کردن Modal شعبات و محدوده دسترسی پیکاضافه کردن سکشن Information و طراحی مودال مربوط به شعبات و محدوده دسترسی پیک در پروژه.
رایگان
۳۱ دقیقه
قسمت هجدهمتکمیل سکشن Information و دیزاین نهاییتکمیل سکشن Information و نهایی‌سازی دیزاین رابط کاربری این سکشن در پروژه.
رایگان
۳۷ دقیقه

سوالات متداول

نظرات و پرسش‌ها

نظرات (12)

حسی

حسین ناصران

استاد آپدیت نمیدین؟؟

پوریا باباعلی

پوریا باباعلی(استاد دوره)

انشاله وقتی حال روحی هممون بهتر شد دوره رو ادامه میدم :)

حسن

حسن دهقانیان

چرا صدا ویدیو انقدر کمه؟

پوریا باباعلی

پوریا باباعلی(استاد دوره)

سلام دوست خوبم چند قسمت تو فصل های ابتدایی بدلیل اینکه من یکمی بد ادیتش کردم و بلد نبودم صداش یکمی کم تر از باقی قسمت هاس ولی در قسمت های جدیدتر همه این موارد برطرف شده نگران نباش ضمنا اون قسمت هارو هم با هندزفری گوش بدی یا صدارو زیاد کنی اونقدر نگران کننده نیست که نشه متوجه شد باز هم ببخشید بابت کیفیت بد صدا در چند قسمت ابتدایی :)

DeFuncT :]

DeFuncT :]

سلام خسته نباشید ممنون بابت دوره رایگان و عالیتون خیلی چیزا دارم یاد میگیرم, من رو پروژه ای کار میکردم که داشبوردش خریداری شده بود و تو اون داشبورد دقیقا یک آیکون فکتوری مثل فکتوری باتنی که داشتین وجود داشت فقط اینکه با Lucid icons انجام شده بود. امکانش هست ویدیوئی برای این کار بزارین؟ خیلی واقعا کدو تمیز کرده بودش.

پوریا باباعلی

پوریا باباعلی(استاد دوره)

برای این دوره در نظر داریم که آیکن های کاستوم خود جلاتوهاوس رو استفاده کنیم ( کما اینکه خود پروژه هم همینکارو کرده در دنیای واقعی) استفاده کردن از پکیجی که نام بردین توی این پروژه باعث میشه که اون تیکه آموزشیش که اصلا اگه اینا وجود نداشته باشن باید چیکار کنیم از بین بره ! سعی میکنم اشاراتی به استفاده کردن از آیکن های آماده در طول دوره داشته باشم

hamed naghibi

hamed naghibi

سلام و خسته نباشید . دوره next رو کی قرار میدید استاد ؟

پوریا باباعلی

پوریا باباعلی(استاد دوره)

سلام بعد از اتمام پروژه React جلاتوهاوس پروژه رو با NextJs ری رایت خواهیم کرد !

DeFuncT :]

DeFuncT :]

سلام خسته نباشین, میشه برای بخش بات ها بگین بجای استفاده از switch case یا روش آبجکتی که خودتون رفتین, چرا 3 تا کلس tailwind تعریف نکنیم؟ اینطوری سبک تر نیست؟

پوریا باباعلی

پوریا باباعلی(استاد دوره)

پاسخت رو در قسمت ۱۱ فصل ۴ اوایلش دادم :))

امی

امیر علیمردانی

پوریا جان دمت خیلی گررم❤ ممنون بابت دوره خفنت بدرخشییی 💪🏼

پوریا باباعلی

پوریا باباعلی(استاد دوره)

ممنونم از نظر لطفت عزیزم ❤️

علی

علیرضا کرمی

سلام کل دوره حدودا چند‌ ماه طول میکشه تکمیل بشه؟

پوریا باباعلی

پوریا باباعلی(استاد دوره)

سلام قراره به زودی آپدیت جدیدی بهش اضافه بشه کل دوره بنظر یکی دو ماه دیگ تکمیل میشه

جوا

جواد ر

خداقوت دم شما گرم بابت تهیه این دوره ها

پور

پوریا باباعلی

ممنونم از نظر لطفت ادامه دوره رو هم همراهمون باش !

صدف  امینی نیا

صدف امینی نیا

بی نظیری پوریا جان🥑🥑🥑✌️

پور

پوریا باباعلی

مرسی صدف جان ممنونم ازت 🥑

Titi Molaee

Titi Molaee

عرض سلام و خسته نباشید، هنوز بخش شروع پروژه عملی در دوره آغاز نشده، کِی سر بزنیم که ببینیمش؟

پوریا باباعلی

پوریا باباعلی(استاد دوره)

به زودی ویدیو ها گرفته شده و ادیت میشه و کامل میشه دوره ، نگران نباشید از طریق کانال کدهالیک در تلگرام از جزییات آپدیت ها میتونید خبر دار بشید ! @codehalics

حسی

حسین حیدری

خیلی‌ دوره ی جذابیه واقعا مرسی ازت پوریا جان

پوریا باباعلی

پوریا باباعلی(استاد دوره)

خوبی از خودته حسین جان درس پس میدیم همکار عزیزم ❤️

hossein nahali

hossein nahali

توضیحات به شکلی خیلی جذاب و کاربردی بیان شدن . منتظر قسمت های جدید هستم

پوریا باباعلی

پوریا باباعلی(استاد دوره)

ممنونم از لطفت حسین جان دوره به زودی آپدیت میشه هر هفته ❤️✌️

hossein nahali

hossein nahali

کاش میشد سریع تر این اتفاق میوفتاد در کل مشتاق ادامشیم

رایگان

برای همیشه

دوره‌های مرتبط

کدهالیک

کدهالیک پلتفرمی برای یادگیری زبان‌های برنامه‌نویسی است. ما با ارائه دوره‌های کاربردی و پروژه‌محور، شما را در مسیر تبدیل شدن به یک برنامه‌نویس حرفه‌ای همراهی می‌کنیم. از مبتدی تا پیشرفته، با کدهالیک آینده‌ی شغلی خود را بسازید.

لینک‌های سریع

ارتباط با ما

mail@codehalic.ir

چیتگر جوزانی غربی خیابان مظفر خیابان زنبق پلاک صفر برج همت یاس

02146021206 - 09100455680

© 1405 کدهالیک™ - تمامی حقوق محفوظ است