Master Next.js: توسعه کامل وب، React Basics، Advanced Next.js و Deployment

مدرس Packt Publishing

انتشار 2026/02/25

مدت زمان 10h 12m

سطح مناسب همه

فایل تمرینی دارد

آموزش Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment

Next.js فرآیند ساخت برنامه‌های کاربردی وب مدرن را ساده می‌کند و تجربه توسعه را بهبود می‌بخشد و ایجاد برنامه‌های کاربردی و سئو پسند را آسان‌تر می‌کند. این دوره جامع Next.js شما را با اصول توسعه وب آشنا می کند و سپس از طریق اصول React، مفاهیم پیشرفته Next.js و استراتژی های استقرار در دنیای واقعی پیشرفت می کند. موضوعات کلیدی مانند رندر سمت سرور (SSR)، رندر سمت مشتری (CSR)، تولید سایت ایستا (SSG) و بازسازی استاتیک افزایشی (ISR) را کاوش کنید. مهارت خود را با اصول توسعه وب، موارد ضروری React و مفاهیم پیشرفته Next.js ایجاد کنید. با یک پروژه نهایی که همه چیز را از ساختار برنامه‌ها گرفته تا بهینه‌سازی عملکرد و SEO را پوشش می‌دهد، تجربه عملی کسب کنید. به علاوه، رندر سمت سرور، رندر سمت سرویس گیرنده، مسیریابی پویا، و عملکرد و مقیاس پذیری در سناریوهای دنیای واقعی. فرمت مدولار دوره سطوح مهارت های مختلفی را در خود جای می دهد. این دوره توسط Packt Publishing ایجاد شده است. ما خوشحالیم که میزبان این آموزش در کتابخانه خود هستیم.

Next.js React.js Web Development

Introduction

Course overview ()

What is Next.js and web development basics ()

What are the essentials of web development for beginners? ()

Quick note on self-learning ()

What is React for complete beginners? ()

What is Next.js exactly and its usefulness basics? ()

How websites and HTML work for complete beginners ()

1. Build a Basic Website from Scratch

What is a text editor and how to get VSC? ()

Deploy your first website with old-school HTML and JS for complete beginners ()

Manipulate the DOM with JavaScript web basics ()

Imperative versus declarative programming and web development ()

2. Build a React Project from Scratch

Convert website code to a React app manually with src pointing ()

Introduction to Babel and JSX ()

3. JavaScript Essentials for Mastering React

Download Node.js and what is Node.js? ()

Setting up our learning environment ()

What are functions in JavaScript? ()

Example of how functions work in JavaScript for complete beginners ()

What are function expressions in JavaScript? ()

JavaScript interview question trick with function expressions and utility fun ()

What is function hoisting in JavaScript? ()

How scope works in JavaScript ()

What are closures and an example with JavaScript explained? ()

Advanced closure module pattern with data privacy encapsulation ()

What are arrow functions and usefulness in React? ()

Destructuring with JavaScript ()

4. React Code Along from Scratch: Step-by-Step Learning React

How to write components in React ()

How the component tree structure in React works and nested components ()

How props work in React ()

Mapping through lists in React ()

What are React hooks and state in React? ()

5. Introduction to Next.js for Professional Development

Migrating from React to Next.js ()

6. Higher-Level Next.js Core Concepts

Development environment and build versus production build with Next.js ()

Introduction to the Next.js compiler ()

Demystifying what is meant by Next.js 'compiler' ()

What is minification in Next.js? ()

What is bundling in Next.js? ()

What is code splitting in Next.js? ()

Build-time versus run-time basics ()

What is the client and what is the server in web applications? The basics ()

What is rendering in Next.js? ()

What is pre-rendering in Next.js? ()

What is CSR, client-side rendering with Next.js? ()

How server-side rendering works as a deeper dive ()

What is SSG in Next.js? ()

What are CDNs and the edge in Next.js and Vercel? ()

7. Build a Next.js App from Scratch Bootcamp Code-Along: Zero to Hero

Introduction and quick note about the upcoming final project ()

How to start a Next.js template locally ()

Next.js template file structure overview ()

How pages work in Next.js ()

Prefetching and codesplitting with Link and CSN – client-side navigation in Next.js ()

8. Working with Metadata and Assets in Next.js

Download the CSS starter kit project from Next.js official ()

How images optimize with Next.js ()

Scripts and header data and props with Next.js ()

CSS modules and Next.js optimizations with layout ()

Global styling with Next.js ()

Customizing utility styles with Next.js ()

Metadata for SEO and social media with Next.js ()

Writing dynamic layout components with Next.js ()

How to use children and props in React and Next.js ()

9. Pre-rendering and Data Fetching with Next.js

Pre-rendering tests with Next.js ()

What is static generation versus server-side rendering with Next.js? ()

Static generation with data in Next.js ()

Concise basic algorithms for Next.js practice and data processing ()

Static generation and GetStaticProps with Next.js ()

When to use GetStaticPropsServer with Next.js ()

SSR versus CSR and GetServerSideProps with Next.js ()

10. Dynamic Routes with Next.js

How to create dynamic routes with Next.js ()

getStaticPaths with Next.js implementation ()

Mastering dynamic static rendering with Next.js ()

Rendering markdown and security vulnerabilities with injected HTML ()

Polishing the dynamic post pages ()

Polishing a Next.js component with styling ()

Fetching data and database querying plus ISR with Next.js ()

API routes with Next.js ()

11. How to Deploy a Next.js Application from Scratch

What is GitHub and how to get started with it? ()

How to push your Next.js app to GitHub ()

Deploy your app to Vercel and commit changes with GitHub ()

Real-world multi-branch feature building on GitHub with React ()

Pull requests and merging code reviews with GitHub automatic Vercel deployment ()

Ex_Files_Master_Nextjs_Elaborate.zip (160 KB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.