دوره آموزشی
دوبله زبان فارسی
بوتکمپ کامل React و Next JS سال 2021
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت اپلیکیشنهای فرانتاند تکصفحهای (SPA)
- یادگیری نقش حیاتی کامپوننتها در React
- انواع مختلف کامپوننتها و اهمیت آنها
- هوکهای React، شامل useState و useEffect
- درک تفاوت بین رندر سمت کلاینت (CSR) و رندر سمت سرور (SSR)
- ایجاد API با Next JS بدون نیاز به دانش Node JS
- ساخت پروژههای عملی برای درک دقیق مفاهیم
پیش نیازهای دوره
- مبانی جاوا اسکریپت
توضیحات دوره
ریاکت (React) یک کتابخانه جاوا اسکریپت فرانتاند رایگان و متنباز برای ساخت رابطهای کاربری یا کامپوننتهای UI است. این کتابخانه توسط فیسبوک و جامعهای از توسعهدهندگان مستقل و شرکتها نگهداری میشود. React میتواند به عنوان پایهای در توسعه اپلیکیشنهای تکصفحهای یا موبایل استفاده شود.
نکست جیاس (Next.js) یک فریمورک توسعه متنباز است که بر پایه Node.js ساخته شده و قابلیتهای وب اپلیکیشنهای مبتنی بر React مانند رندر سمت سرور (SSR) و تولید وبسایتهای استاتیک را فعال میکند.
مباحثی که در این دوره پوشش داده میشوند:
- مقدمهای بر React
- چگونگی ایجاد یک اپلیکیشن جدید React
- کامپوننتها و انواع مختلف آنها
- ساختار و چرخه عمر کامپوننتها
- چگونگی مدیریت رویدادها در React
- اعمال استایل به کامپوننتهای React JS
- هوکهای React
- فرمها و ارسال فرم
- مسیریابی در React
- کنترل یک کامپوننت از کامپوننت دیگر با کمک Context-API
- اتصال اپلیکیشنهای React به Back-End و ساخت اپلیکیشنهای فولاستک کامل
- مقایسه React و Next
- ایجاد اپلیکیشنهای تکصفحهای
- رندر سمت کلاینت
- رندر سمت سرور
- ایجاد طرحبندیها
- ایجاد REST API بدون Node و Express
- مسیریابی در Next JS
- اتصال پایگاههای داده (Mongo DB) به NEXT JS
- انجام درخواستهای API با Postman به APIهای Next
- ماژولهای CSS در Next JS
- 3 پروژه زنده و عملی
- استقرار اپلیکیشن Next در Vercel
- در پایان این دوره، شما خواهید دانست که چگونه یک وب اپلیکیشن فولاستک با NEXT JS ایجاد کنید.
ریاکت به شما اجازه میدهد چیزها را آنطور که میخواهید بسازید و توسط یک جامعه قوی پشتیبانی میشود. Next.js زندگی شما را با چندین ابزار و قرارداد که به صورت آماده در دسترس هستند آسانتر میکند و همچنین توسط یک جامعه متنباز بسیار فعال پشتیبانی میشود. از نظر ابزارها، هم React و هم Next از امکانات خوبی برخوردارند.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان جاوا اسکریپت
- توسعهدهندگان فولاستک
- توسعهدهندگان فرانتاند
بوتکمپ کامل React و Next JS سال 2021
-
ویدیو معرفی 08:24
-
React چیست؟ 05:50
-
JSX 04:30
-
کامپوننتها در React 09:05
-
React - HelloWorld 05:25
-
ساختار پروژه 10:05
-
دیباگ کردن اپلیکیشن React 05:06
-
مقدمهای بر کامپوننتها 04:32
-
کامپوننتهای کلاسی 08:40
-
کامپوننتهای تابعی 03:57
-
کامپوننتهای والد و فرزند 09:34
-
State چیست؟ 08:33
-
متد setState در کامپوننتهای کلاسی 08:06
-
Props در کامپوننتهای کلاسی 12:38
-
Props در کامپوننتهای تابعی 07:32
-
مدیریت رویداد در CSS 08:39
-
مدیریت رویداد در کامپوننتهای تابعی 08:40
-
CSS درونخطی 06:36
-
CSS محلی 11:11
-
دستکاری CSS با React 12:32
-
اپلیکیشن شمارنده 13:40
-
چرخه عمر کامپوننتهای کلاسی 11:11
-
هوک چیست؟ 07:10
-
هوک useState 10:49
-
هوک useEffect 04:29
-
دستکاری CSS با React 08:49
-
مقدمهای بر فرمها 14:20
-
ارسال فرم 10:35
-
احراز هویت بخش 1 09:18
-
احراز هویت بخش 2 08:46
-
احراز هویت بخش 3 12:13
-
مسیریابی بخش 1 14:54
-
مسیریابی بخش 2 15:11
-
مقدمهای بر Mapها 03:19
-
Mapها بخش 2 07:37
-
Mapها بخش 3 06:56
-
رندر شرطی 09:13
-
Local Storage با رشتهها 09:54
-
Local Storage با آرایهها و آبجکت ها 15:16
-
پروژه فیسبوک بخش 1 13:35
-
پروژه فیسبوک بخش 2 10:54
-
پروژه فیسبوک بخش 3 16:08
-
پروژه فیسبوک بخش 4 13:45
-
متد Fetch 04:50
-
متد Axios 05:59
-
بازگرداندن HTML با متدهای HTTP 04:41
-
اپلیکیشن غذا بخش 1 13:16
-
اپلیکیشن غذا - بخش 2 16:38
-
Next چیست؟ 06:03
-
مقایسه React و Next 15:45
-
سلام دنیا در Next JS 09:26
-
ساختار پروژه Next 09:21
-
دیباگ کردن اپلیکیشن Next 10:07
-
مسیریابی در Next JS 08:24
-
لینک Next 04:35
-
روتر Next با پارامترها 14:19
-
روتر Next با پارامترهای داینامیک 06:30
-
متد Push در روتر Next 08:59
-
طرحبندیها بخش 1 11:28
-
طرحبندیها بخش 2 09:01
-
کامپوننت Head در Next 05:11
-
CSS سراسری 06:54
-
ماژولهای CSS 11:13
-
مقدمه SSR 11:05
-
Get Static Props 11:09
-
Get Server Side Props 14:22
-
پروژه نمونه Next بخش 1 14:58
-
پروژه نمونه Next بخش 2 09:33
-
پروژه نمونه Next بخش 3 12:30
-
مقدمه API در Next 06:15
-
متد Get در API Next 07:48
-
متد Post در API Next 09:54
-
Next Connect 07:29
-
ارسال درخواست API از صفحات - بخش 1 16:10
-
ارسال درخواست API از صفحات - بخش 2 09:56
-
اتصال Next به Mongo 14:41
-
عملیات CRUD در Next و Mongo - بخش 1 12:19
-
عملیات CRUD در Next و Mongo - بخش 2 05:59
-
عملیات CRUD در Next و Mongo - بخش 3 14:35
-
دمو 04:53
-
ایجاد طرحبندی 11:25
-
طراحی صفحه افزودن پست 12:20
-
افزودن هوکها به صفحه افزودن پست 04:45
-
اتصال به Mongo DB 08:08
-
افزودن پست جدید - API - بخش 1 14:21
-
افزودن پست جدید - API - بخش 2 07:46
-
دریافت تمام پستها 07:40
-
طراحی کامپوننت آیتم پست 07:16
-
بروزرسانی پستها بخش 1 12:46
-
بروزرسانی پستها بخش 2 06:28
-
حذف پستها 06:34
مشخصات آموزش
بوتکمپ کامل React و Next JS سال 2021
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:مقدماتی
- تعداد درس:91
- مدت زمان :14:33:22
- حجم :6.8GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
The Great Courses
7,256,500
1,451,300 تومان
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
2,260,000
452,000 تومان
- زمان: 03:02:02
- تعداد درس: 14
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
795,000
159,000 تومان
- زمان: 58:00
- تعداد درس: 12
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
8,508,000
1,701,600 تومان
- زمان: 11:25:13
- تعداد درس: 94
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
5,201,500
1,040,300 تومان
- زمان: 06:58:57
- تعداد درس: 60
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
1,833,000
366,600 تومان
- زمان: 02:27:39
- تعداد درس: 24
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
6,100,500
1,220,100 تومان
- زمان: 08:11:21
- تعداد درس: 28
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
3,634,500
726,900 تومان
- زمان: 04:52:43
- تعداد درس: 38
-
سطح دوره:
-
زبان: دوبله فارسی