Complete Nuxt.js Course (EXTRA React 18)

Complete Nuxt.js Course (EXTRA React 18), available at $59.99, has an average rating of 4.51, with 73 lectures, based on 536 reviews, and has 1966 subscribers.

You will learn about How to create apps using Nuxt Understanding how to setup a React program Understanding how to create apps using React 18 Understanding how to make guaranteed process using React This course is ideal for individuals who are Vue developers who want to master Nuxt or Developers who want to learn React 18 It is particularly useful for Vue developers who want to master Nuxt or Developers who want to learn React 18.

Enroll now: Complete Nuxt.js Course (EXTRA React 18)

Summary

Title: Complete Nuxt.js Course (EXTRA React 18)

Price: $59.99

Average Rating: 4.51

Number of Lectures: 73

Number of Published Lectures: 73

Number of Curriculum Items: 73

Number of Published Curriculum Objects: 73

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will Learn

How to create apps using Nuxt

Understanding how to setup a React program

Understanding how to create apps using React 18

Understanding how to make guaranteed process using React

Who Should Attend

Vue developers who want to master Nuxt

Developers who want to learn React 18

Target Audiences

Vue developers who want to master Nuxt

Developers who want to learn React 18

Note: We have added an EXTRA React 18 course.

As an enhanced version of Vue, Nuxt has more functionalities and is also easier to configure. With Nuxt, you can code less but do more.

You don’t have to be a Vue expert to study Nuxt. Just basic Vue knowledge is enough.

In the first section, we will create a Vue app using Vue CLI 3.

The file structure created by Vue CLI 3 is very similar to the one used in Nuxt. They even have the same mechanism of generating pages.

We will recreate the same app using Nuxt and show you the similarities between Vue and Nuxt.

Your previous Vue knowledge can help you quickly understand the working mechanism of Nuxt. Once you have understood how Nuxt works, you can master it in no time.

Our official Nuxt study includes five sections.

1. Nuxt basics

2. Nuxt plugins and modules

3. Nuxt routing system

4. Nuxt context

5. Data exchange with the backend program (Express.js)

At the end of each section, there will be an infographic article to help you review everything you just learned.

Each review is followed by a practice session where you will practice and apply everything you have learned by creating a real app. You will also learn many new skills in this process, including how to handle cookies and create a membership system.

Course Curriculum

Chapter 1: Complimentary Section: Free React 18.3 Course

Lecture 1: React Introduction

Lecture 2: First Component

Lecture 3: Event Handler and State Setter

Lecture 4: JSX

Lecture 5: JSX Challenge: Creating a List from an Array or an Object

Lecture 6: Application: Creating a Clock

Lecture 7: Application: Clock Challenge

Lecture 8: Application: Creating a Stopwatch

Lecture 9: Application: Stopwatch Challenge

Lecture 10: Application: Countdown

Chapter 2: Create a Vue App using Vue-CLI 3

Lecture 1: Set up a Vue app using Vue-CLI 3

Lecture 2: Project root directory analysis

Lecture 3: App design

Lecture 4: Create the App Part 1

Lecture 5: Create the App Part 2

Lecture 6: Project wrap-up

Lecture 7: Get source code

Chapter 3: Nuxt fundamentals

Lecture 1: Set up Nuxt

Lecture 2: Project file structure analysis

Lecture 3: Layout

Lecture 4: Custom error page

Lecture 5: Mini practice: custom page layout

Chapter 4: Nuxt fundamentals: review and practice

Lecture 1: Reivew

Lecture 2: Create the header, main and footer

Lecture 3: Create the navi bar

Lecture 4: Create pages

Lecture 5: The error page and challenge

Chapter 5: Nuxt plugins

Lecture 1: Universal CSS and CDN

Lecture 2: Assets VS. static

Lecture 3: UI Module: bootstrap-vue

Lecture 4: Vue Meta in Nuxt

Lecture 5: VueX in Nuxt Part 1

Lecture 6: VueX in Nuxt Part 2

Chapter 6: Nuxt plugins: review and practice

Lecture 1: Review

Lecture 2: CDN, plugin and Nuxt module

Lecture 3: Custom head information

Lecture 4: Universal CSS and linkExactActiveClass

Lecture 5: VueX

Chapter 7: Nuxt routing system

Lecture 1: Nuxt Router Introduction

Lecture 2: Nested route

Lecture 3: nuxt-link

Lecture 4: active-link

Lecture 5: Create transition effects and animate.css

Lecture 6: Dynamic route Part 1

Lecture 7: Dynamic route Part 2

Lecture 8: Dynamic nested route

Lecture 9: Validate

Chapter 8: Nuxt routing system: review and practice

Lecture 1: Review

Lecture 2: Highlight the active button and unexpected problems

Lecture 3: Nested route

Lecture 4: Dynamic nested route

Lecture 5: The home page and the validate method

Chapter 9: Context and middleware

Lecture 1: Introduction to Context

Lecture 2: How to create and register middlewares

Lecture 3: Middleware and Nuxt router

Lecture 4: Middleware and VueX

Chapter 10: The four Nuxt context methods: review and practice

Lecture 1: Review

Lecture 2: The Express program we use

Lecture 3: Operating Cookie using Middleware

Lecture 4: Cookie-universal-nuxt

Lecture 5: Lock out unregistered users

Chapter 11: Retrieve data from the backend program

Lecture 1: Introduction to asyncData

Lecture 2: Return promise

Lecture 3: async await

Lecture 4: axios module

Lecture 5: The fetch method

Lecture 6: The nuxtServerInit Action Method

Lecture 7: Get Source Code

Chapter 12: Retrieve data from the backend program: review and practice

Lecture 1: Review

Lecture 2: Retrieve data for the homepage using nuxtServerInit

Lecture 3: Retrieve data for the gallery comp. using fetch

Lecture 4: Retrieve data for the introduction page using asyncData

Lecture 5: Final app source code

Instructors

OnlyKiosk Tech
Provide Effective Coding Training

Rating Distribution

1 stars: 5 votes

2 stars: 7 votes

3 stars: 66 votes

4 stars: 169 votes

5 stars: 289 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!