تبدیل شدن به ابرقهرمان ReactJS و تایپاسکریپت + پروژه Zeus
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- درک مفاهیم اصلی ReactJS و تایپاسکریپت
- ساخت کامپوننتهای ریاکت، مدیریت state و مدیریت رویدادها
- اعمال تایپاسکریپت برای بهبود کیفیت کد، نگهداری و بهرهوری توسعهدهنده
- پیادهسازی اکشنها، reducers و ذخیره برای مدیریت state اپلیکیشن
- درک اصول مدیریت state با استفاده از جعبه ابزار ریداکس
- توسعه اپلیکیشن لیست to-do با یکپارچه سازی ریداکس
- راهاندازی پروژه فایربیس برای مدیریت داده بلادرنگ با Firestore
- پیادهسازی احرازهویت و مجوز برای دسترسی ایمن به چت
- ایجاد اپلیکیشن چت بلادرنگ با ویژگیهای پیامرسانی
- سفارشیسازی و استایلدهی به کامپوننتها و طرحبندیها با استفاده از کلاسهای Tailwind
- ایجاد رابطهای کاربری مدرن و واکنشگرا با استفاده از Tailwind CSS
- پیادهسازی شیوههای طراحی واکنشگرا برای تجربه کاربری یکپارچه
- استفاده از دانش ReactJS، ریداکس، تایپاسکریپت، TailwindCSS و فایربیس در ایجاد پروژه اپلیکیشن چت کامل
- یادگیری بهترین شیوهها در پیادهسازی ریاکت، تایپاسکریپت، ریداکس و فایربیس
- توانایی اشکالزدایی کد ReactJS با ویژگیهای مدیریت خطا
- گنجاندن ویژگیهای پیشرفته مانند پروفایلهای کاربری و نوتیفیکیشنها
- ایجاد «پروژه Zeus»، اپلیکیشن لیست todo و اپلیکیشن چت پیچیده و تابعی با رابط کاربری مدرن
- کار به صورت تیمی و کارآمد با استفاده از سیستمهای کنترل نسخه مانند گیت
- یاد میگیرید که چگونه اپلیکیشنهای ریاکت را روی پلتفرمهای میزبانی مانند میزبانی فایربیس مستقر کنید.
- کسب تجربه ارزشمند در فرآیند توسعه و استقرار
توضیحات دوره
با دورههای جامع ما، قدرت توسعه وب مدرن را کشف میکنید. شما برای ساخت پروژههای واقعی و کسب مهارتهای لازم برای موفقیت در دنیای پرسرعت توسعه وب، با ReactJS، تایپاسکریپت، ریداکس، فایربیس و Tailwind CSS آشنا میشوید.
نکات کلیدی:
- تسلط به فناوری های اساسی - یادگیری مفاهیم اصلی ReactJS و تایپاسکریپت و ساخت وب اپلیکیشنهای پویا با اعتمادبهنفس
- مدیریت State کارآمد - به جعبه ابزار ریداکس میپردازید و هنر مدیریت State را برای توسعه بینقص اپلیکیشن کشف میکنید.
- اپلیکیشنهای بلادرنگ - ایجاد اپلیکیشنهای تعاملی با فایربیس و Firestore، کامل با احرازهویت و مجوز ایمن
- طراحی رابط کاربری Sleek - ساخت رابطهای ویژوال خیرهکننده و واکنشگرا با Tailwind CSS، به طوری که اپلیکیشنهای شما در هر دستگاه عالی به نظر برسند.
- پروژه Zeus - مهارتهای خود را ترکیب میکنید تا یک اپلیکیشن چت پیچیده و یک اپلیکیشن لیست to-do تابعی ایجاد کنید و تواناییهای خود را به کارفرمایان آینده نشان دهید.
- اشکالزدایی و بهترین شیوهها - خود را با تکنیکهای مدیریت خطا و بهترین شیوههای صنعت برای کد با کیفیت بالا آماده میکنید.
- ویژگیهای پیشرفته - پیادهسازی پروفایلهای کاربری، نوتیفیکیشنها و موارد دیگر برای ارتقای اپلیکیشنهای خود به سطح بعدی
- توسعه مشارکتی - یادگیری کار موثر در تیمها با استفاده از گیت، مهارتی حیاتی در دنیای توسعه وب
- تسلط به استقرار - کسب تجربه عملی در استقرار اپلیکیشنهای ریاکت خود در پلتفرمهای میزبانی مانند میزبانی فایربیس
هماکنون در دوره شرکت کرده و سفری را آغاز کنید که شما را با مهارتها، تجربه و پروژههایی تجهیز میکند تا در میدان رقابتی توسعه وب، برجسته شوید. این فرصت را از دست ندهید تا یک ابرقهرمان در ReactJS و تایپاسکریپت شوید و دنیای توسعه وب مدرن را فتح کنید.
اهداف دوره
اصول ReactJS و تایپاسکریپت:
- درک مفاهیم اصلی ReactJS و تایپاسکریپت
- ساخت کامپوننتهای ریاکت، مدیریت state و مدیریت رویدادها
- اعمال تایپاسکریپت برای بهبود کیفیت کد، نگهداری و بهرهوری توسعهدهنده
مدیریت state با جعبه ابزار ریداکس:
- پیادهسازی اکشنها، reducers و استورها برای مدیریت state کارآمد
- توسعه اپلیکیشن لیست to-do با قابلیتهای غنی با یکپارچهسازی ریداکس
- درک اصول مدیریت state با استفاده از جعبه ابزار ریداکس
داده بلادرنگ با فایربیس و Firestore:
- راهاندازی پروژه فایربیس برای مدیریت داده بلادرنگ با Firestore
- پیادهسازی احرازهویت و مجوز برای دسترسی ایمن به چت
- ایجاد اپلیکیشن چت بلادرنگ با ویژگیهای پیامرسانی
استایلدهی با Tailwind CSS:
- سفارشیسازی و استایلدهی به کامپوننتها و طرحبندیها با کلاسهای Tailwind
- ایجاد رابطهای کاربری مدرن و واکنشگرا با استفاده از Tailwind CSS
- پیادهسازی شیوههای طراحی واکنشگرا برای تجربه کاربری یکپارچه
توسعه پروژه و بهترین شیوهها:
- اعمال دانش خود درباره ReactJS، ریداکس، تایپاسکریپت، TailwindCSS و فایربیس برای ساخت پروژه کامل اپلیکیشن چت
- یادگیری بهترین شیوهها برای پیادهسازی ریداکس و تایپاسکریپت، ریاکت و فایربیس
- توانایی اشکالزدایی کد ReactJS با ویژگیهای مدیریت خطا
ویژگیهای پیشرفته و پروژه Zeus:
- گنجاندن ویژگیهای پیشرفته مانند پروفایلهای کاربری و نوتیفیکیشنها
- ایجاد پروژه Zeus، یک اپلیکیشن لیست todo و اپلیکیشن چت پیچیده و تابعی با یک رابط کاربری مدرن
کار تیمی و استقرار:
- کار به صورت تیمی و کارآمد با استفاده از سیستمهای کنترل نسخه مانند گیت
- یاد میگیرید که چگونه اپلیکیشنهای ریاکت را روی پلتفرمهای میزبانی مانند میزبانی فایربیس مستقر کنید.
- کسب تجربه ارزشمند در فرآیند توسعه و استقرار
این دوره برای چه کسانی مناسب است؟
- توسعهدهنده HTML و CSS مبتدی که درباره ReactJS، تایپاسکریپت و فایربیس کنجکاو هستند.
- توسعهدهنده مبتدی ReactJS که میخواهد تایپاسکریپت را با ریاکت یاد بگیرد.
- توسعهدهنده مبتدی تایپاسکریپت که درباره استفاده از تایپاسکریپت با ریاکت کنجکاو میباشد.
- توسعهدهندگان باتجربه ReactTS که میتوانند از این دوره به عنوان یک رفرشر استفاده کنند.
تبدیل شدن به ابرقهرمان ReactJS و تایپاسکریپت + پروژه Zeus
-
مقدمه 07:21
-
نمایش پروژه 11:08
-
راهاندازی 06:26
-
Hello world 26:07
-
آغاز صفحه لاگین 23:20
-
کامپوننت قابل استفاده مجدد ورودی 14:30
-
کامپوننت قابل استفاده مجدد دکمه 15:23
-
پسزمینه 10:04
-
لاگین و هوک useState 13:52
-
رویدادها 11:48
-
مبانی مسیریابی 11:35
-
مسیریابی اپلیکیشن 11:55
-
هدر 11:05
-
راهاندازی فایربیس 14:16
-
راهاندازی محیط و گیتهاب 15:50
-
جریان داده 03:24
-
مقدمه و راهاندازی ریداکس 25:47
-
شروع ثبتنام 16:01
-
مدیریت خطا 12:56
-
اندیکاتور بارگذاری 14:45
-
افزودن کاربر به کالکشن 18:37
-
دریافت اطلاعات کاربر 14:23
-
تنظیم کاربر 17:31
-
فیکس کردن خطای غیرقابل دسترس 05:32
-
تبدیل زمان و ژنراتور آواتار 16:15
-
UpdateUserInfo و getStorageUser 22:55
-
آیکون قابل استفاده مجدد 18:30
-
آیکونهای هدر 12:57
-
کامپوننت UserHeadProfile 14:21
-
منوی کشویی کاربر 16:14
-
قابلیت خروج از سیستم 22:03
-
رندرینگ شرطی آیکونها 14:46
-
State کاربر دائمی و حفاظت از مسیر 24:05
-
ساختار تسک لیست تک 15:34
-
تسک لیست متعدد 14:06
-
اسلایس تسک لیست 10:13
-
افزودن تسک لیست 16:46
-
دریافت کل تسک لیست 15:09
-
نمایش تسک لیست با نقشه 07:27
-
Loader و انیمیشن لیست 18:24
-
تسک لیست در حالت ویرایش 11:31
-
ویرایش و ذخیره تسک لیست 17:35
-
حذف تسک لیست 21:43
-
افزودن تسک به تسک لیست 25:29
-
تسک در حالت ویرایش 08:13
-
Collapsing تسک 10:43
-
ویرایش و ذخیره تسک 26:17
-
دریافت تسکها برای هر تسک لیست 14:38
-
Loader و حذف تسک 12:20
-
Collapsing همه تسکها 18:02
-
فیکس کردن خطای خروج از سیستم 03:57
-
رابط کاربری پروفایل 11:34
-
تولید آواتار تصادفی 12:31
-
ذخیره کوئری پروفایل 24:06
-
ذخیره فراخوانی کوئری پروفایل 10:37
-
خروج 25:26
-
تست خروج و گیت 03:35
-
کامپوننت سایدبار چت 17:15
-
تب فعال سایدبار در سمت چپ 12:07
-
دریافت کوئری کاربران 18:35
-
اندیکاتور Loader کاربران 10:30
-
نمایش کاربران 18:39
-
فیکس کردن سایدبار در سمت چپ 13:31
-
رابط کاربری هشدار 11:23
-
State هشدار 15:53
-
شروع کوئری چت 26:02
-
دریافت کوئری چتها 15:18
-
دریافت اطلاعات پروفایل چتها 27:56
-
نمایش و انتخاب پروفایل کاربر چتها 20:11
-
سایدبار سمت راست 12:58
-
ورودی ناحیه چت 19:05
-
رابط کاربری پیام 13:30
-
ارسال کوئری پیام 19:27
-
دریافت کوئری پیامها 07:21
-
ارسال و دریافت پیام در رابط کاربری 23:13
-
نمایش پیام جدید 09:10
-
فیکس کردن خطاها و تست 17:56
-
میزبانی 13:53
مشخصات آموزش
تبدیل شدن به ابرقهرمان ReactJS و تایپاسکریپت + پروژه Zeus
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:78
- مدت زمان :19:55:39
- حجم :12.92GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy