آموزش دوره‌ی نکست جی‌اس (Next.js) با شاد‌سی‌یو‌آی (shadcn/ui) و تایپ‌اسکریپت (TypeScript) - ۲۰۲۵ - آخرین آپدیت

دانلود Next JS - Shadcn UI with Typescript - Next.JS Course - 2025

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

یادگیری تخصصی نکست جی اس و شد‌سی‌ان (ShadCN UI) برای اشتغال

تسلط بر نکات کلیدی Next.js و مسیریابی

با این دوره جامع، مهارت‌های ضروری در طراحی و توسعه اپلیکیشن را به صورت یکپارچه بیاموزید. این برنامه شما را به تخصص لازم در Figma برای طراحی UI/UX و React با Next.js برای توسعه اپلیکیشن‌های وب قدرتمند مجهز می‌کند.

چرا این دوره برای اشتغال شما حیاتی است؟

پشته فناوری پیشرفته

در این دوره، به عمیق‌ترین مباحث یک پشته فناوری قدرتمند خواهید پرداخت، از جمله:

  • React.js با Next.js
  • TypeScript
  • ShadCN UI
  • Tanstack Table
  • Tailwind CSS

شما یاد خواهید گرفت که چگونه کد تمیز و مقیاس‌پذیر، مطابق با بهترین شیوه‌های برنامه‌نویسی بنویسید.

مسیریابی و رندرینگ شرطی در Next.js

برنامه درسی ما شما را با مفاهیم اصلی Next.js آشنا می‌کند، مانند:

  • مسیریابی مبتنی بر فایل (File-based routing)
  • مسیریابی پویا (Dynamic routing)
  • رندرینگ شرطی از پارامترهای کوئری (Conditional rendering from query parameters)

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

ادغام طراحی Figma با توسعه React

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

مزیت شغلی در دنیای فناوری

به ما بپیوندید تا در توسعه و طراحی وب مدرن ماهر شوید و خود را در چشم‌انداز رقابتی فناوری متمایز کنید. چه مبتدی باشید و چه به دنبال ارتقای مهارت‌های خود، این دوره ابزار و دانش لازم برای موفقیت را ارائه می‌دهد.

پیش‌نیازها

  • مبانی فناوری وب (Basic Web Tech)
  • مبانی React (React fundamentals)

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

مقدمه Introduction

  • نمایش پروژه دوره Course Project Demonstration

  • طراحی رابط کاربری اپلیکیشن با فیگما App UI Design with FIGMA

  • راه اندازی پروژه Next JS Next JS Project Setup

  • ساخت کامپوننت آیتم منو Creating a Menu Item Component

  • رندر کردن گروه منو Rendering Menu Group

  • تداخل کلاس Tailwind Tailwind Class Collision

  • کامپوننت پنل سمت چپ Left Pane Component

  • مسیریابی پویا Dynamic Routing

  • فراخوانی API Api Call

  • اسلایدر تصویر ShadCN ShadCN Image Slider

  • جدول داده Data Table

نمایش نظرات

آموزش دوره‌ی نکست جی‌اس (Next.js) با شاد‌سی‌یو‌آی (shadcn/ui) و تایپ‌اسکریپت (TypeScript) - ۲۰۲۵
جزییات دوره
8.5 hours
11
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,229
4.8 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Matthew Msingathi Hlazo Matthew Msingathi Hlazo

React Developer و UI Designer