دسته بندی

در حال حاضر محصولی در سبد خرید شما وجود ندارد.

پنل کاربری

رمز خود را فراموش کرده اید؟ اگر اولین بار است از سایت جدید استفاده میکنید باید پسورد خود را ریست نمایید.

دوره یادگیری مبتنی بر مثال Next.js

دانلود Udemy Next.js by Example

10,900 تومان
بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
افزودن به سبد خرید
خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

ویدئو معرفی این محصول

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با کار با نکست جی اس یاد می گیرید.

عنوان اصلی : Next.js by Example

این مجموعه آموزش ویدیویی محصول موسسه آموزشی Udemy است که بر روی 1 حلقه دیسک ارائه شده و به مدت زمان 8 ساعت و 3 دقیقه در اختیار علاقه مندان قرار می گیرد.

در ادامه با برخی از سرفصل های درسی این مجموعه آموزش آشنا می شویم :


شروع به کار:
وبلاگ بعدی: Overview
ابزار مورد نیاز
NEXT.JS پروژه راه اندازی
پیش رندر
توسعه VS سرور تولید
مسیریابی و ناوبری:
اضافه کردن صفحات جدید
جزء لینک بعدی
جزء Navbar مشترک
کامپوننت برنامه سفارشی
مولفه بعدی سر
یک ظاهر طراحی شده:
جهانی سبک های جهانی
سبک های کامپوننت با jsx سبک
تصاویر و سایر دارایی ها
بارگیری داده ها:
صفحه اول پست اول
Syntax Markdown
GetStaticProps تابع
GetStaticProps در حالت تولید
خواندن یک فایل
Lib Module
رندر Markdown
مواد جلو
مسیر پویا و getstatatatatss
لیست فایل ها را در یک پوشه
لیست پست ها
مسیرهای پویا در حالت تولید
قابلیت های سمت مشتری:
جزء Themeswitch
سبک حالت تاریک
DarkTheme Component
هیدراتاسیون
ذخیره ترجیحات به ذخیره سازی محلی
تشخیص ویژگی


Getting Started :
Next Blog: Overview
Required Tools
Next.js Project Setup
Pre-rendering
Development vs Production Server

Routing and Navigation :
Adding New Pages
Next Link Component
Shared NavBar Component
Custom App Component
Next Head Component

Styling :
Global Styles
Component Styles with Styled JSX
Images and Other Assets

Loading Data :
First Post Page
Markdown Syntax
getStaticProps Function
getStaticProps in Production Mode
Reading a File
Lib Module
Rendering Markdown
Front Matter
Dynamic Route and getStaticPaths
Listing Files in a Folder
Listing Posts
Dynamic Routes in Production Mode

Client-side Functionality :
ThemeSwitch Component
Dark Mode Styles
DarkTheme Component
Hydration
Saving Preferences to Local Storage
Feature Detection

Deployment :
Deployment Options
Vercel Platform
Exporting as a Static Website
Linux Server with Nginx
Linux Server with Node.js

Next Shop: Setup :
Next Shop: Overview
Create Next App
TypeScript Support
Tailwind CSS Setup
Utility-First CSS
High-level Architecture
Strapi Headless CMS
Backend Setup

Data Fetching :
Displaying Products
Fetching Data Server-side
Fetching Data Client-side
Incremental Static Regeneration
Server-side Rendering
API Routes
Calling API Routes
Choosing a Data Fetching Strategy
Product Page Links
Product Page
Regenerating Product Pages
Fallback: Blocking
Fallback and Page Not Found
Shared fetchJson function
Custom Error Class
Fallback and Backend Unavailable
Environment Variables

Responsive Design and Image Optimization :
Product Card
Responsive Grid
Product Images
Next Image Component
Responsive Product Page

Authentication :
Strapi Authentication
Common Page Component
Sign In Form
Form State and Validation
Sign In API Request
Error and Loading States
API Route with POST
Login API Route
Setting a Cookie
NavBar with Authentication
User API Route
Loading User Data
Signing Out

React Query :
Why React Query
useQuery Hook
useUser Custom Hook
useMutation Hook
Updating the Query Cache
useSignIn Custom Hook
useSignOut Custom Hook

Shopping Cart (Exercises) :
Cart Items Collection
Cart Page
Cart API Route
Fetching Cart Items
Displaying Cart Items
POST Cart Handler
Add to Cart Widget
Add to Cart Mutation
Conclusion