Official Next Js Tutorial Code Along - React Web Development [ویدئو]

Official Next Js Tutorial Code Along - React Web Development [Video]

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: Next.js یک چارچوب محبوب جاوا اسکریپت منبع باز است که برای توسعه وب با React کارآمد و مقیاس پذیر طراحی شده است. Next.js لایه‌های انتزاعی را به React اضافه می‌کند و فرآیند ساخت برنامه‌های وب مدرن را ساده می‌کند. مجموعه‌ای از قراردادها و ویژگی‌هایی را ارائه می‌کند که تجربه توسعه را افزایش می‌دهد و ایجاد برنامه‌های کاربردی و سئو دوستانه را آسان‌تر می‌کند. این دوره جامع Next.js با مقدمه‌ای بر اصول توسعه وب آغاز می‌شود، همانطور که از طریق اصول React، مفاهیم پیشرفته Next.js و استراتژی‌های استقرار در دنیای واقعی پیشرفت می‌کند. ما موضوعات کلیدی مانند رندر سمت سرور (SSR)، رندر سمت مشتری (CSR)، تولید سایت استاتیک (SSG) و بازسازی استاتیک افزایشی (ISR) را بررسی خواهیم کرد. این دوره تجربه عملی با یک پروژه نهایی را ارائه می دهد که همه چیز را از ساختار برنامه ها گرفته تا بهینه سازی عملکرد و SEO را پوشش می دهد. فرمت مدولار سطوح مختلف مهارت را در خود جای می دهد و تجربه یادگیری کامل و عملی را برای همه زبان آموزان تضمین می کند. پس از اتمام این دوره Next.js، در اصول توسعه وب، اصول React و مفاهیم پیشرفته Next.js مهارت خواهید داشت. از طریق تجربه عملی، رندر سمت سرور، رندر سمت مشتری، مسیریابی پویا، و عملکرد و مقیاس پذیری در سناریوهای دنیای واقعی. استاد SSR، CSR، و SSG برای توسعه وب بهینه اصول اولیه React و توسعه اجزای پیشرفته را در Next.js کاوش کنید بهترین روش های Next.js را برای برنامه های کاربردی وب کارآمد و مقیاس پذیر پیاده سازی کنید بیاموزید که مسیرهای پویا برای مدیریت محتوای همه کاره ایجاد کنید برنامه‌های کاربردی کاملاً کاربردی را با استفاده از گردش‌های کاری Vercel و Git/GitHub اجرا کنید برنامه‌های کاربردی برای موتورهای جستجو و پلت‌فرم‌های اجتماعی را از طریق روش‌های فراداده و SEO تقویت کنید. ایده آل برای توسعه دهندگان جوان، پایه ای قوی در اصول توسعه وب، اصول اولیه React و مفاهیم پیشرفته Next.js فراهم می کند. توسعه دهندگان متوسط ​​می توانند مهارت های خود را افزایش دهند و بر آخرین ویژگی های Next.js تسلط پیدا کنند. توسعه دهندگان ارشد وب که به دنبال به روز ماندن با مفاهیم مدرن هستند، بینش های ارزشمندی برای بهینه سازی برنامه های کاربردی وب پیدا خواهند کرد. هیچ تجربه برنامه نویسی لازم نیست، اما توسعه وب اولیه و درک جاوا اسکریپت برای دوره مطلوب است. درک اصول وب، اصول React، مفاهیم پیشرفته Next.js * آموزش رندر سمت سرور به مسیریابی پویا برای درک کامل قابلیت های Next.js * کار بر روی پروژه هایی که شامل ایجاد و استقرار یک برنامه CMS وبلاگ کاملاً کاربردی است.

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

معرفی Introduction

  • بررسی اجمالی دوره Course Overview

  • Next.js چیست و مبانی توسعه وب 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

  • Next.js دقیقاً چیست و مبانی مفید بودن آن What Is Next.js Exactly and Its Usefulness Basics

  • چگونه وب سایت ها و HTML برای مبتدیان کامل کار می کنند How Websites and HTML Work for Complete Beginners

یک وب سایت پایه از ابتدا بسازید Build a Basic Website from Scratch

  • ویرایشگر متن چیست و چگونه VSC را دریافت کنیم What Is a Text Editor and How to Get VSC

  • اولین وب سایت خود را با HTML قدیمی و JS برای مبتدیان کامل راه اندازی کنید Deploy Your First Website with Old-School HTML and JS for Complete Beginners

  • DOM را با JavaScript Web Basics دستکاری کنید Manipulate the DOM with JavaScript Web Basics

  • برنامه نویسی و توسعه وب ضروری در مقابل اعلامی Imperative Versus Declarative Programming and Web Development

یک پروژه React از ابتدا بسازید Build a React Project from Scratch

  • کد وب سایت را به صورت دستی با Src Pointing به برنامه React تبدیل کنید Convert Website Code to a React App Manually with Src Pointing

  • مقدمه ای بر Babel و JSX Introduction to Babel and JSX

ملزومات جاوا اسکریپت برای تسلط بر React JavaScript Essentials for Mastering React

  • Node.js و Node.js چیست را دانلود کنید 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

  • نحوه کار Scope در جاوا اسکریپت How Scope Works in JavaScript

  • بسته شدن چیست و یک مثال با جاوا اسکریپت توضیح داده شده است What Are Closures and an Example with JavaScript Explained

  • الگوی ماژول بسته شدن پیشرفته با کپسوله کردن حریم خصوصی داده ها Advanced Closure Module Pattern with Data Privacy Encapsulation

  • عملکرد و سودمندی فلش در React چیست؟ What Are Arrows Functions and Usefulness in React

  • تخریب با جاوا اسکریپت Destructuring with JavaScript

React Code Along from Scratch – آموزش گام به گام React React Code Along from Scratch – Step-by-Step Learning React

  • نحوه نوشتن کامپوننت ها در React How to Write Components in React

  • نحوه عملکرد ساختار درخت کامپوننت در React و اجزای تودرتو How the Component Tree Structure in React Works and Nested Components

  • نحوه عملکرد Props در React How Props Work in React

  • نقشه برداری از طریق لیست ها در React Mapping Through Lists in React

  • React Hooks و State در React چیست؟ What Are React Hooks and State in React

معرفی Next.js برای توسعه حرفه ای Introduction to Next.js for Professional Development

  • مهاجرت از React به Next.js Migrating from React to Next.js

مفاهیم اصلی Next.js سطح بالاتر Higher-Level Next.js Core Concepts

  • محیط توسعه و ساخت در مقابل ساخت با Next.js Development Environment and Build Versus Production Build with Next.js

  • مقدمه ای بر کامپایلر Next.js Introduction to the Next.js Compiler

  • ابهام زدایی منظور از Next.js 'Compiler' Demystifying What Is Meant by Next.js 'Compiler'

  • Minification در Next.js چیست؟ What Is Minification in Next.js

  • Bundling در Next.js چیست What Is Bundling in Next.js

  • تقسیم کد در 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 - Basics

  • رندرینگ در Next.js چیست What Is Rendering in Next.js

  • پیش رندرینگ در Next.js چیست؟ What Is Pre-Rendering in Next.js

  • CSR چیست، رندر سمت مشتری با Next.js What Is CSR, Client-Side Rendering with Next.js

  • چگونه رندر سمت سرور به عنوان یک شیرجه عمیق تر کار می کند How Server-Side Rendering Works as a Deeper Dive

  • SSG در Next.js چیست؟ What Is SSG in Next.js

  • CDN و Edge در Next.js و Vercel چیست؟ What Are CDNs and the Edge in Next.js and Vercel

یک برنامه Next.js از Scratch Bootcamp Code-Along - Zero to Hero بسازید Build a Next.js App from Scratch Bootcamp Code-Along - Zero to Hero

  • مقدمه و یادداشت سریع در مورد پروژه نهایی آینده Introduction and Quick Note about the Upcoming Final Project

  • چگونه یک قالب Next.js را به صورت محلی راه اندازی کنیم How to Start a Next.js Template Locally

  • نمای کلی ساختار فایل قالب Next.js Next.js Template File Structure Overview

  • نحوه کار صفحات در Next.js How Pages Work in Next.js

  • پیش واکشی و تقسیم کد با لینک و CSN - ناوبری سمت مشتری در N Prefetching and Codesplitting with Link And CSN – Client-Side Navigation in N

کار با Metadata و Assets در Next.js Working with Metadata and Assets in Next.js

  • پروژه CSS Starter Kit را از Next.js Official دانلود کنید Download the CSS Starter Kit Project from Next.js Official

  • نحوه بهینه سازی تصاویر با Next.js How Images Optimize with Next.js

  • اسکریپت ها و داده های سرصفحه و Props با Next.js Scripts and Header Data and Props with Next.js

  • ماژول های CSS و بهینه سازی های Next.js با Layout CSS Modules and Next.js Optimizations with Layout

  • استایل جهانی با Next.js Global Styling with Next.js

  • سفارشی کردن Utility Styles با Next.js Customizing Utility Styles with Next.js

  • متادیتا برای سئو و رسانه های اجتماعی با Next.js Metadata for SEO and Social Media with Next.js

  • نوشتن اجزای طرح بندی پویا با Next.js Writing Dynamic Layout Components with Next.js

  • نحوه استفاده از Children و Props در React و Next.js How to Use Children and Props in React and Next.js

پیش رندر و واکشی داده با Next.js Pre-Rendering and Data Fetching with Next.js

  • تست های پیش رندر با Next.js Pre-Rendering Tests with Next.js

  • تولید استاتیک در مقابل رندر سمت سرور با Next.js چیست؟ What Is Static Generation Versus Server-Side Rendering with Next.js

  • تولید استاتیک با داده در Next.js Static Generation with Data in Next.js

  • الگوریتم‌های اساسی مختصر برای تمرین و پردازش داده Next.js Concise Basic Algorithms for Next.js Practice and Data Processing

  • تولید استاتیک و GetStaticProps با Next.js Static Generation and GetStaticProps with Next.js

  • زمان استفاده از GetStaticPropsServer با Next.js When to Use GetStaticPropsServer with Next.js

  • SSR در مقابل CSR و GetServerSideProps با Next.js SSR Versus CSR and GetServerSideProps with Next.js

مسیرهای پویا با Next.js Dynamic Routes with Next.js

  • نحوه ایجاد مسیرهای پویا با Next.js How to Create Dynamic Routes with Next.js

  • getStaticPaths با اجرای Next.js getStaticPaths with Next.js Implementation

  • تسلط بر رندر استاتیک پویا با Next.js Mastering Dynamic Static Rendering with Next.js

  • رندر کردن نشانه‌گذاری و آسیب‌پذیری‌های امنیتی با HTML تزریقی Rendering Markdown and Security Vulnerabilities with Injected HTML

  • صیقل دادن صفحات پست پویا Polishing the Dynamic Post Pages

  • صیقل دادن کامپوننت Next.js با Styling Polishing a Next.js Component with Styling

  • واکشی داده و پایگاه داده Querying Plus ISR با Next.js Fetching Data and Database Querying Plus ISR with Next.js

  • مسیرهای API با Next.js API Routes with Next.js

نحوه استقرار یک برنامه Next.js از ابتدا How to Deploy a Next.js Application from Scratch

  • GitHub چیست و چگونه با آن شروع کنیم What Is GitHub and How to Get Started with It

  • چگونه برنامه Next.js خود را به GitHub فشار دهید How to Push Your Next.js App to GitHub

  • برنامه خود را در Vercel مستقر کنید و تغییرات را با GitHub انجام دهید Deploy Your App to Vercel and Commit Changes with GitHub

  • ساخت ویژگی‌های چند شاخه‌ای در دنیای واقعی در GitHub با React Real-World Multi-Branch Feature Building on GitHub with React

  • درخواست ها و بررسی کدهای ادغام با استقرار خودکار Vercel GitHub Pull Requests and Merging Code Reviews with GitHub Automatic Vercel Deployment

نمایش نظرات

Packtpub یک ناشر دیجیتالی کتاب‌ها و منابع آموزشی در زمینه فناوری اطلاعات و توسعه نرم‌افزار است. این شرکت از سال 2004 فعالیت خود را آغاز کرده و به تولید و انتشار کتاب‌ها، ویدیوها و دوره‌های آموزشی می‌پردازد که به توسعه‌دهندگان و متخصصان فناوری اطلاعات کمک می‌کند تا مهارت‌های خود را ارتقا دهند. منابع آموزشی Packtpub موضوعات متنوعی از جمله برنامه‌نویسی، توسعه وب، داده‌کاوی، امنیت سایبری و هوش مصنوعی را پوشش می‌دهد. محتوای این منابع به صورت کاربردی و به‌روز ارائه می‌شود تا کاربران بتوانند دانش و توانایی‌های لازم برای موفقیت در پروژه‌های عملی و حرفه‌ای خود را کسب کنند.

Official Next Js Tutorial Code Along - React Web Development [ویدئو]
جزییات دوره
10 h 26 m
79
Packtpub Packtpub
(آخرین آپدیت)
از 5
ندارد
دارد
دارد
Clarian North
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Clarian North Clarian North

درباره من

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

Clarian مدیر عامل Orbital LLC، مشاوره و توسعه فناوری است که در سراسر جهان از جمله شرکت های پیشرو دره سیلیکون و همچنین 40 پروتکل برتر بلاک چین در میان Solana و NEAR تعامل دارد.

مهندس ارشد پروژه با بیش از 90 هزار ثبت نام در دوره های کدنویسی و ماژول های آموزشی در سراسر جهان - ثبت نام از توسعه دهندگان و پیمانکاران Google و Amazon. تجربه کاری بین‌المللی از نیویورک تا برلین، کلاریان (مستعار موریس کی) به تعدادی از جریان‌های ویروسی کمک کرده و در بیش از 80 کشور جهان اثر دیجیتالی منحصر به فردی ایجاد کرده است. Clarian در Rolling Stone، Billboard، Guardian، Yahoo Finance، Bloomberg، Clash، Broadway، New York Vulture، Vice در میان بسیاری دیگر به عنوان یک مبتکر و پیشگام در مهندسی صدا و فناوری حضور داشته است.

با اتخاذ رویکردی مشخص در طراحی تولید که راه‌اندازی و کمک به چندین لباس و پروژه مستقل و بزرگ بوده است، کلاریان برای برندهای پیشرو جهانی از یونیورسال تا امارات، قابلیت همکاری واقعیت مجازی آمبیسونیک برای Guy کار کرده و مشارکت داشته است. Laliberte's PY1 و EP های خودش در برچسب های نامی مانند Kompakt، مستقر در آلمان به نمایش درآمده است.

کلاریان به عنوان مهندس ارشد (میکس و مسترینگ) و تهیه کننده مشترک (نویسندگی و تنظیم) برای رشته های اصلی کار کرده است. ، هند و ناشران بین المللی از جمله همکاری با تولیدات نامزد شده و برنده جایزه گرمی. چند سهم قابل توجه عبارتند از میکس برای شرکت هایی مانند Emirates Airline Inflight Radio، اجراهای تولید پیشرفته مانند VR PY1 برای Guy Laliberte از Circle De Soleil، و همچنین تولید، میکس و مسترینگ برای کمپانی معروف آلمانی Kompakt Records و غیره. . طراحی‌های استودیویی و معماری صوتی او توسط مجلات صوتی پیشرو جهان مانند Future Music و Mixmag و همچنین دنبال‌کنندگان مستقل خود از تولیدات صوتی که به صورت ارگانیک در ده‌ها میلیون نفر پخش می‌شوند، به‌طور گسترده مورد تحسین قرار گرفته‌اند. اکنون که بیش از یک دهه از اجرا و قرارداد در برخی از بزرگ‌ترین جشنواره‌های جهان وقفه دارد، کلاریان همه چیزهایی را که درباره تولید صوتی آموخته است جمع‌آوری کرده است تا به تهیه‌کنندگان مهارت‌های مورد نیازشان را بیاموزد و آن‌ها را در این مسیر به سمت فرصت‌های شغلی شگفت‌انگیز و شکستن سوق دهد. آن موانع برای ارتقاء واقعی و شروع به پایان رساندن پروژه ها و تولیدات خود که در آنها گیر کرده بودند.

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

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

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

درس های کلاریان شما را از طریق موضوعات و تکنیک های پیچیده فقط با رایانه و نرم افزار رایگان خود راهنمایی می کند و واضح تر ارائه می دهد. و خرابی های ساده برای ارتقاء مجموعه مهارت ها و توانایی شما برای به پایان رساندن پروژه ها با بهترین فناوری و تکنیک های موجود.

منتظر دیدار شما در درس ها هستم!