در این دوره آموزشی با Next.js، یک فریمورک سریع و محبوب برای ساخت اپلیکیشنهای React آشنا میشوید. Next.js یک تجربه توسعهدهنده عالی با چندین ویژگی داخلی ارائه میکند که توسعه React را بدون دردسر میکند.
آنچه خواهید آموخت:
آیا شما یک توسعهدهنده React هستید و باید هنگام ساخت اپلیکیشن خود در React تصمیمات زیادی بگیرید وای کاش فریمورکی وجود داشت که این تصمیمات را برای شما اتخاذ کند؟ در این دوره، Next.js 13 Fundamentals، یاد خواهید گرفت که یک برنامه React با استفاده از فریمورک Next.js بسازید. ابتدا، ویژگیهای اصلی Next.js را بررسی خواهید کرد. در مرحله بعد، مدیریت داراییها، رندر دادهها و مسیریابی پویا را در Next.js خواهید دید. در نهایت، نحوه استقرار یک برنامه Next.js و نحوه انتقال برنامههای React موجود به Next.js را خواهید آموخت. پس از اتمام این دوره، مهارتها و دانش لازم برای ساخت برنامههای React را با استفاده از Next.js و ویژگیهای اصلی آن خواهید داشت.
نمونه ویدیوی آموزشی ( زیرنویسها جدا از ویدیو است و میتوانید آنرا نمایش ندهید ) :
[ENGLISH]
01 Course Overview [2mins]
01-01 Course Overview [2mins]
02 Introduction to Next.js [9mins]
02-01 Version Check [1mins]
02-02 Introduction [2mins]
02-03 React Decisions [1mins]
02-04 What Is Next.js [2mins]
02-05 Who Is Using Next.js [1mins]
02-06 Trade-offs [1mins]
02-07 Summary [1mins]
03 Setup and Create Your First Next.js App [24mins]
03-01 Overview [1mins]
03-02 Globomantics Conference App [1mins]
03-03 Setup Next.js Demo App [3mins]
03-04 Pages [4mins]
03-05 Create Pages [3mins]
03-06 Linking and Navigation [5mins]
03-07 Layout [6mins]
03-08 Summary [1mins]
04 Working with Images, Fonts, and Styling Your App [25mins]
04-01 Overview [1mins]
04-02 Font in Next.js [5mins]
04-03 Styling in Next.js [7mins]
04-04 Global Styles [2mins]
04-05 Image in Next.js [2mins]
04-06 Demo- Image Component [7mins]
04-07 Summary [1mins]
05 Learning Rendering and Data Fetching [22mins]
05-01 Component Level Rendering [5mins]
05-02 Data Fetching Approaches [3mins]
05-03 Fetch in Next.js [3mins]
05-04 Static Data Fetching [5mins]
05-05 Static Data Fetching with Revalidation [2mins]
05-06 Dynamic Data Fetching [3mins]
05-07 Summary [1mins]
06 Exploring Dynamic Routing in Next.js [8mins]
06-01 Defining Dynamic Routes in Next.js [2mins]
06-02 Demo- Dynamic Routing [5mins]
06-03 Generating Static Params [1mins]
07 Deploying Your Next.js App and Migrating Existing Apps to Next.js [6mins]
07-01 Next.js Deployment on Vercel [3mins]
07-02 Other Deployment Options [1mins]
07-03 Migrating to Next.js [1mins]
07-04 Module Summary [1mins]
[فارسی]
01 بررسی اجمالی دوره [2 دقیقه]
01-01 بررسی اجمالی دوره [2 دقیقه]
02 معرفی Next.js [9 دقیقه]
02-01 بررسی نسخه [1 دقیقه]
02-02 مقدمه [2 دقیقه]
02-03 واکنش به تصمیمات [1 دقیقه]
02-04 Next.js چیست؟ [2 دقیقه]
02-05 چه کسی از Next.js استفاده میکند؟ [1 دقیقه]
02-06 معاوضه [1 دقیقه]
02-07 خلاصه [1 دقیقه]
03 اولین برنامه Next.js خود را راه اندازی و ایجاد کنید [24 دقیقه]
03-01 نمای کلی [1 دقیقه]
03-02 برنامه کنفرانس Globomantics [1 دقیقه]
03-03 راه اندازی برنامه نسخهی نمایشی Next.js [3 دقیقه]
03-04 صفحات [4 دقیقه]
03-05 ایجاد صفحات [3 دقیقه]
03-06 پیوند و پیمایش [5 دقیقه]
03-07 طرحبندی [6 دقیقه]
03-08 خلاصه [1 دقیقه]
04 کار با تصاویر، فونتها و استایل دادن به برنامه شما [25 دقیقه]
04-01 نمای کلی [1 دقیقه]
04-02 فونت در Next.js [5 دقیقه]
04-03 طراحی در Next.js [7 دقیقه]
04-04 سبکهای جهانی [2 دقیقه]
04-05 تصویر در Next.js [2 دقیقه]
04-06 نسخه نمایشی- مؤلفه تصویر [7 دقیقه]
04-07 خلاصه [1 دقیقه]
05 آموزش رندر و واکشی داده [22 دقیقه]
05-01 رندر سطح کامپوننت [5 دقیقه]
05-02 رویکردهای واکشی داده [3 دقیقه]
05-03 واکشی در Next.js [3 دقیقه]
05-04 واکشی دادههای ایستا [5 دقیقه]
05-05 واکشی استاتیک داده با اعتبار سنجی مجدد [2 دقیقه]
05-06 واکشی دینامیک داده [3 دقیقه]
05-07 خلاصه [1 دقیقه]
06 کاوش مسیریابی پویا در Next.js [8 دقیقه]
06-01 تعریف مسیرهای پویا در Next.js [2 دقیقه]
06-02 نسخهی نمایشی- مسیریابی پویا [5 دقیقه]
06-03 ایجاد پارامترهای استاتیک [1 دقیقه]
07 استقرار برنامه Next.js و انتقال برنامههای موجود به Next.js [6 دقیقه]
07-01 استقرار Next.js در Vercel [3 دقیقه]
07-02 سایر گزینههای استقرار [1 دقیقه]
07-03 مهاجرت به Next.js [1 دقیقه]
07-04 خلاصه ماژول [1 دقیقه]
Adhithi Ravichandran یک مشاور نرم افزار، نویسنده و سخنران مستقر در کانزاس سیتی است. او مالک و بنیانگذار شرکت مشاوره سوریا است که از طریق آن تخصص خود را در زمینه معماری، توسعه و آموزش نرمافزار ارائه میدهد. او به مشتریان، خدمات مشاورهای در زمینه معماری راه حلهای React/React Native/GraphQL/Cypress ارائه میدهد. او همچنین تیمهایی را برای انتقال موثر به این فناوریها آموزش میدهد. او علاقه زیادی به فناوری و تدریس دارد. او از طریق دورههای Pluralsight خود به بیش از 65000 دانش آموز موضوعاتی مانند React Native، GraphQL و Cypress آموزش داده است. وبلاگ او هر ماه بیش از 20000 خواننده در مدیوم دارد. او همچنین یک سخنران کنفرانس است و دوست دارد با جامعه فناوری درگیر شود تا ایدهها را یاد بگیرد و به اشتراک بگذارد. Adhithi همچنین یک نوازنده حرفهای کلاسیک هندی است و چندین کنسرت در سراسر کشور برگزار کرده است.