×
ribbon
مکتب خونه برنامه‌نویسیزبان‌های برنامه‌نویسیReact

React و Next.js - راهنمای جامع

مدرس:Udemy

Academind by Maximilian Schwarzmullerآکادمی پرو پرمیوم

Next.js را از پایه یاد بگیرید و برنامه‌های فول‌استک ReactJS + NextJS را با استفاده از App Router یا Pages Router بسازید!

جدید
زیرنویس
42دانشجو
40ساعت
سرفصل‌ها
متوسط سطح دوره
بروزرسانیآبان ۱۴۰۵
محتوای دوره
سرفصل‌ها
پیش‌نیاز‌ها
توضیحات دوره
دیدگاه کاربران
درباره مدرس

آنچه در این دوره می‌آموزید

• یادگیری ساخت برنامه‌های فول‌استک ری‌اکت با نکست‌جی‌اس 15 (Next.js 15) و معماری App Router

• ساخت پروژه‌های واقعی و به‌کارگیری آموخته‌ها از طریق مثال‌ها و تمرین‌های عملی

• آشنایی با روش‌های مختلف ساخت اپلیکیشن در نکست‌جی‌اس — مقایسه App Router در برابر Pages Router

• شروع کار با کامپوننت‌های سرور ری‌اکت (RSC)، کامپوننت‌های کلاینت، روش‌های دریافت داده (Data Fetching) و موارد دیگر

این دوره شامل:

40 ساعت ویدئو

169 جلسه متنی

169 فایل ضمیمه قابل دانلود

گواهینامه مکتب‌خونه

دسترسی مادام‌العمر به محتوای دوره

زیرنویس اختصاصی مکتب‌خونه

سرفصل‌های دوره

23 فصل417 جلسه40 ساعت ویدیو
01 - شروع به کار
  001 به دوره خوش آمدید!
01:20
  002 نکست جی اس چیست و چرا باید از آن استفاده کنید
02:20
  003 ویژگی‌ها و مزایای کلیدی نکست جی اس
02:40
  004 ایجاد اولین اپلیکیشن نکست جی اس
04:25
  004 کد پروژه اولیه در کدباکس
00:03
  004 پروژه اولیه روی سیستم لوکال
00:03
  005 مقایسه نکست جی اس با ری اکت خالص - تحلیل ساختار پروژه نکست جی اس
02:30
  006 ویرایش کردن اولین اپلیکیشن
02:21
  007 روتر صفحات در برابر روتر اپلیکیشن - یک فریم‌ورک با دو رویکرد
02:29
  008 فایل‌های ضمیمه دوره - مبانی نکست جی اس
00:04
  008 فایل‌های ضمیمه دوره - ادامه دوره
00:03
  008 جامعه کاربری دوره
00:03
  008 چگونه بیشترین بهره را از این دوره ببریم
03:05
  009 جامعه یادگیری و منابع دوره
00:03
  لینک‌های خارجی
00:02
بخش 02 - مرور اختیاری ری اکت
  0٠1 استفاده از کدهای اسنپ شات
00:03
  0٠2 introduction ماژول
01:08
  0٠3 ری اکت چیست و چرا باید از آن استفاده کنید
05:37
  0٠4 پروژه های ری اکت - پیش نیازها
02:09
  0٠5 ایجاد پروژه های ری اکت
03:27
  0٠5 کد پروژه شروع در کدباکس
00:03
  0٠5 کد پروژه شروع محلی
00:03
  0٠6 پروژه شروع ما
03:28
  0٠7 درک نحوه کارکرد ری اکت
07:46
  0٠8 ساخت اولین کامپوننت سفارشی
11:15
  0٠9 نمایش مقادیر دینامیک
05:03
  01٠ استفاده مجدد از کامپوننت ها
06:00
  011 ارسال داده به کامپوننت ها با استفاده از Props
06:15
  012 استایل دهی CSS و ماژول های CSS
10:07
  012 فایل Post.module.css
00:03
  013 تمرین و یک کامپوننت دیگر
06:31
  013 فایل PostsList.module.css
00:03
  014 فایل NewPost.jsx
00:03
  014 فایل NewPost.module.css
00:03
  014 آماده سازی اپلیکیشن برای مدیریت State
03:46
  015 اضافه کردن Event Listener ها
07:52
  016 کار با State
10:00
  017 انتقال State به بالا (Lifting State Up)
09:08
  018 فایل Modal.module.css
00:03
  018 پروپ خاص children
07:21
  019 State و محتوای شرطی
08:59
  02٠ اضافه کردن هدر مشترک و مدیریت بیشتر State
07:51
  02٠ فایل MainHeader.jsx
00:03
  02٠ فایل MainHeader.module.css
00:03
  021 اضافه کردن دکمه های فرم
03:34
  022 مدیریت ارسال (Submit) فرم
06:19
  023 بروزرسانی State بر اساس State قبلی
05:30
  024 نمایش داده های لیست
06:39
  025 اضافه کردن بک اند به SPA ری اکت
06:10
  025 بک اند نمونه
00:03
  026 ارسال درخواست HTTP از نوع POST
04:12
  027 مدیریت اثرات جانبی (Side Effects) با useEffect
09:06
  028 مدیریت حالت بارگذاری (Loading State)
04:23
  029 درک و اضافه کردن سیستم مسیریابی (Routing)
03:55
  03٠ اضافه کردن مسیرها (Routes)
05:36
  031 کار با مسیرهای قالب بندی (Layout Routes)
04:08
  032 ریفکتور کردن کامپوننت های مسیر و تو در تو سازی بیشتر
05:36
  033 لینک دادن و ناوبری
08:09
  033 فایل بروزرسانی شده NewPost.module.css
00:03
  034 دریافت داده از طریق loader ها
09:07
  035 ارسال داده با استفاده از action ها
11:08
  036 مسیرهای دینامیک
08:41
  036 فایل PostDetails.jsx
00:03
  036 فایل PostDetails.module.css
00:03
  037 خلاصه ماژول
01:25
  038 مهم - محتوای قدیمی در ادامه
00:03
  039 introduction ماژول
01:27
  04٠ ری اکت جی اس چیست
03:48
  041 پروژه مقایسه جاوااسکریپت وانیلا با ری اکت
00:03
  041 چرا ری اکت جی اس و اولین دمو
07:25
  042 ساخت اپلیکیشن های تک صفحه ای (SPAs)
02:00
  043 جایگزین های ری اکت
03:06
  043 مقایسه ری اکت، انگولار و ویو
00:03
  044 ایجاد یک پروژه جدید ری اکت
08:15
  045 راه اندازی ویرایشگر کد
03:04
  046 ری اکت 18
00:03
  047 بررسی عمیق پروژه ایجاد شده
06:31
  047 پروژه شروع
00:02
  048 نحوه کار ری اکت و درک کامپوننت ها
07:36
  049 فایل index.css
00:03
  049 کار بیشتر با کامپوننت ها و استایل دهی با کلاس های CSS
05:34
  05٠ ساخت و استفاده مجدد از کامپوننت ها
07:19
  051 ارسال داده با Props و محتوای دینامیک
05:17
  052 مدیریت رویدادها (Events)
06:40
  053 اضافه کردن کامپوننت های بیشتر
05:40
  054 معرفی State
08:19
  054 State چیست
00:02
  055 کار با پروپ های رویداد
07:08
  056 استفاده از نسخه صحیح React Router
00:03
  057 اضافه کردن مسیریابی
16:52
  057 پروژه شروع بروزرسانی شده
00:03
  058 اضافه کردن لینک ها و ناوبری
05:21
  059 محدود کردن استایل کامپوننت با CSS Modules
05:45
  059 فایل های استایل
00:03
  06٠ داده های نمونه
00:03
  06٠ نمایش لیست داده ها و کامپوننت ها
05:50
  061 اضافه کردن کامپوننت های بیشتر
09:48
  061 فایل های استایل
00:03
  062 ساخت کامپوننت های Wrapper
08:39
  062 فایل های استایل
00:03
  063 فایل های استایل
00:03
  063 آپلود تصویر با ری اکت
00:03
  063 کار با فرم ها
08:58
  064 دریافت ورودی کاربر و مدیریت ارسال فرم
09:45
  064 آموزش ساخت REST API
00:03
  064 آموزش نحوه اتصال SPA ها به دیتابیس
00:03
  065 نحوه نادرست اتصال SPA ها به دیتابیس
00:03
  065 آماده سازی اپلیکیشن برای درخواست های Http و اضافه کردن بک اند
06:52
  066 ارسال درخواست Http از نوع POST
05:18
  067 ناوبری برنامه نویس (Programmatic Navigation)
03:42
  068 شروع کار با دریافت داده (Fetching Data)
09:25
  069 استفاده از هوک useEffect
10:08
  07٠ معرفی React Context
11:02
  071 بروزرسانی State بر اساس State قبلی
05:54
  072 استفاده از Context در کامپوننت ها
12:10
  073 استفاده بیشتر از Context
06:54
  074 خلاصه ماژول
01:00
  075 منابع ماژول
00:02
  لینک های خارجی
00:02
03 - مبانی نکست جی اس (App Router)
  001 مقدمه ماژول
01:20
  002 شروع تنظیمات و راه‌اندازی
02:32
  002 پروژه اولیه در کدباکس - فارسی
00:03
  002 پروژه اولیه محلی - فارسی
00:03
  003 درک روت‌بندی مبتنی بر فایل و کامپوننت‌های سرور ری‌اکت
02:45
  004 اضافه کردن یک مسیر (Route) دیگر از طریق سیستم فایل
03:06
  005 ناوبری بین صفحات - راهکار غلط و درست
04:12
  006 کار با صفحات و لایوت‌ها (Layouts)
03:22
  007 سازماندهی پروژه‌های نکست جی‌اس - فارسی
00:03
  007 نام‌های رزرو شده فایل‌ها، کامپوننت‌های سفارشی و نحوه سازماندهی یک پروژه نکست جی‌اس
06:31
  008 نام‌های رزرو شده فایل‌ها - فارسی
00:03
  009 پیکربندی مسیرهای پویا (Dynamic Routes) و استفاده از پارامترهای مسیر
06:17
  010 حرکت به سمت پروژه اصلی: اپلیکیشن فودیز (Foodies)
01:24
  010 پروژه اولیه در کدباکس - فارسی
00:03
  010 پروژه اولیه محلی - فارسی
00:03
  011 تمرین: وظیفه شما
02:03
  012 حل تمرین
08:19
  013 مرور مجدد مفهوم لایوت‌ها (Layouts)
03:50
  014 اضافه کردن یک کامپوننت سفارشی به لایوت
05:58
  015 فایل main-header.module.css - فارسی
00:03
  015 استایل‌دهی به پروژه نکست جی‌اس: گزینه‌های شما و استفاده از CSS Modules
06:00
  016 نکات بیشتر درباره کامپوننت Image - فارسی
00:03
  016 بهینه‌سازی تصاویر با کامپوننت Image نکست جی‌اس
04:57
  017 استفاده از کامپوننت‌های سفارشی بیشتر
03:48
  018 فایل page.js - فارسی
00:03
  018 فایل page.module.css - فارسی
00:03
  018 پر کردن محتوای صفحه شروع
04:18
  019 فایل image-slideshow.js - فارسی
00:03
  019 فایل image-slideshow.module.css - فارسی
00:03
  019 آماده‌سازی اسلایدر تصاویر
03:25
  020 کامپوننت‌های سرور در برابر کامپوننت‌های کلاینت (RSC vs Client Components) - چه زمانی از کدام استفاده کنیم
08:15
  021 فایل page.js - فارسی
00:03
  021 فایل page.module.css - فارسی
00:03
  021 استفاده کارآمد از کامپوننت‌های کلاینت
11:07
  022 فایل meal-item.js - فارسی
00:03
  022 فایل meal-item.module.css - فارسی
00:03
  022 فایل meals-grid.module.css - فارسی
00:03
  022 نمایش داده‌های غذاها و تصاویر با ابعاد نامشخص
10:31
  022 فایل page.module.css - فارسی
00:03
  023 فایل initdb.js - فارسی
00:03
  023 راه‌اندازی پایگاه داده SQLite
03:11
  024 دریافت داده‌ها با بهره‌گیری از قابلیت‌های نکست جی‌اس و فول‌استک
07:17
  025 اضافه کردن صفحه بارگذاری (Loading Page)
04:00
  025 فایل loading.module.css - فارسی
00:03
  026 استفاده از Suspense و پاسخ‌های جریانی (Streamed Responses) برای مدیریت دقیق‌تر وضعیت بارگذاری
05:54
  027 مدیریت خطاها
05:22
  028 مدیریت وضعیت‌های یافت نشده (Not Found)
01:57
  029 بارگذاری و رندر جزئیات غذا از طریق مسیرهای پویا و پارامترهای مسیر
11:04
  029 فایل page.module.css - فارسی
00:03
  030 پرتاب خطای Not Found برای غذاهای خاص
02:03
  031 شروع کار با فرم اشتراک‌گذاری غذا
01:53
  031 فایل page.js - فارسی
00:03
  031 فایل page.module.css - فارسی
00:03
  032 شروع کار با کامپوننت ورودی انتخاب‌گر تصویر سفارشی
08:28
  032 فایل image-picker.module.css - فارسی
00:03
  033 اضافه کردن پیش‌نمایش تصویر به انتخاب‌گر
06:00
  034 بهبود کامپوننت انتخاب‌گر تصویر - فارسی
00:03
  035 معرفی و استفاده از Server Actions برای مدیریت ارسال فرم‌ها
09:02
  036 ذخیره Server Actions در فایل‌های جداگانه
03:45
  037 ساخت اسلاگ (Slug) و پاکسازی ورودی کاربر برای محافظت در برابر XSS
03:20
  038 ذخیره‌سازی تصاویر آپلود شده و ثبت داده‌ها در پایگاه داده
12:56
  039 مدیریت وضعیت ارسال فرم با useFormStatus
05:30
  040 اضافه کردن اعتبارسنجی (Validation) ورودی‌ها در سمت سرور
05:54
  041 استفاده از useFormState() - فارسی
00:03
  042 کار با پاسخ‌های Server Action و useFormState
08:05
  043 بیلد گرفتن برای پروداکشن و درک کشینگ در نکست جی‌اس
06:06
  044 تریگر کردن اعتبارسنجی مجدد کش (Cache Revalidation)
03:57
  045 فایل‌ها را به صورت محلی روی سیستم فایل ذخیره نکنید!
02:13
  046 مبحث ویژه: ذخیره تصاویر آپلود شده در ابری (AWS S3) - فارسی
00:04
  046 پروژه نهایی - فارسی
00:03
  046 فایل بروزرسانی شده initdb.js - فارسی
00:03
  047 اضافه کردن متادیتای استاتیک
03:47
  047 مستندات رسمی متادیتا - فارسی
00:03
  048 اضافه کردن متادیتای پویا
02:20
  049 خلاصه ماژول
04:25
  لینک‌های خارجی - فارسی
00:03
04 - مسیریابی و رندرینگ صفحات - بررسی عمیق
  001 مقدمه ماژول
01:37
  002 راه‌اندازی پروژه، بررسی اجمالی و یک تمرین!
04:17
  002 پروژه اولیه - فارسی
00:03
  003 حل تمرین - بخش 1
07:17
  004 حل تمرین - بخش 2
04:56
  005 استایل‌دهی اپلیکیشن و استفاده از داده‌های تستی (Dummy Data)
08:59
  005 فایل dummy-news.js - فارسی
00:03
  005 فایل main-header.js - فارسی
00:03
  006 مدیریت خطاهای پیدا نشدن (Not Found) و نمایش صفحات مربوطه
04:39
  007 راه‌اندازی و استفاده از مسیرهای موازی (Parallel Routes)
06:40
  008 فایل news.js - فارسی
00:03
  008 کار با مسیرهای موازی و مسیرهای تو در تو
12:50
  009 پیکربندی مسیرهای همه‌منظوره (Catch-All Routes)
06:01
  010 مسیرهای پیش‌فرض Catch-All و کار با چند بخش مسیری
09:21
  011 ایجاد خطاهای مرتبط با مسیر (Throwing Errors)
03:38
  012 مدیریت خطاها با استفاده از صفحات خطا (Error Pages)
03:02
  013 کامپوننت‌های سمت سرور در برابر سمت کلاینت
10:10
  014 مسیرهای تو در تو داخل مسیرهای پویا
04:56
  015 رهگیری ناوبری و استفاده از مسیرهای رهگیری (Interception Routes)
05:11
  016 ترکیب مسیرهای موازی و رهگیری
07:42
  017 جایگزینی page.js با default.js - فارسی
00:03
  018 ناوبری به صورت برنامه‌نویسی (Programmatically)
02:42
  019 تعریف سند پایه HTML - فارسی
00:03
  020 فایل page.js - فارسی
00:03
  020 استفاده و درک گروه‌های مسیری (Route Groups)
06:39
  021 ساخت APIها با Route Handlers
05:15
  022 مستندات میدلور - فارسی
00:03
  022 استفاده از میدلور (Middleware)
05:40
  023 خلاصه ماژول
00:30
  لینک‌های مفید - فارسی
00:03
05 - دریافت داده - بررسی عمیق
  0بررسی مقدمه ماژول
00:56
  0افزودن بک‌اند
02:46
  0بک‌اند به زبان فارسی
00:03
  گزینه 1: دریافت داده در سمت کلاینت
08:50
  گزینه 2: دریافت داده در سمت سرور
05:36
  چرا از یک بک‌اند مجزا به جای دریافت مستقیم از منبع استفاده کنیم؟
06:14
  نمایش حالت جایگزین بارگذاری (Fallback)
04:50
  مایگریت کردن کل اپلیکیشن به یک منبع داده محلی (پایگاه داده)
13:19
  فایل news.js به زبان فارسی
00:03
  دریافت داده جزئی (Granular) با استفاده از Suspense
11:35
  لینک‌های خارجی به زبان فارسی
00:03
06 - تغییر داده‌ها - بررسی عمیق
  001 مقدمه ماژول
01:11
  002 شروع پروژه و تحلیل گزینه‌های تغییر داده
05:46
  002 پروژه شروع - فارسی
00:03
  003 راه‌اندازی یک Form Action
09:19
  004 ایجاد یک Server Action
04:16
  005 ذخیره‌سازی داده‌ها در پایگاه‌های داده
04:39
  006 ارائه بازخورد به کاربر با استفاده از هوک useFormStatus
06:04
  007 استفاده از هوک useFormState - فارسی
00:03
  008 اعتبارسنجی ورودی کاربر با کمک هوک useFormState
09:57
  009 تنظیم Server Actions برای useFormState
07:40
  010 ذخیره‌سازی Server Actions در فایل‌های جداگانه
03:57
  011 عبارت use server اجرای سمت سرور را تضمین نمی‌کند! - فارسی
00:04
  012 فایل cloudinary.js - فارسی
00:03
  012 آپلود و ذخیره‌سازی تصویرها
08:13
  013 روش‌های جایگزین برای استفاده، پیکربندی و فراخوانی Server Actions
11:00
  014 اطلاعات بیشتر درباره revalidatePath - فارسی
00:03
  014 بازاعتبارسنجی داده‌ها برای جلوگیری از مشکلات کشینگ
04:45
  015 انجام آپدیت‌های خوش‌بینانه (Optimistic Updates) با نکست جی‌اس
11:42
  016 تفاوت‌های کشینگ در محیط توسعه و تولید
06:13
  لینک‌های خارجی - فارسی
00:03
07 - درک و پیکربندی کشing (Caching)
  001 معرفی ماژول
01:09
  002 مستندات کش - فارسی
00:03
  002 درک انواع کش در نکست‌جی‌اس (Next.js)
06:39
  003 راه‌اندازی پروژه
01:45
  003 پروژه شروع - فارسی
00:03
  004 مدیریت ذخیره‌سازی موقت درخواست‌ها (Request Memoization)
05:31
  005 درک کش داده‌ها و تنظیمات کش
07:31
  006 کنترل کش کردن داده‌ها
05:27
  007 درک کش کامل مسیر (Full Route Cache)
04:42
  008 ابطال کش بر اساس تقاضا با revalidatePath و revalidateTag
06:03
  009 راه‌اندازی ذخیره‌سازی موقت درخواست برای منابع داده سفارشی
07:15
  010 راه‌اندازی کش داده برای منابع داده سفارشی
03:44
  011 ابطال داده‌های منبع داده سفارشی
03:32
  012 خلاصه ماژول
01:44
  لینک‌های خارجی - فارسی
00:03
08 - بهینه‌سازی‌های نکست‌جی‌اس
  001 مقدمه ماژول
03:08
  001 پروژه اولیه فارسی
00:03
  002 استفاده از کامپوننت تصویر نکست‌جی‌اس
03:43
  003 درک کامپوننت تصویر نکست‌جی‌اس
05:15
  004 کنترل اندازه تصویر
04:45
  005 کار با تصاویر دارای اولویت و تنظیمات بیشتر
03:03
  006 بارگذاری تصاویر ناشناخته
04:12
  007 پیکربندی CSS برای تصاویر با ویژگی fill
03:03
  008 استفاده از لودر تصویر و تغییر اندازه کلادینری
15:51
  009 متادیتای صفحه - مقدمه
01:04
  010 پیکربندی متادیتای صفحه استاتیک
02:57
  010 مستندات متادیتا فارسی
00:03
  011 پیکربندی متادیتای صفحه دینامیک
05:03
  012 درک متادیتای لایوت
01:38
  لینک‌های خارجی فارسی
00:03
09 - احراز هویت کاربر
  001 معرفی ماژول
01:04
  002 راه‌اندازی پروژه
03:26
  002 پروژه اولیه - فارسی
00:03
  003 ثبت‌نام کاربر: استخراج و اعتبارسنجی ورودی کاربر
14:35
  004 ذخیره کاربران در پایگاه داده - روش نادرست
04:30
  005 فایل hash.js - فارسی
00:03
  005 هش کردن کلمات عبور و ذخیره داده‌های کاربر به روش درست
02:07
  006 بررسی تکراری بودن ایمیل
05:01
  007 تئوری: احراز هویت کاربر چگونه کار می‌کند؟
05:21
  008 انتخاب یک پکیج احراز هویت شخص ثالث (Lucia)
02:54
  009 ایجاد یک نمونه (Instance) جدید از Lucia Auth
04:32
  010 پیکربندی یک نشست (Session) و کوکی نشست
06:11
  011 راه‌اندازی نشست احراز هویت
03:44
  012 تایید اعتبار نشست فعال
07:15
  013 محافظت از مسیرها در برابر دسترسی کاربران تایید نشده
03:07
  014 تغییر حالت‌های احراز هویت با پارامترهای کوئری (Search Params)
05:35
  015 افزودن ورود کاربر (از طریق Server Action)
05:34
  016 فراخوانی اکشن‌های مختلف سرور از طریق پارامترهای کوئری
03:44
  017 افزودن Layout مختص احراز هویت
03:41
  018 یک Root Layout در برابر چندین Root Layout - فارسی
00:04
  019 افزودن خروج کاربر (Logout)
04:10
  لینک‌های مفید - فارسی
00:03
10 - جمع بندی و گام های بعدی
  001 جمع بندی دوره
01:49
  002 اما مطالب بیشتری از نکست جی اس وجود دارد!
03:10

پیش‌نیاز‌ها

• آشنایی با ReactJS اکیداً توصیه می‌شود، اما دوره شامل یک فصل کامل مرور و یادآوری ری‌اکت نیز هست.
• هیچ آشنایی یا تجربه قبلی با Next.js نیاز نیست.

توضیحات دوره

این دوره جدیدترین نسخه Next.js را به شما آموزش می‌دهد و هر دو رویکرد App Router و Pages Router را (همراه با توضیح تفاوت‌ها و کاربرد هرکدام) پوشش می‌دهد.

به پرفروش‌ترین دوره Next.js بپیوندید و یاد بگیرید چگونه با React و Next.js، برنامه‌هایی بسیار پویا، فوق‌العاده سریع و بهینه‌سازی‌شده برای موتورهای جستجو (SEO-ready) بسازید!
این دوره هر دو معماری App Router و Pages Router را در Next.js پوشش می‌دهد — دو شیوه متمایز برای ساخت برنامه‌های فول‌استک با ری‌اکت! طبیعتاً خواهید آموخت که این دو رویکرد چه هستند، چرا اصلاً دو شیوه مجزا وجود دارد و هر کدام چطور کار می‌کنند.

من پیش از این پرفروش‌ترین دوره ری‌اکت در یودمی را تدریس کرده‌ام و اکنون بسیار هیجان‌زده‌ام که این دوره جامع Next.js را با شما به اشتراک بگذارم؛ فریم‌ورک فوق‌العاده‌ای برای ری‌اکت که به شما امکان می‌دهد به‌عنوان یک توسعه‌دهنده React گام بعدی را بردارید و پروژه‌های واقعی و آماده عرضه به بازار (Production-ready) بسازید!

نکست‌جی‌اس یک فریم‌ورک فول‌استک و آماده محصول برای ReactJS است — پرطرفدارترین کتابخانه جاوااسکریپت که امروزه می‌توانید یاد بگیرید!

آیا این اصطلاحات برایتان کمی اغراق‌آمیز به نظر می‌رسد؟

حق با شماست؛ اما واقعیت این است که Next.js بهترین انتخاب برای ارتقای شغلی توسعه‌دهندگان ری‌اکت و ارتقای اپلیکیشن‌های آن‌ها به سطح بعدی است.
نکست‌جی‌اس با سرعت خیره‌کننده‌ای در حال رشد است و بازار کار تقاضای بسیار بالایی برای آن دارد؛ آن هم به دلایلی کاملاً منطقی:
این فریم‌ورک امکان رندر سمت سرور (SSR) توکار و پیش‌رندرینگ صفحات را فراهم می‌کند. ساخت اپلیکیشن‌های ری‌اکت با تجربه کاربری عالی و سازگار با موتورهای جستجو (سئو) هرگز به این سادگی نبوده است!

علاوه بر این، ساخت اپلیکیشن‌های فول‌استک ری‌اکت (ترکیب کدهای فرانت‌اند و بک‌اند در یک پروژه واحد) با Next.js فوق‌العاده راحت است! کدهای سمت سرور و کلاینت را به زیبایی با هم ترکیب کنید و یک API مبتنی بر Node.js را درست در کنار فرانت‌اند ری‌اکت خود بسازید. کار با Next.js به همین اندازه روان است!
می‌خواهید قابلیت احراز هویت اضافه کنید؟ نکست‌جی‌اس این فرآیند را هم بسیار ساده کرده و ثبت‌نام، ورود کاربران و مدیریت نشست‌ها (Session Management) را بدون دردسر جلو می‌برد.

این دوره شما را در کمترین زمان از سطح مبتدی به سطح پیشرفته Next.js می‌رساند!
کار را از پایه‌ای‌ترین مفاهیم آغاز می‌کنیم (هیچ دانش قبلی از Next.js نیاز نیست) و سپس وارد تمامی ویژگی‌های بنیادین فریم‌ورک می‌شویم؛ هم به‌صورت مباحث تئوری و هم در قالب چندین پروژه عملی واقعی که تمامی مفاهیم را گام‌به‌گام پیاده‌سازی می‌کنند.

برای شروع این دوره به آشنایی اولیه با ری‌اکت نیاز دارید؛ البته یک فصل کامل «مرور سریع ری‌اکت» درون دوره قرار داده شده تا اگر مدتی از کار با ری‌اکت دور بوده‌اید، به‌راحتی خود را به سطح مطلوب برسانید.

همچنین دوره شامل یک بخش خلاصه برای Pages Router و یک بخش مفاهیم اساسی برای App Router است؛ بنابراین در آینده هر زمان بخواهید می‌توانید بدون نیاز به بازبینی کل دوره، آموخته‌هایتان را سریع مرور کنید. یا اگر وقت کمی دارید، می‌توانید تنها با دیدن همین بخش‌های خلاصه، با تمام قابلیت‌های کلیدی در سریع‌ترین زمان ممکن آشنا شوید.

پس از پایان دوره، آمادگی کامل خواهید داشت تا پروژه‌های Next.js اختصاصی خود را از صفر بسازید و برای فرصت‌های شغلی مرتبط با این حوزه اقدام کنید!

سرفصل‌های این دوره با جزئیات عبارتند از:

  • نکست‌جی‌اس چیست و چرا باید از آن استفاده کرد؟
  • چرا در بسیاری از پروژه‌ها صرفاً استفاده از React کافی نیست؟
  • ساخت پروژه‌های Next.js از صفر و درک ساختار فایل‌های پروژه
  • کار با سیستم مسیریابی مبتنی بر فایل (File-based Routing)
  • افزودن مسیرهای داینامیک و Catch-all Routes
  • پیاده‌سازی انواع مختلف پیش‌رندرینگ صفحات و رندر سمت سرور (SSR)
  • کار با داده‌ها، دریافت داده (Data Fetching) و پیش‌دریافت (Prefetching)
  • مدیریت ارسال و پردازش فرم‌ها با استفاده از سرور اکشن‌ها (Server Actions)
  • مدیریت آپلود فایل
  • تولید پیش‌ساخته صفحات پویا و ایستا (Pre-rendering)
  • بهینه‌سازی صفحات با استفاده از متادیتاها (Metadata)
  • بهینه‌سازی تصاویر با کامپوننت کاربردی Image در Next.js
  • ساخت برنامه‌های فول‌استک با Route Handlers / API Routes و Server Actions
  • مدیریت وضعیت سراسری برنامه (State Management) با React Context در پروژه‌های نکست
  • پیاده‌سازی سیستم احراز هویت (Authentication) در پروژه‌های Next.js
  • چندین پروژه عملی کامل که تمام این مفاهیم را درون آن‌ها اجرا می‌کنیم!
  • یک فصل جامع برای مرور سریع و یادآوری مفاهیم React.js
  • بخش‌های خلاصه Next.js جهت مرور سریع یا یادگیری فشرده قابلیت‌های کلیدی و مباحث بسیار دیگر!

مشتاقم تا این مسیر یادگیری جذاب را همراه شما آغاز کنم!

این دوره برای چه کسانی مناسب است؟

  • توسعه‌دهندگان React که می‌خواهند یک گام جلوتر بروند و اپلیکیشن‌های آماده ورود به بازار (Production-ready) بسازند.
  • توسعه‌دهندگان React که قصد دارند به دنیای توسعه فول‌استک وارد شوند.
  • تمامی برنامه‌نویسان وب که به دنبال یادگیری یکی از محبوب‌ترین و پرتقاضاترین فناوری‌های روز دنیا هستند.

دیدگاه کاربران

5

بر اساس امتیاز 2 دانشجو

1
2
3
4
5

گواهینامه اختصاصی دو زبانه

پس از گذراندن دوره به صورت آنلاین در سایت مکتب‌خونه، گواهی‌نامه رسمی پایان دوره به زبان فارسی و انگلیسی، توسط مکتب‌خونه به اسم شما صادر شده و در اختیار شما قرار می‌گیرد.

امکان اشتراک گذاری در لینکدین
دو زبانه

ضمانت بازگشت وجه

کیفیت این آموزش توسط مکتب‌خونه تضمین شده است. در صورت عدم رضایت، با شرایط زیر می‌توانید درخواست بازگشت وجه کنید.

مهلت درخواستتا ۱۵ روز پس از خرید دوره
میزان مشاهدهکمتر از ۲۰ درصد یا ۵ جلسه از دوره
Academind by Maximilian Schwarzmuller
10دوره
3,161دانشجو
1,592نظر و امتیاز

آکادم‌مایند با تجمیع دوره‌ها و دانش مدرسان موفق، تلاش می‌کند تا آموزش آنلاین با کیفیت بالایی ارائه دهد.
آموزش آنلاین، موفقیت در دنیای واقعی - این چیزی است که آکادم‌مایند نماینده آن است. موضوعاتی مانند توسعه وب، تحلیل داده‌ها و موارد دیگر را به شیوه‌ای سرگرم‌کننده و جذاب بیاموزید.
ما بیش از ۳,۰۰۰,۰۰۰ دانشجو را در طیف وسیعی از موضوعات آموزش داده‌ایم. ما دوست داریم به شما نیز آموزش دهیم! :)
به یادگیری ادامه دهید

آکادمی پرو پرمیومپایان مرزهای زبانی برای دسترسی هوشمند و بومی به برترین آموزش‌های جهان
24دوره
1,248دانشجو
133نظر و امتیاز

پرو پرمیوم با هدف فراهم‌کردن دسترسی فارسی‌زبانان به آموزش‌های باکیفیت، به‌روز و استاندارد جهانی فعالیت می‌کند.
ما آموزش‌های بین‌المللی را صرفاً ترجمه نمی‌کنیم؛ بومی‌سازی می‌کنیم. با استفاده از آخرین تکنولوژی ها و مهندسی محتوا، دوره‌ها را برای تجربه‌ای روان، تخصصی و قابل‌فهم به زبان فارسی آماده می‌کنیم؛ از ترجمه و زیرنویس تخصصی و توضیحات دوره گرفته تا HTML، متن، فایل‌های تمرینی و سایر منابع همراه دوره.
برای هر دوره واژه‌نامه تخصصی و یکپارچه ایجاد می‌شود تا اصطلاحات و مفاهیم تخصصی در سراسر محتوا با دقت و ثبات حفظ شوند و اجزای مختلف دوره در قالب یک بسته یادگیری یکپارچه در اختیار مخاطب قرار گیرند.
 

 چشم انداز آکادمی پرو پرمیوم | PRO PREMIUM:

ایجاد دسترسی گسترده فارسی‌زبانان به دوره‌های آموزشی منتخب از Udemy، Coursera و دیگر پلتفرم‌های معتبر آموزشی جهان در طیف گسترده‌ای از حوزه‌های علمی، فنی، حرفه‌ای و مهارتی است.
از محتوای جهانی تا تجربه یادگیری بومی. هدف ما این است که مرز زبان مانعی برای دسترسی به بهترین آموزش‌های جهان نباشد.
 

درباره بنیان‌گذار | سجاد ثریا

فعال در حوزه هوش مصنوعی، علم داده ، آموزش و مهندسی سیستم‌ها.
تمرکز من بر ساخت سیستم‌های هوشمند برای تولید، بومی‌سازی و بهبود تجربه یادگیری است.
سوابق و مدارک تخصصی:
دارای گواهینامه‌های حرفه‌ای (Professional Certificates) متعدد از دانشگاه هاروارد (HarvardX) از جمله:
• علوم کامپیوتر برای هوش مصنوعی (Computer Science for Artificial Intelligence)
• علم داده (Data Science)
• پایتون برای علم داده و یادگیری ماشین (Python for Data Science and Machine Learning)
• پایتون برای علم داده و یادگیری عمیق (Python for Data Science and Deep Learning)
• علوم کامپیوتر برای برنامه‌نویسی پایتون (Computer Science for Python Programming)
• علوم کامپیوتر برای علم داده (Computer Science for Data Science)
• علوم کامپیوتر برای برنامه‌نویسی وب (Computer Science for Web Programming)
• علوم کامپیوتر برای امنیت سایبری (Computer Science for Cybersecurity)
دستاوردهای حرفه‌ای و تخصص‌های کلیدی:
مدرس رسمی دانشگاه هاروارد در ایران
معماری و توسعه پلتفرم‌های هوشمند برای بومی‌سازی و تولید محتوای آموزشی بین‌‌المللی.
تسلط عمیق بر هوش مصنوعی و معماری‌های نوین از جمله پیاده‌سازی و آموزش مدل‌های زبانی بزرگ (LLMs)، سیستم‌های RAG و توسعه معماری‌های چندعاملی (Multi-agent).
رهبری تحول دیجیتال در صنایع کلان: تدوین استراتژی، طراحی نقشه راه تحول دیجیتال و معماری سرفصل‌های آموزشی تخصصی برای صنایع پیچیده و مقیاس‌بزرگ نظیر نفت و گاز.

مهارت‌هایی که می‌آموزید

آموزش جاوا اسکریپت
آموزش React
آموزش برنامه‌نویسی فرانت اند
آموزش برنامه‌نویسی بک اند
آموزش زبان‌های برنامه‌نویسی
آموزش برنامه‌نویسی
poster

React و Next.js - راهنمای جامع

42دانشجو

دوره‌های مشابه

دیگر دوره‌های Academind by Maximilian Schwarzmuller

دیگر دوره‌های آکادمی پرو پرمیوم