راهنمای کامل وب با React.js: از مبتدی تا استاد
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت یک وبسایت React از ابتدا
- درک مبانی Next JS
- استفاده از React Context و React Hooks
- ساخت هوکهای سفارشی خود
- درک مبانی و ادغام REST APIها در پروژه
- پیادهسازی احراز هویت کاربر در وبسایت
- فراخوانی و نمایش داده، فیلتر کردن بر اساس دستهبندیها
- ساخت کامپوننتهای خود و استفاده از بستههای متنباز
پیش نیازهای دوره
- دانش اولیه از JavaScript ،HTML و CSS مفید خواهد بود.
توضیحات دوره
آیا میخواهید به یک توسعهدهنده وب تبدیل شوید و به یکی از محبوبترین و پرتقاضاترین فریمورکهای آن مسلط شوید؟ آیا میخواهید همه چیزهایی که نیاز دارید درباره React.js بدانید را یاد بگیرید؟ این دوره برای شماست!
این دوره تمام مباحثی که برای ساخت وبسایتهای سازمانی با تمام ویژگیهای پرتقاضا نیاز دارید را پوشش میدهد.
آیا میخواهید درباره Next.js و مسیریابی یاد بگیرید؟ پوشش داده شده است. آیا میخواهید مهمترین React hooks را یاد بگیرید و هوکهای سفارشی خود را بسازید؟ حتماً! آیا میخواهید از REST APIها برای ارتباط با سرورها استفاده کنید؟ گنجانده شده است. آیا شامل احراز هویت کاربر میشود؟ البته!
ما با تسلط به اصول React، شامل JSX ،props ،state و استایلها شروع خواهیم کرد. و البته، از هوکها برای کامپوننتهای تابعی قابل استفاده مجدد استفاده خواهد شد. ما اصول اولیه git را یاد خواهیم گرفت و سورس کد برای هر بخش در git ارائه میشود تا بتوانید کد را در آنجا نیز دنبال کنید. این دوره شامل ساخت کامپوننتهای قابل استفاده مجدد بسیاری است که در وبسایت گنجانده شده در دوره استفاده خواهند شد، و همچنین میتوانید بعداً از آنها در پروژههای شخصی خود استفاده کنید.
React.js یک انتخاب عالی برای توسعه وبسایتها است، زیرا تقاضای بالایی در صنعت دارد و برای هر نوع تسکی راهکار ارائه میدهد. هر هفته 20 میلیون دانلود از فریمورک React انجام میشود!
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان مبتدی که مشتاق یادگیری توسعه وبسایت با React هستند.
راهنمای کامل وب با React.js: از مبتدی تا استاد
-
مقدمه 02:46
-
آنچه خواهیم ساخت 02:01
-
راهاندازی محیط 02:55
-
شروع یک پروژه 07:42
-
توضیح JSX 04:36
-
درک کامپوننتهای React 08:53
-
Props کامپوننت 07:17
-
استیت کامپوننت 07:02
-
توضیح useEffect 04:17
-
معرفی Git 11:46
-
مروری بر Figma 02:06
-
ساخت کامپوننت Header 17:29
-
قواعد نامگذاری فایلها در Next 06:38
-
معرفی SASS 07:06
-
ساخت کامپوننت Button 07:31
-
استفاده از Next Images 07:01
-
ایجاد ساختار واکنشگرا 04:21
-
ساخت Hook سفارشی 08:32
-
ساخت هدر واکنشگرا 15:23
-
افزودن بخش نکات برجسته 15:10
-
افزودن بخش نقشه 11:48
-
ساخت فوتر: بخش 1 15:46
-
ساخت فوتر: بخش 2 15:08
-
ساخت ساختار Modal 06:25
-
استفاده از React Context 09:55
-
استایل دادن به Modal 10:11
-
ساخت کامپوننت Input 08:16
-
فرم ورود 04:48
-
افزودن فوتر فرم ورود 03:43
-
فرم ایجاد حساب کاربری 01:58
-
ساخت کامپوننت Checkbox 10:35
-
دریافت مقادیر فرم 10:00
-
مسیریابی در Next.js 02:36
-
ساخت صفحه سوالات متداول 06:16
-
افزودن لینکها در هدر 05:03
-
افزودن لینکها در فوتر 04:23
-
ریدایرکت کردن مجدد پس از احراز هویت 06:34
-
پیادهسازی تگها 11:53
-
ساخت کامپوننت Card 10:06
-
مدیریت آیکونهای متفاوت کارت 06:49
-
مدیریت رویداد کلیک روی کارت 02:50
-
فیلتر کردن فهرستها 06:38
-
ساخت صفحه تنظیمات 13:44
-
برجسته کردن لینک هدر 02:43
-
توضیح REST APIs 03:20
-
توضیح متدهای HTTP 03:10
-
مروری بر Listicle API 07:14
-
ارسال درخواستهای Http 12:44
-
اعتبارسنجی فرم احراز هویت 08:43
-
مدیریت خطاها 09:07
-
ذخیره توکن احراز هویت 07:03
-
ساخت Hook سفارشی useUser 07:23
-
کامپوننت مرتبه بالاتر (HOC): مسیر محافظتشده 10:26
-
رفع مشکلات بررسی احراز هویت 02:17
-
ساخت صفحه جزئیات سرویس 19:25
-
افزودن صفحه فهرست جدید 03:24
-
ورودی بارگذاری تصویر 03:38
-
استایلهای سفارشی برای بارگذاری تصویر 13:42
-
استفاده مجدد از Input و Button 07:48
-
استفاده از Textarea 05:02
-
استفاده از بسته React Dropdown 11:06
-
دریافت سرویسها از Backend 10:57
-
علاقهمند کردن سرویسها 04:18
-
ساخت Hook سفارشی useServices 05:53
-
صفحه فهرستهای مورد علاقه 03:09
-
افزودن فهرست جدید 09:09
-
نمایش فهرستهای من 06:53
-
حذف یک فهرست 03:07
-
بهبودهای روند اضافه کردن فهرست 04:15
مشخصات آموزش
راهنمای کامل وب با React.js: از مبتدی تا استاد
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:همه سطوح
- تعداد درس:69
- مدت زمان :08:42:17
- حجم :4.74GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 03:02:02
- تعداد درس: 14
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 58:00
- تعداد درس: 12
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:25:13
- تعداد درس: 94
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 06:58:57
- تعداد درس: 60
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 02:27:39
- تعداد درس: 24
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 08:11:21
- تعداد درس: 28
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 04:52:43
- تعداد درس: 38
-
سطح دوره:
-
زبان: دوبله فارسی