دوره آموزشی یادگیری 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 - بعد چه چیزی یاد بگیریم
دوره های مرتبط
- دوره آموزشی ساخت یک وب سایت با Node.js و Express.js
- دوره آموزشی یادگیری جامع MERN
- دوره آموزشی توسعه Full-Stack جاوا اسکریپت: MongoDB، Node و React
- دوره آموزشی ساخت APIهای RESTful با Node.js و Express
- دوره آموزشی ریاکت: ایجاد و میزبانی یک سایت فولاستک (2022)
- دوره آموزشی یادگیری جامع اکسپرس: ساخت برنامه های وب قدرتمند با Node.js
- دوره آموزشی یادگیری جامع MERN آپدیت (2020)
- دوره آموزشی Node.js: ایمن سازی API های RESTful