Master Nuxt.js – A Vuejs framework by building projects

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction to course

Lecture 2: How to get most out of this course

Lecture 3: How to get help

Chapter 2: Say Hello to Nuxt.js

Lecture 1: Introduction

Lecture 2: 2 Intro to Nuxtjs

Lecture 3: 3 Nuxtjs with npx

Chapter 3: Understanding Nuxtjs Core concepts

Lecture 1: 4 Understanding express:nodejs

Lecture 2: 5 Understanding Plugins in Nuxtjs

Lecture 3: 6 Understanding Modules in Nuxtjs

Lecture 4: 7 Understanding Nuxtjs config

Lecture 5: 8 Html in nuxtjs

Lecture 6: 9 Default Layout

Lecture 7: 10 Custom Layout

Lecture 8: 11 Custom Error Page

Lecture 9: 12 Attributes of Pages

Lecture 10: 13 Meta Tag Override

Lecture 11: 14 Router – Nuxt Link

Lecture 12: 15 Dynamic Routings

Lecture 13: 16 Route Params Validation

Lecture 14: 17 Middleware

Chapter 4: Project 1 – Weather Application

Lecture 1: 18 Start Weather App

Lecture 2: 19 Create Weather App Page

Lecture 3: 20 Understand Weather API Website

Lecture 4: 21 Fetch Weather Data

Lecture 5: 22 Dynamic City Weather

Lecture 6: 23 Show City with Weather Icon

Lecture 7: 24 Show Temperature

Lecture 8: 25 Show Weather Description

Lecture 9: 26 Move to Server Side Rendering (SSR) mode

Lecture 10: 27 Show Wind & Pressure

Lecture 11: 28 Show Max and Min Temperature

Lecture 12: 29 Clean-Up V-if

Lecture 13: 30 Use DotEnv Module

Chapter 5: State Management – Understand Vuex Store n Nuxtjs

Lecture 1: 31 Intro to Vuex in Nuxtjs

Lecture 2: 32 Access State from Store

Lecture 3: 33 Vuex Getters

Lecture 4: 34 Weather app – move to Vuex store

Lecture 5: 35 AsyncData to Fetch

Lecture 6: 36 Vuex Actions in Nuxt.js

Lecture 7: 37 Refactor and Re-use code

Chapter 6: Project 2 – Quiz Application with Firebase

Lecture 1: 38 Start with Quiz App

Lecture 2: 39 Submit Button

Lecture 3: 40 Create Question Page

Lecture 4: 41 Intro to Firebase Test Mode

Lecture 5: 42 Bind Data to Question Form

Lecture 6: 43 Store Question to Firebase

Lecture 7: 44 Store Answer with Question on Firebase

Lecture 8: 45 Fetch Questions from Firebase

Lecture 9: 46 Show Questions

Lecture 10: 47 Update Question

Lecture 11: 48 Query Answer by Question Id

Lecture 12: 49 Update Asnwer

Lecture 13: 50 Delete Answer with Question

Lecture 14: 51 Refactor our Code

Lecture 15: Course Section and future plans

Chapter 7: Firebase Authentication on Admin Side

Lecture 1: 52 Create Login Form

Lecture 2: 53 Make Login Work

Lecture 3: 54 Use Vux nuxtServerInit

Lecture 4: 55 Auth Logout and plugins

Lecture 5: 56 Protect route with Guest Middleware

Lecture 6: 57 Why this Permission denied

Lecture 7: 58 Show Question on FrontEnd

Lecture 8: 59 Extract Questions into its Component

Lecture 9: 60 Get Correct Answer

Lecture 10: 61 Correct Answer Color

Lecture 11: 62 Notify use on Client Side Only