Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Web Development
Vue JS
Nuxt.js 2 - Vue.js on Steroids

Nuxt.js 2 - Vue.js on Steroids

Loại khoá học: Web Development

Build highly engaging Vue JS apps with Nuxt.js. Nuxt adds easy server-side-rendering and a folder-based config approach.

image
50.000 VND
2.399.000 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

Vue.js is an amazing JavaScript framework which you can use to build highly engaging user interfaces and single page applications. You can join my bestselling course on Vue.js, here on Udemy, if you want to learn more about this awesome framework!

Nuxt.js takes Vue-js to the next level!

It's a library for Vue.js (kind of a "framework for a framework") and it adds two major things to Vue.js:

  • Server-side-rendering of your Vue app out of the box

  • Easy Vue app configuration via folders and files

You'll of course learn all the details in this course but the most important takeaway is that Nuxt.js makes the creation of better, more optimized and more capable Vue apps much easier - and all of that whilst adding pretty much no overhead.

In this course, I'll teach you how to create Nuxt/ Vue apps from scratch! We'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.

The course will teach you:

  • What Nuxt.js exactly is and how it's connected to Vue.js

  • How you use Nuxt.js to build better Vue apps

  • Everything you need to know about the "configure via folders & files" approach taken by Nuxt

  • Different build possibilities like SSR apps, SPAs or a static webpage

  • How you build an entire project, including authentication, via Nuxt.js

  • And way more!

Who am I?

My name is Maximilian Schwarzmüller and I'm the instructor of the 5* rated, bestselling Vue.js course here on Udemy. I worked with Vue since it's beta, the same is true for Nuxt.js.

I absolutely love these two frameworks and I can't wait to dive into them together with you!

Bạn sẽ học được gì

Build server-side-rendered single-page-applications (SPAs)

Build normal, optimized SPAs with minimal effort

Generate a static webpage from Vuejs code

Yêu cầu

  • Vuejs knowledge is required, though you don't need to be an expert at all
  • That's actually all, you'll learn the rest in the course :)

Nội dung khoá học

10 sections

Getting Started

12 lectures
Welcome & Introduction
01:53
What is Nuxt.js?
02:58
Join our Online Learning Community
00:21
Understanding Server Side Rendering
04:01
Nuxt vs "Normal" Server Side Rendering
01:32
Creating New Nuxt Projects & Nuxt 2
00:15
Creating our First Nuxt App
05:07
Understanding the Folder Structure
05:37
What can we Build with Nuxt?
02:33
What's Inside This Course?
02:06
How To Get The Most Out Of This Course
01:57
Where to Find the Source Code
00:09

Pages, Routing & Views

14 lectures
Module Introduction
00:55
From Folders to Routes
06:32
Creating a Route with a Dynamic Path
05:24
Adding Links & Navigating Around
06:21
Time to Practice - Pages & Routing
1 question
Validating Parameters
05:57
Creating Nested Routes
03:11
Layouts, Pages & Components - Theory
01:30
Adding a New Layout
03:52
Adding a Default Error Page
01:23
Working with "Normal" Components
07:51
Styling Nuxt Apps
05:35
Wrap Up
01:03
Useful Resources & Links
00:03

Project - Pages, Routing & Views

14 lectures
Module Introduction
01:13
Creating the Main "Sections" (Pages)
07:58
Adding External Fonts
03:49
Creating the Landing Page
05:50
Splitting the Page into Components
08:28
Adding Static Assets - The Background Image
02:33
Adding the Header Component
05:54
Vue Router vs. Nuxt Router
01:29
Working on the Post Page
04:33
Creating an Admin Section
12:36
Preparing the Backend
10:20
Improving the App
02:37
Adding a Separate Layout to the Admin Area
02:50
Useful Resources & Links
00:02

Handling Data

14 lectures
Module Introduction
01:00
Adding Dynamic Data
05:52
Preparing Data on the Server-Side (through Nuxt)
09:08
Time to Practice - Server-Side Data
1 question
asyncData on Client & Server
03:17
A Closer Look at the Context Object
02:45
Adding Async Data to a Single Post
05:31
Handling Errors with a Callback
01:55
Using Promises in asyncData
03:17
Important: Restart the dev server in next lecture!
00:13
Adding the Vuex Store
07:59
Vuex, fetch() and nuxtServerInit()
09:26
Wrap Up
03:12
Useful Resources & Links
00:03

Connecting our App to the Backend

12 lectures
Module Introduction
00:45
Executing Code on the Server
03:36
Adding Firebase as a Backend
02:06
Using Firebase to Store Data
04:55
Fetching Data from the Backend
04:17
Initializing our Store
02:54
Fetching all Posts
05:09
Time to Practice - Fetching Data
1 question
Editing Posts
04:32
Synchronizing Vuex and the Backend
10:37
Wrap Up
01:59
Useful Resources & Links
00:01

Nuxt - Config, Plugins & Modules

11 lectures
Module Introduction
00:57
The Nuxt Config File
06:28
The Loading Property
03:28
Working with Environment Variables
05:38
Manipulating Routing Settings
04:34
Animating Page Transitions
03:17
Adding Plugins
05:16
Registering a Date Filter
02:10
Understanding Modules
08:08
Wrap Up
00:46
Useful Resources & Links
00:04

Middleware & Authentication

14 lectures
Module Introduction
00:44
What is Middleware?
06:46
Adding User Signup
06:49
Adding User Login
02:53
Storing the Token
05:59
Using the Token for Authentication
03:21
Implementing a Middleware
04:10
Invalidating the Token
02:52
Persisting the Token Across Page Refreshes
09:53
Implementing Cookies
09:33
Fixing the Logout Timer
06:19
Adding the Logout Functionality
05:03
A Quick Bugfix
00:48
Useful Resources & Links
00:00

The Server Side

5 lectures
Module Introduction
01:13
Adding Server Side Middleware
06:18
Testing the Middleware
02:11
Starting a Project with a Server Side Template
03:09
Useful Resources & Links
00:01

Building a Nuxt App

12 lectures
Module Introduction
00:32
Universal vs SPA vs Static
03:01
Building our App as a Universal App
02:02
Deploying a Universal App
00:44
Building our App as a SPA
05:44
Fetching Data in the SPA
00:30
Building our App as a Static Website
03:21
Improving the Generate Process
04:43
Limiting the Amount of http Requests
03:04
Adjusting the Store
02:33
Deploying SPAs and Static Webpages
00:20
Useful Resources & Links
00:01

Round Up

2 lectures
Course Roundup
00:55
Bonus: More Content!
00:20

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

Master Network Automation with Python for Network Engineers

Master Network Automation with Python for Network Engineers

1.699.000 VND
50.000 VND
Unity Mobile Game Development - Exterminator

Unity Mobile Game Development - Exterminator

1.499.000 VND
50.000 VND
Mastering CSS Grid 2023 - With 3 cool projects

Mastering CSS Grid 2023 - With 3 cool projects

99 VND
50.000 VND
Django 3 - Full Stack Websites with Python Web Development

Django 3 - Full Stack Websites with Python Web Development

1.699.000 VND
50.000 VND
Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

95 VND
50.000 VND
Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

70 VND
50.000 VND
Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

899.000 VND
50.000 VND
Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

1.699.000 VND
50.000 VND
Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

90 VND
50.000 VND
Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

79 VND
50.000 VND
WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

90 VND
50.000 VND
Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

99 VND
50.000 VND
Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

1.399.000 VND
50.000 VND
ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

1.699.000 VND
50.000 VND
Build Undetectable Malware Using C Language: Ethical Hacking

Build Undetectable Malware Using C Language: Ethical Hacking

75 VND
50.000 VND
Angular - The Complete Guide (2024 Edition)

Angular - The Complete Guide (2024 Edition)

120 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi