دوره آموزشی Next.js

اطلاعات بیشتر​

Next.js امروز یکی از مهم‌ترین ابزارها برای توسعه وب مدرن است؛ فریم‌ورکی مبتنی بر React که به شما امکان می‌دهد وب‌سایت‌ها و اپلیکیشن‌هایی سریع، بهینه، سئو‌محور و مقیاس‌پذیر بسازید. اگر به دنبال یادگیری Next.js به‌صورت اصولی، کاربردی و مطابق با استانداردهای روز بازار کار هستید، این دوره دقیقاً برای همین هدف طراحی شده است.

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

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

یکی از نقاط قوت Next.js، امکان پیاده‌سازی منطق سمت سرور بدون نیاز به بک‌اند جداگانه است. در این دوره با ساخت API، ارسال و دریافت داده واقعی، مدیریت خطا و پیاده‌سازی فرم‌های کاربردی آشنا می‌شوید و می‌بینید چطور می‌توان یک اپلیکیشن کامل را تنها با Next.js توسعه داد.

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

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

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

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


این دوره برای چه کسانی مناسب است؟

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


نتیجه‌ای که از این دوره می‌گیرید

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

Next.js فقط یک ابزار نیست؛ یک نگاه مدرن به توسعه وب است. این دوره کمک می‌کند این نگاه را عمیق، کاربردی و قابل استفاده یاد بگیرید.

سرفصل‌های آموزشی​

    • معرفی js و مقایسه با React
    • آشنایی با App Router
    • ساختار پوشه app/Server Component vs Client Component
    • ایجاد پروژه اولیه
    • ساخت اولین صفحه و Layout
    • File-based Routing
    • Nested Routes
    • Dynamic Routes
    • Catch-all Routes
    • Layout و Template
    • صفحات Loading و Error
    • ناوبری با Link و useRouter
    • SSR، SSG، ISR، CSR
    • fetch در Server Components
    • Cache و Revalidate
    • نمایش داده از APIهای خارجی
    • الگوهای معماری داده در js
    • معرفی Route Handlers
    • ساخت API با GET و POST
    • ساخت فرم با Server Actions
    • مدیریت خطا
    • ارسال و دریافت داده واقعی
    • معرفی CSS Modules، Tailwind یا Bootstrap
    • طراحی صفحات واکنش‌گرا
    • بهینه‌سازی تصاویر با next/image
    • مدیریت فونت با next/font
    • ساخت Metadata برای SEO
    • OpenGraph و Social Preview
    •  
    • Context API
    • هوک‌های سفارشی
    • LocalStorage و Cookies
    • ساخت فرم در Client Components
    •  
    • مفاهیم پایگاه داده SQL
    • علت مناسب‌بودن SQLite برای دوره
    • نصب Prisma
    • تعریف Schema اولیه
    • اجرای Migration
    • Query اولیه با Prisma Client
    • مدل‌سازی دیتا
    • ساخت Route Handlerهای GET، POST، PUT، DELETE
    • اتصال فرم‌ها به API
    • مدیریت خطا و Status Codes
    • نمایش داده از دیتابیس

بخش اول: Authentication

  • احراز هویت با JWT
  • ذخیره توکن در Cookie
  • ساخت Middleware
  • redirect کاربران لاگین‌نشده

بخش دوم: SEO و Performance

  • تنظیم Metadata
  • ساخت Sitemap و txt
  • بررسی پروژه با Lighthouse
  • نکات Core Web Vitals

بخش اول: پروژه نهایی

  • انتخاب پروژه (وبلاگ، لیست محصولات، لیست تورها)
  • پیاده‌سازی Routing + Data Fetching + CRUD + SEO
  • ساخت نسخه Production
  • دیپلوی روی Vercel

بخش دوم: آشنایی با CMS

  • معرفی مفهوم Headless CMS
  • آشنایی با Strapi، Sanity و Directus
  • مقایسه CMS با Prisma

سوالات متداول​

این دوره بصورت آنلاین در بستر نرم افزار Adobe connect برگزار میگردد. 

پس از گذراندن دوره و در صورت کسب نمره قبولی در آزمون‌ها و پروژه‌ها به فراگیران گواهینامه ارائه می‌شود.

دوره هایی که هزینه آن ها بالای 6 میلیون تومان است شرایط پرداخت اقساط دارند، برای اطلاع از نحوه پرداخت اقساط با کارشناس دپارتمان هماهنگی های لازم را انجام دهید.

    • آشنایی با   Network+ , LPIC1, LPIC 2
    • توانایی کار کردن  با خط فرمان لینوکس
    • آشنایی با مفاهیم پایه‌ای مانند permission، user، process، network basic
    • مدیریت فایل‌ها و فولدرها
    • نصب پکیج (apt/yum).
    • توانایی نوشتن اسکریپت ساده bash
    • آشنایی با SSH، انتقال فایل با scp، و job scheduling (cron)

جهت آشنایی با نحوه ترجمه مدارک جهاد دانشگاهی صنعتی شریف به این لینک مراجعه کنید.

نظرسنجی​

دیدگاهتان را بنویسید

مشاوره و ثبت‌نام: