آموزش Nuxt.js - Vue.js در استروئیدها [ویدئو]

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

شروع شدن Getting Started

• خوش آمدید و معرفی Welcome & Introduction

• Nuxt.js چیست؟ What is Nuxt.js?

• آشنایی با رندر سمت سرور Understanding Server Side Rendering

• Nuxt در مقابل رندر سمت سرور "عادی". Nuxt vs "Normal" Server Side Rendering

• ایجاد اولین برنامه Nuxt ما Creating our First Nuxt App

• آشنایی با ساختار پوشه Understanding the Folder Structure

• چه چیزی می توانیم با Nuxt بسازیم؟ What can we Build with Nuxt?

• داخل این دوره چیست؟ What's Inside This Course?

• چگونه از این دوره بیشترین بهره را ببرید How To Get The Most Out Of This Course

صفحات، مسیریابی و بازدیدها Pages, Routing & Views

• معرفی ماژول Module Introduction

• از پوشه ها به مسیرها From Folders to Routes

• ایجاد یک مسیر با یک مسیر پویا Creating a Route with a Dynamic Path

• افزودن پیوندها و پیمایش در اطراف Adding Links & Navigating Around

• اعتبارسنجی پارامترها Validating Parameters

• ایجاد مسیرهای تودرتو Creating Nested Routes

• طرح‌بندی، صفحات و مؤلفه‌ها - تئوری Layouts, Pages & Components – Theory

• اضافه کردن یک طرح بندی جدید Adding a New Layout

• افزودن صفحه خطای پیش فرض Adding a Default Error Page

• کار با اجزای "عادی". Working with "Normal" Components

• استایل سازی برنامه های Nuxt Styling Nuxt Apps

• بسته شدن Wrap Up

پروژه - صفحات، مسیریابی و نماها Project - Pages, Routing & Views

• معرفی ماژول Module Introduction

• ایجاد "بخش" اصلی (صفحات) Creating the Main "Sections" (Pages)

• اضافه کردن فونت های خارجی Adding External Fonts

• ایجاد صفحه فرود Creating the Landing Page

• تقسیم صفحه به اجزا Splitting the Page into Components

• افزودن دارایی های ثابت - تصویر پس زمینه Adding Static Assets - The Background Image

• اضافه کردن کامپوننت هدر Adding the Header Component

• روتر Vue در مقابل روتر Nuxt Vue Router vs. Nuxt Router

• کار بر روی صفحه پست Working on the Post Page

• ایجاد بخش مدیریت Creating an Admin Section

• آماده سازی Backend Preparing the Backend

• بهبود برنامه Improving the App

• اضافه کردن یک چیدمان جداگانه به قسمت مدیریت Adding a Separate Layout to the Admin Area

مدیریت داده ها Handling Data

• معرفی ماژول Module Introduction

• افزودن داده های پویا Adding Dynamic Data

• آماده سازی داده ها در سمت سرور (از طریق Nuxt) Preparing Data on the Server-Side (through Nuxt)

• asyncData روی کلاینت و سرور asyncData on Client & Server

• نگاهی دقیق تر به Context Object A Closer Look at the Context Object

• افزودن داده های Async به یک پست واحد Adding Async Data to a Single Post

• رسیدگی به خطاها با پاسخ به تماس Handling Errors with a Callback

• استفاده از Promises در asyncData Using Promises in asyncData

• افزودن فروشگاه Vuex Adding the Vuex Store

• Vuex، fetch() و nuxtServerInit() Vuex, fetch() and nuxtServerInit()

• بسته شدن Wrap Up

اتصال برنامه ما به Backend Connecting our App to the Backend

• معرفی ماژول Module Introduction

• اجرای کد روی سرور Executing Code on the Server

• افزودن Firebase به عنوان Backend Adding Firebase as a Backend

• استفاده از Firebase برای ذخیره داده ها Using Firebase to Store Data

• واکشی داده ها از Backend Fetching Data from the Backend

• راه اندازی فروشگاه ما Initializing our Store

• واکشی همه پست ها Fetching all Posts

• ویرایش پست ها Editing Posts

• همگام سازی Vuex و Backend Synchronizing Vuex and the Backend

• بسته شدن Wrap Up

Nuxt - پیکربندی، پلاگین ها و ماژول ها Nuxt - Config, Plugins & Modules

• معرفی ماژول Module Introduction

• فایل پیکربندی Nuxt The Nuxt Config File

• ویژگی بارگیری The Loading Property

• کار با متغیرهای محیطی Working with Environment Variables

• دستکاری تنظیمات مسیریابی Manipulating Routing Settings

• متحرک سازی انتقال صفحه Animating Page Transitions

• اضافه کردن پلاگین ها Adding Plugins

• ثبت فیلتر تاریخ Registering a Date Filter

• درک ماژول ها Understanding Modules

• بسته شدن Wrap Up

میان افزار و احراز هویت Middleware & Authentication

• معرفی ماژول Module Introduction

• Middleware چیست؟ What is Middleware?

• اضافه کردن ثبت نام کاربر Adding User Signup

• افزودن ورود کاربر Adding User Login

• ذخیره توکن Storing the Token

• استفاده از توکن برای احراز هویت Using the Token for Authentication

• پیاده سازی میان افزار Implementing a Middleware

• باطل کردن توکن Invalidating the Token

• تداوم توکن در سراسر صفحه بازخوانی می شود Persisting the Token Across Page Refreshes

• پیاده سازی کوکی ها Implementing Cookies

• تعمیر تایمر خروج Fixing the Logout Timer

• افزودن عملکرد خروج Adding the Logout Functionality

• رفع اشکال سریع A Quick Bugfix

سمت سرور The Server Side

• معرفی ماژول Module Introduction

• افزودن میان افزار سمت سرور Adding Server Side Middleware

• تست Middleware Testing the Middleware

• شروع پروژه با قالب سمت سرور Starting a Project with a Server Side Template

ساخت اپلیکیشن Nuxt Building a Nuxt App

• معرفی ماژول Module Introduction

• یونیورسال در مقابل SPA در مقابل استاتیک Universal vs SPA vs Static

• ساخت برنامه ما به عنوان یک برنامه جهانی Building our App as a Universal App

• ساخت برنامه ما به عنوان یک SPA Building our App as a SPA

• ساخت برنامه ما به عنوان یک وب سایت ثابت Building our App as a Static Website

• بهبود فرآیند تولید Improving the Generate Process

• محدود کردن تعداد درخواست‌های http Limiting the Amount of http Requests

• تنظیم فروشگاه Adjusting the Store

گرد کردن Round Up

• خلاصه دوره Course Roundup