آموزش Next.js Web Dev: بر این چارچوب قدرتمند React مسلط شوید

Next.js Web Dev: Master this Powerful React Framework

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: تسلط Next.js: استفاده از React، مسیریابی پیشرفته، یکپارچه سازی API بدون درز، و استراتژی های بهینه سازی وب، اصول بعدی JS، از جمله ویژگی ها و مزایای اصلی آن را درک کنید. Next JS برای پروژه های توسعه وب با موفقیت راه اندازی و نصب شد. ایجاد برنامه های وب پویا و تعاملی با استفاده از تکنیک های مسیریابی پیشرفته. استراتژی های مسیریابی مختلف، از جمله مسیریابی تودرتو، برای ناوبری کاربر پسند را اجرا کنید. API ها را هم در سمت کلاینت و هم در سمت سرور یکپارچه کنید. داده ها را از منابع خارجی به طور یکپارچه واکشی و نمایش دهید. برای مدیریت موثر داده ها، بین اجزای کلاینت و سرور تفاوت قائل شوید. بهینه سازی برنامه های کاربردی وب برای بهبود عملکرد. پیش نیازها: مبانی HTML و CSS: درک اصول اولیه HTML و CSS می تواند برای ساختاردهی محتوای وب و به کارگیری استایل اولیه مفید باشد. دانش پایه جاوا اسکریپت: آشنایی با مبانی جاوا اسکریپت مفید خواهد بود، زیرا Next JS بر روی React ساخته شده است که به جاوا اسکریپت متکی است. تجربه با React (اختیاری): اگرچه اجباری نیست، داشتن تجربه قبلی با React می تواند درک شما از مفاهیم Next JS را تسریع کند، زیرا Next JS یک چارچوب React است. ویرایشگر متن یا محیط توسعه یکپارچه (IDE): داشتن یک ویرایشگر کد مانند Visual Studio Code (VS Code) یا یک IDE مشابه برای نوشتن و اجرای کد در طول دوره ضروری است. تمایل به یادگیری: اشتیاق برای توسعه وب و تمایل به کشف مفاهیم جدید مهم ترین پیش نیازها هستند. این دوره به گونه ای طراحی شده است که زبان آموزان در سطوح مختلف مهارت از جمله مبتدیان را در خود جای دهد.

به دوره "تسلط Next.js" ما خوش آمدید، جایی که به دنیای Next.js سفر خواهید کرد و React را برای تبدیل شدن به یک توسعه دهنده ماهر خواهید دید. در این دوره جامع، ما طیف وسیعی از موضوعات ضروری را پوشش خواهیم داد تا شما را با مهارت‌ها و دانش مورد نیاز برای ایجاد برنامه‌های کاربردی وب در سطح بالا مجهز کنیم.

سفر ما با معرفی Next.js آغاز می‌شود و ویژگی‌ها و مزایای کلیدی آن را برجسته می‌کند. ما انتظارات روشنی را برای آنچه در دوره یاد خواهید گرفت تعیین خواهیم کرد و شما را برای تجربه عملی پیش رو آماده خواهیم کرد. به جنبه‌های عملی، از جمله راه‌اندازی و نصب، مبانی Next.js و تسلط بر React Hook‌هایی مانند useState، useEffect و useMemo بپردازید.

مسیریابی در Next.js یک مهارت حیاتی است و ما به طور گسترده به آن خواهیم پرداخت. ایجاد سیستم های ناوبری پویا و کاربرپسند، از مسیریابی اولیه تا مسیریابی تودرتو را کاوش کنید. به‌علاوه، طراحی طرح‌بندی، تفاوت‌های بین چیدمان‌های معمول و مشروط و نحوه پیاده‌سازی مؤثر میان‌افزار را خواهیم فهمید.

دوره ما تاکید زیادی بر یکپارچه سازی API دارد، که هم API های سمت کلاینت و هم سمت سرور را در بر می گیرد. تجربه عملی کار با داده ها از منابع خارجی را به دست آورید و تفاوت های ظریف اجزای مشتری و سرور را درک کنید. همچنین به بهینه‌سازی، پوشش بهینه‌سازی تصویر، بهترین شیوه‌های سئو و تکنیک‌های اساسی استایل‌سازی برای بهبود تجربیات کاربر می‌پردازیم.

در پایان دوره، شما به عنوان یک متخصص Next.js ظاهر خواهید شد که قادر به ساخت برنامه های کاربردی وب کارآمد، بهینه و غنی از ویژگی ها است. چه مبتدی یا یک توسعه‌دهنده با تجربه باشید، دوره آموزشی "Next.js Mastery" ما به شما این امکان را می‌دهد که برنامه‌های کاربردی وب را ایجاد کنید که در چشم انداز دیجیتال عالی باشند.

در این سفر هیجان انگیز به ما بپیوندید و پتانسیل کامل Next.js و React را باز کنید! امروز ثبت نام کنید تا مهارت های توسعه وب خود را به ارتفاعات جدیدی ارتقا دهید.


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

معرفی Introduction

  • معرفی Next.js Introduction to Next.js

  • در این دوره چه چیزی یاد خواهید گرفت؟ What You Will Learn in This Course?

  • ویژگی های کلیدی Key Features

  • معایب React.js Downsides of React.js

راه اندازی و نصب Setup and Installation

  • نصب کد VS VS Code Installation

  • Node.js و نصب Npm Node.js and Npm Installation

  • نصب Next.js Installation of Next.js

  • ساختار پوشه Folder Structure

مبانی Next.js Next.js Basics

  • انواع صادرات Types of Exports

  • اجزاء Components

  • اجزای مشتری Client Components

  • تفسیر Rendering

React Hooks React Hooks

  • استفاده از ایالت useState

  • useEffect useEffect

  • useMemo useMemo

مسیریابی در Next.js Routing in Next.js

  • مسیریابی Routing

  • ورزش Exercise

  • مسیریابی پیوند Link Routing

  • مسیریابی تودرتو Nested Routing

Layout.js Layout.js

  • چیدمان های رایج در مقابل چیدمان های شرطی Common Layouts vs Conditional Layouts

  • چیدمان اولیه Basic Layout

  • چیدمان مشروط Conditional Layout

  • میان افزار Middleware

یکپارچه سازی API API Integration

  • API های سمت مشتری Client-Side APIs

  • API های سمت سرور Server-Side APIs

  • اجزای مشتری در مقابل اجزای سرور Client Components vs Server Components

بهینه سازی و استایل در Next.js Optimization and Styling in Next.js

  • بهینه سازی تصویر Image Optimization

  • سئو SEO

  • یک ظاهر طراحی پایه Basic Styling

نتیجه Conclusion

  • نتیجه Conclusion

نمایش نظرات

آموزش Next.js Web Dev: بر این چارچوب قدرتمند React مسلط شوید
جزییات دوره
2 hours
30
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
10,006
4.4 از 5
ندارد
دارد
دارد
Meta Brains
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Meta Brains Meta Brains

بیایید با هم ابر جهان را کدنویسی و بسازیم! Meta Brains یک برند آموزشی حرفه ای است که توسط تیمی از توسعه دهندگان نرم افزار و متخصصان امور مالی که به امور مالی، کدنویسی و اکسل علاقه دارند، توسعه یافته است. ما تجارب حرفه‌ای و آموزشی را برای ایجاد برنامه‌های آموزشی در سطح جهانی که برای همه قابل دسترسی است، گرد هم می‌آوریم. در حال حاضر، ما بر انقلاب بزرگ بعدی در محاسبات متمرکز هستیم: متاورس. هدف نهایی ما این است که نسل بعدی استعدادها را آموزش دهیم تا بتوانیم با هم متاورز را کدنویسی و بسازیم!