Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Complete Nuxt.js Course (EXTRA React)

via Udemy

Overview

Master React and Nuxt

What you'll 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
  • Master MongoDB

Note:We have added an EXTRA React 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.

Syllabus

  • Complimentary Section: React.js
  • Create a Vue App using Vue-CLI 3
  • Nuxt fundamentals
  • Nuxt fundamentals: review and practice
  • Nuxt plugins
  • Nuxt plugins: review and practice
  • Nuxt routing system
  • Nuxt routing system: review and practice
  • Context and middleware
  • The four Nuxt context methods: review and practice
  • Retrieve data from the backend program
  • Retrieve data from the backend program: review and practice
  • Bonus Section: Vue 3
  • Bonus Section: Vue 3 Composition API
  • Bonus Section: Vue Router
  • Bonus Section: Tailwind
  • Bonus Section: Pinia
  • Bonus Section: VueX
  • Bonus Section: Destructure Assignment in Detail
  • Bonus Section: The Brain Gym--the Best Long-term Investment
  • Bonus Section: Basic Coding Knowledge
  • Bonus Section: Data Structure Basics
  • Bonus Section: Basic JavaScript Knowledge You May or May Not Need
  • Bonus Section: Everything About the Array
  • Bonus Section: Everything about the String
  • Bonus Section: Advanced Topics
  • Bonus Section: Check Data Type
  • Bonus Section: MongoDB
  • Bonus Section: Mongoose

Taught by

OnlyKiosk Tech

Reviews

4.7 rating at Udemy based on 795 ratings

Start your review of Complete Nuxt.js Course (EXTRA React)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.