پیشنهاد فرادرس

دوره Nuxt.js - Vue.js on Steroids

دسته بندی ها: آموزش Vue.js ، دسته بندی نشده ، آموزش های Packtpub ، آموزش طراحی وب ، آموزش جاوااسکریپت (Javascript)

در این دوره یاد خواهید گرفت اپلیکیشن های Vue.js را با استفاده از Nuxt.js ایجاد کنید. Nuxt رندرینگ سمت سرور را آسان می سازد و یک رویکرد پیکربندی مبتنی بر پوشه ارائه می دهد. Vue.js یک فریمورک جاوا اسکریپتی شگفت انگیز است که می توانید از آن برای ایجاد رابط کاربری بسیار جذاب و اپلیکیشن های تک صفحه ای استفاده کنید. شما با تمام جزئیات آشنا می شوید اما مهمترین مزیت این است که Nuxt.js باعث می شود اپلیکیشن های Vue بهتر و بهینه تر شوند. در این دوره ایجاد اپلیکیشن Nuxt/ Vue، ایجاد پروژه کامل دوره، ویژگی های اصلی Nuxt.js و غیره را فرا خواهید گرفت.

سرفصل:

  • معرفی دوره
  • Nuxt.js چیست؟
  • درک رندرینگ سمت سرور
  • مقایسه رندرینگ سمت سرور Nuxt در مقابل نرمال
  • ایجاد اولین اپلیکیشن Nuxt
  • درک ساختار پوشه
  • چه چیزی می توانیم با Nuxt بسازیم؟
  • صفحات، مسیریابی و نمایش ها
  • ایجاد یک مسیر با Dynamic Path
  • افزودن لینک ها و ناوبری در اطراف
  • اعتبارسنجی پارامترها
  • طرح بندی، صفحات و کامپوننت ها - تئوری
  • اضافه کردن طرح بندی جدید
  • افزودن Default Error Page
  • استایل اپلیکیشن های Nuxt
  • اضافه کردن فونت های خارجی
  • ایجاد صفحه فرود
  • تقسیم صفحه به کامپوننت ها
  • اضافه کردن دارایی های استاتیک - تصویر پس زمینه
  • افزودن کامپوننت هدر
  • مقایسه Vue Router درمقابل Nuxt Router
  • کار بر روی صفحه پست
  • ایجاد یک بخش ادمین
  • تهیه Backend
  • بهبود اپلیکیشن
  • اضافه کردن یک طرح بندی جداگانه به منطقه ادمین
  • مدیریت داده
  • asyncData در کلاینت و سرور
  • اتصال اپلیکیشن به Backend
  • افزودن Firebase به عنوان Backend
  • Nuxt - پیکربندی، پلاگین ها و ماژول ها
  • فایل پیکربندی Nuxt
  • کار با متغیرهای محیطی
  • افزودن پلاگین ها
  • Middleware چیست؟
  • استفاده از Token
  • و غیره
آیا این نوشته را دوست داشتید؟
Nuxt.js - Vue.js on Steroids [Video] Publisher:Packtpub Author:Maximilian Schwarzmüller Duration:6 hours 25 minutes

Build highly engaging Vue.js apps with Nuxt.js. Nuxt adds easy server-side-rendering and a folder-based config approach
This course will take you on a journey where you'll you will learn to build highly engaging Vue.js apps with Nuxt.js. Nuxt adds easy server-side-rendering and a folder-based config approach. Vue.js is an amazing JavaScript framework which you can use to build highly engaging user interfaces and single.- page applications. You'll master all the details in this course but the most important takeaway is that Nuxt.js makes creating better, more optimized, and more capable Vue apps much easier—and all of that while adding pretty much no overhead. You'll learn how to create Nuxt/ Vue apps from scratch! You'll build an entire course project and dive into the core features Nuxt.js offers. By the end of the course, you'll have a complete Vue app, built with Nuxt.js, which can be rendered on the server (or as a static website!) and which is highly optimized.
Style and Approach
This exhaustive course packed with step-by-step instructions, working examples, and helpful advice is divided into clear chunks so you can learn at your own pace and focus on your own areas of interest. Prior Vue.js knowledge is required for this course.
Released: Friday, October 26, 2018
Getting Started
Welcome & Introduction
What is Nuxt.js?
Understanding Server Side Rendering
Nuxt vs "Normal" Server Side Rendering
Creating our First Nuxt App
Understanding the Folder Structure
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
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 Router vs. Nuxt Router
Working on the Post Page
Creating an Admin Section
Preparing the Backend
Improving the App
Adding a Separate Layout to the Admin Area
Handling Data
Module Introduction
Adding Dynamic Data
Preparing Data on the Server-Side (through Nuxt)
asyncData on Client & Server
A Closer Look at the Context Object
Adding Async Data to a Single Post
Handling Errors with a Callback
Using Promises in asyncData
Adding the Vuex Store
Vuex, fetch() and nuxtServerInit()
Wrap Up
Connecting our App to the Backend
Module Introduction
Executing Code on the Server
Adding Firebase as a Backend
Using Firebase to Store Data
Fetching Data from the Backend
Initializing our Store
Fetching all Posts
Editing Posts
Synchronizing Vuex and the Backend
Wrap Up
Nuxt - Config, Plugins & Modules
Module Introduction
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
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
Adding the Logout Functionality
A Quick Bugfix
The Server Side
Module Introduction
Adding Server Side Middleware
Testing the Middleware
Starting a Project with a Server Side Template
Building a Nuxt App
Module Introduction
Universal vs SPA vs Static
Building our App as a Universal App
Building our App as a SPA
Building our App as a Static Website
Improving the Generate Process
Limiting the Amount of http Requests
Adjusting the Store
Round Up
Course Roundup

پیشنهاد فرادرس