لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش 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
بیایید با هم ابر جهان را کدنویسی و بسازیم! Meta Brains یک برند آموزشی حرفه ای است که توسط تیمی از توسعه دهندگان نرم افزار و متخصصان امور مالی که به امور مالی، کدنویسی و اکسل علاقه دارند، توسعه یافته است. ما تجارب حرفهای و آموزشی را برای ایجاد برنامههای آموزشی در سطح جهانی که برای همه قابل دسترسی است، گرد هم میآوریم. در حال حاضر، ما بر انقلاب بزرگ بعدی در محاسبات متمرکز هستیم: متاورس. هدف نهایی ما این است که نسل بعدی استعدادها را آموزش دهیم تا بتوانیم با هم متاورز را کدنویسی و بسازیم!
نمایش نظرات