کورس یادگیری کامل Next.js

چارچوب توسعه وب Next.JS تمام مزایای یک ابزار ارائه دهنده سمت سرور را با سرعت و سهولت یک برنامه تک صفحه ای به شما می دهد. با استفاده از این ابزار محبوب و مبتنی بر واکنش ، می توانید یک برنامه وب کامل را از ابتدا در JavaScript ایجاد ، مدیریت و سفارشی کنید. در این دوره ، مربی Sandy Ludosky به شما نشان می دهد که چگونه می توانید بهترین تجربه توسعه دهنده را از پروژه بعدی خود بدست آورید. پیکربندی صفر ، سردردهای صفر کاربر و سرعت صفحه رعد و برق سریع ، پویا. مزایای ارائه سمت سرور را با چارچوب های وب مانند Next.js. کاوش کنید. Sandy شما را از طریق ویژگی های اساسی مانند صفحات ، داده های واکشی و گزینه های طرح ریزی می کند. مباحث پیشرفته مانند مسیرهای پویا و مسیرهای API ؛ و چگونه می توان یک پروژه React را از ابتدا تا انتها ساخت و استایل کرد تا بتوانید یک برنامه Next.js را به تنهایی ایجاد کنید.

عنوان اصلی : Learning Next.js

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

مقدمه:
سرعت کار خود را با Next.js سرعت بخشید
آنچه باید بدانید
پرونده های ورزشی و آنچه شما نیاز دارید
1. چرا Next.js را انتخاب کنید:
یادگیری بلوک های ساختمان یک برنامه
چارچوب وب چیست؟
کشف چارچوب Next.js
یادگیری مزایای Next.js
2. شروع و یادگیری اصول اولیه:
شروع با ابزار بعدی. js
ایجاد صفحات جدید
ساختن یک سیستم مسیریابی مبتنی بر پرونده
ایجاد پیوندهایی برای حرکت بین صفحات
تنظیم مسیریابی پویا و URL ها
Challenge: یک سیستم مبتنی بر پرونده را با پیکربندی صفر تنظیم کنید
راه حل: یک سیستم مبتنی بر پرونده را با پیکربندی صفر تنظیم کنید
3. پیش ارائه و واکشی داده ها:
کشف استراتژی های ارائه
کشف استراتژی های ارائه با GetStaticProps
پیش ارائه در زمان ساخت با نسل استاتیک
محتوای فوق العاده سریع و فوق العاده کارآمد SEO
کشف استراتژی های ارائه با GetServersideProps
با استفاده از مسیرهای پویا و ورودی کاربر برای پرس و جو
جستجو ، درخواست و محتوای قبل از ارائه با SSR
کشف استراتژی های ارائه با GetStaticphts
پیش ارائه در زمان ساخت با مسیرهای استاتیک
خطاهای رسیدگی با صفحه برگشتی (404 یافت نشد)
سفارشی کردن یک صفحه خطا
چالش: پیش ارائه در ساخت و ساز در مقابل زمان اجرا
راه حل: پیش ارائه در ساخت و ساز در مقابل زمان اجرا
4. یک ظاهر طراحی شده برنامه بعدی شما. js:
اضافه کردن سبک های جهانی
با استفاده از CSS scoped با ماژول های CSS
یک ظاهر طراحی بعدی. js با jsx یک ظاهر طراحی شده
بارگیری تصاویر استاتیک
چالش: یک ظاهر طراحی شده جهانی و scoped را اضافه کنید
راه حل: اضافه کردن و حفظ CSS در سطح جهان
نتیجه گیری:
بعد چه چیزی را یاد بگیریم؟