آموزش مبانی Nuxt - آخرین آپدیت

دانلود Nuxt Foundations

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

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: فریم‌ورک Nuxt مجموعه‌ای از قابلیت‌ها را ارائه می‌دهد که کار با Vue.js را بسیار ساده می‌کند. در دوره مبانی Nuxt، شما یاد می‌گیرید که چگونه اپلیکیشن‌هایی با کارایی بالا با استفاده از Nuxt توسعه دهید. ابتدا، نحوه استفاده از پوشه pages برای ایجاد کامپوننت‌های مسیردار و لایوت‌ها را با استفاده از قراردادهای مسیریابی مبتنی بر فایل بررسی خواهید کرد. سپس، با نحوه استفاده از کامپوزبل‌ها و کامپوننت‌های Auto-import و همچنین استفاده از کامپوزبل‌های داخلی مانند useFetch و useState آشنا می‌شوید. در نهایت، مزایا و معایب رندرینگ سمت کلاینت (CSR) و سمت سرور (SSR) را آموخته و نحوه بهره‌برداری از حالت‌های مختلف رندرینگ در Nuxt شامل CSR، SSG و رندرینگ یونیورسال را فرا خواهید گرفت. پس از اتمام این دوره، شما مهارت‌ها و دانش لازم از متافریم‌ورک Nuxt را برای ساخت اپلیکیشن‌های مدرن و مقیاس‌پذیر با Vue.js به دست خواهید آورد.

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

مسیریابی مبتنی بر فایل در Nuxt File-based Routing in Nuxt

شروع کار با Nuxt Getting Started with Nuxt
استفاده از پوشه Pages در Nuxt Using the Nuxt Pages Folder
ایجاد مسیرهای پویا (Dynamic Routes) Creating Dynamic Routes
استفاده از لایوت‌های سایت در Nuxt Using Nuxt Site Layouts
استفاده از قابلیت Auto Imports در Nuxt Using Nuxt Auto Imports
ایجاد مسیرهای API سرور در Nuxt Creating Nuxt Server API Routes
دریافت داده‌ها از API با استفاده از $fetch() Fetching Data from an API with $fetch()

استفاده از کامپوزبل‌ها و کامپوننت‌های فرزند Auto-imported Using Auto-imported Composables and Child Components

وارد کردن خودکار (Auto import) کامپوننت‌های فرزند غیر مسیری Auto-importing Non-routed Child Components
وارد کردن خودکار کامپوزبل‌ها Auto Importing Composables
استفاده از کامپوزبل داخلی useFetch() در Nuxt Using Nuxt's Built-in useFetch() Composable
استفاده از کامپوزبل داخلی useState() در Nuxt Using Nuxt's Built-in useState() Composable

استفاده از رندرینگ سمت سرور و حالت‌های رندرینگ Nuxt Using Server-side Rendering and Nuxt Rendering Modes

درک تفاوت رندرینگ سمت کلاینت در مقابل سمت سرور Understanding Client-side vs. Server-side Rendering
نحوه عملکرد رندرینگ یونیورسال در Nuxt How Nuxt Universal Rendering Works
بررسی مجدد useFetch() و useState() در Nuxt Revisiting Nuxt's useFetch() and useState()
انتخاب بین رندرینگ سمت کلاینت یا سمت سرور (SSR) Choosing Client-side or Server-side Rendering (SSR)
استفاده از Pre-rendering و Revalidation Using Pre-rendering and Revalidation
استفاده از راهکارهای Hybrid Rendering Using Hybrid Rendering Solutions