دوره آموزشی یادگیری Next.js آپدیت (2022)
2 ساعت 21 دقیقهمتوسط2022-08-26
مدرسین

Sandy Ludosky
Web Developer and Trainer
جزئیات دوره
چارچوب توسعه وب Next.js تمام مزایای یک ابزار رندر سمت سرور را با سرعت و سهولت یک برنامه تک صفحه ای به شما می دهد. با استفاده از این ابزار محبوب مبتنی بر React، می توانید یک برنامه وب کامل را از ابتدا در جاوا اسکریپت بسازید، مدیریت کنید و سفارشی کنید.
در این دوره، مربی Sandy Ludosky به شما نشان میدهد که چگونه میتوانید بهترین تجربه توسعهدهنده را از پروژه Next.js خود با پیکربندی صفر، سردرد کاربر صفر، و سرعت صاعقهای سریع و پویا، به دست آورید. مزایای رندر سمت سرور را با چارچوب های وب مانند Next.js کاوش کنید. سندی شما را از طریق ویژگیهای اساسی مانند صفحات، واکشی دادهها و گزینههای طرحبندی راهنمایی میکند. موضوعات پیشرفته مانند مسیرهای پویا و مسیرهای API. و چگونه یک پروژه React را از ابتدا تا انتها بسازید و سبک سازی کنید تا بتوانید به تنهایی یک برنامه Next.js ایجاد کنید.
در این دوره، مربی Sandy Ludosky به شما نشان میدهد که چگونه میتوانید بهترین تجربه توسعهدهنده را از پروژه Next.js خود با پیکربندی صفر، سردرد کاربر صفر، و سرعت صاعقهای سریع و پویا، به دست آورید. مزایای رندر سمت سرور را با چارچوب های وب مانند Next.js کاوش کنید. سندی شما را از طریق ویژگیهای اساسی مانند صفحات، واکشی دادهها و گزینههای طرحبندی راهنمایی میکند. موضوعات پیشرفته مانند مسیرهای پویا و مسیرهای API. و چگونه یک پروژه React را از ابتدا تا انتها بسازید و سبک سازی کنید تا بتوانید به تنهایی یک برنامه Next.js ایجاد کنید.
مهارت ها
Express.jsNode.jsEcma InternationalReact.jsMetaJavaScriptFull-Stack Web DevelopmentFront-End Web DevelopmentLearningWeb DevelopmentOpen Source
سرفصل ها
0. مقدمه
- 01 - سرعت بخشیدن به گردش کار خود با Next.js
- 02 - آنچه باید بدانید
- 03 - فایل های تمرین و آنچه شما نیاز دارید
1. چرا Next.js را انتخاب کنید
- 04 - یادگیری اجزای سازنده یک برنامه
- 05 - وب فریمورک چیست
- 06 - کشف چارچوب Next.js
- 07 - یادگیری مزایای Next.js
2. شروع به کار و یادگیری اصول اولیه
- 08 - شروع به کار با ابزار Next.js
- 09 - ایجاد صفحات جدید
- 10 - ساخت سیستم مسیریابی مبتنی بر فایل
- 11 - ایجاد لینک برای پیمایش بین صفحات
- 12 - راه اندازی مسیریابی پویا و URL
- 13 - چالش - راه اندازی یک سیستم مبتنی بر فایل با پیکربندی صفر
- 14 - راه حل - راه اندازی یک سیستم مبتنی بر فایل با پیکربندی صفر
3. پیش رندر و واکشی داده ها
- 15 - کشف استراتژی های رندر
- 16 - کشف استراتژی های رندر با getStaticProps
- 17 - پیش رندر در زمان ساخت با تولید استاتیک
- 18 - پیش رندر محتوای فوق سریع و فوق العاده سئو کارآمد
- 19 - کشف استراتژی های رندر با getServerSideProps
- 20 - استفاده از مسیرهای پویا و ورودی کاربر برای استعلام محتوا
- 21 - جستجو، درخواست و پیش نمایش محتوا با SSR
- 22 - کشف استراتژی های رندر با getStaticPaths
- 23 - پیش رندر در زمان ساخت با مسیرهای ثابت
- 24 - رسیدگی به خطاها با یک صفحه بازگشتی (404 یافت نشد)
- 25 - سفارشی کردن صفحه خطا
- 26 - چالش - پیش رندر در زمان ساخت در مقابل زمان اجرا
- 27 - راه حل - پیش رندر در زمان ساخت در مقابل زمان اجرا
4. Styling Your Next.js Application
- 28 - اضافه کردن سبک های جهانی
- 29 - استفاده از CSS scoped با ماژول های CSS
- 30 - Styling Next.js با JSX مدل دار
- 31 - بارگذاری تصاویر ثابت
- 32 - چالش - اضافه کردن یک ظاهر طراحی جهانی و محدوده
- 33 - راه حل - افزودن و نگهداری CSS در سطح جهانی
نتیجه
- 34 - بعد چه چیزی یاد بگیریم
دوره های مرتبط
- دوره آموزشی فریمورک های وب در حال ظهور
- دوره آموزشی یادگیری Next.js
- دوره آموزشی تجارت الکترونیک با Next.js: ساخت یک پلتفرم فروشگاهی از صفر
- دوره آموزشی مجموعه فریلنسری: پروژه واقعی با Next.js و Strapi
- دوره آموزشی نمونهسازی اپلیکیشن با Vercel v0 Agentic Builder
- دوره آموزشی ساخت یک سیستم مدیریت محتوای Headless سبک و کامل با استفاده از Next.js، Contentful و GraphQL
- دوره آموزشی توسعه اپلیکیشنهای RAG با LlamaIndex و Next.js
- دوره آموزشی هوش مصنوعی عملی: ساخت چتبات هوش مصنوعی با GPT-4o و Next.js
مسیرهای مرتبط
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده React
- مسیر آموزشی تبدیل شدن به یک مهندس DevOps
- مسیر آموزشی برترین مهارت های حال حاضر مهندسی
- مسیر آموزشی ارتقاء مهارت های Node.js خود
- مسیر آموزشی توسعه مهارت های هوش مصنوعی خود با Google Gemini و Google Cloud Platform
- مسیر آموزشی مهارت های لاراول خود را بسازید
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده Back-End وب
- مسیر آموزشی توسعه وب را با Node.js کاوش کنید