Complete Vuejs Course: Vue.js + Nuxt.js + PHP + Express.js

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Getting to know what Vue.js is and how to install it

Lecture 2: Create our first Vue.js program and display text using it

Lecture 3: Controlling attribute value using Vue.js

Chapter 2: PROJECT: create our first Vue.js APP

Lecture 1: Road Map of the Current Stage

Lecture 2: Creating the news reading block used by BBC

Chapter 3: Generating contents automatically using the V-FOR directive

Lecture 1: Road Map of the Current Stage

Lecture 2: The drawback of our BBC news reading program and the solution: V-FOR directive

Lecture 3: V-FOR in a slightly more complicated application scenario

Lecture 4: Apply V-FOR to the BBC news reading program we created before

Chapter 4: Getting to know PROXY

Lecture 1: Road Map of the Current Stage

Lecture 2: Have you found a problem?

Lecture 3: Introduction to the concept of PROXY

Lecture 4: PROXY also works on methods, meaning you can proxy a method

Lecture 5: How to communicated between VM.data and VM.methods

Chapter 5: The V-ON directive – Vue's answer to handling events

Lecture 1: Road Map of the Current Stage

Lecture 2: Introduction to the V ON directive

Chapter 6: Conditional rendering: using V-IF, V-ELSE, and V-SHOW

Lecture 1: Conditional rendering

Chapter 7: V-MODEL: collecting user-submitted data

Lecture 1: Introduction to V-MODEL

Lecture 2: Using V-MODEL in projects

Lecture 3: Lazy modifier and number modifier

Lecture 4: Using v-model in other tags: textarea, radio button, checked box, etc.

Chapter 8: Combining v-for and v-model and creating a list DYNAMICALLY

Lecture 1: Creating a list dynamically

Chapter 9: Computed and Filter

Lecture 1: The difference between COMPUTED and FILTER

Lecture 2: Introduction to FILTER

Lecture 3: Introduction to COMPUTED

Lecture 4: Project: reversing letter order using COMPUTED

Lecture 5: Two-way data exchange between DATA and COMPUTED

Chapter 10: Controlling CSS using V-BIND

Lecture 1: Controlling CSS Part 1

Lecture 2: Controlling CSS Part 2

Chapter 11: Porject: remaining character calculator

Lecture 1: Project analysis

Lecture 2: Creating the APP

Chapter 12: Vue Components

Lecture 1: Introduction to Components

Lecture 2: Registering and installing our first component and component naming rules

Lecture 3: Register a local component

Chapter 13: Sending data into a componnet

Lecture 1: Introduction to props

Lecture 2: Demonstration of sending data into component using props

Lecture 3: Review of how to use props

Chapter 14: Sending data out of a component

Lecture 1: An analysis of how to send data out of a component

Lecture 2: Sending data out of component using $emit() and self-defined event

Lecture 3: Sending multiple values simultanesouly

Lecture 4: Clean a dead corner: using original event on component tags

Chapter 15: The truth of V-MODEL

Lecture 1: The truth of the V-MODEL directive

Chapter 16: Project: creating a price calculator

Lecture 1: Project analysis

Lecture 2: Creating the price calculator

Chapter 17: Slots

Lecture 1: Introduction to slots

Lecture 2: Using slots in news page

Lecture 3: Named slots

Chapter 18: Data exchange between sibling components: Central Event Bus

Lecture 1: Data exchange between sibling components Part 1

Lecture 2: Data exchange between sibling components Part 2

Chapter 19: Creating a news reading and editing APP

Lecture 1: Program analysis

Lecture 2: Generate formatted data and time

Lecture 3: Working on the project Part 1

Lecture 4: Working on the project Part 2

Chapter 20: VUE.JS: New contents added by Vue 2.3: .sync modifier and model option

Lecture 1: The .sync modifier

Lecture 2: Custom v-model

Chapter 21: Scoped slots

Lecture 1: Introduction to scoped slots

Lecture 2: Demonstration of using scoped slots

Lecture 3: Using scoped slots on lists

Chapter 22: Component misellaneous

Lecture 1: is, keep-alive, and v-once

Lecture 2: Retrieving the object representing the component using ref

Chapter 23: Vue API and reactivity in depth

Lecture 1: Preface

Lecture 2: API Part 1

Lecture 3: API Part 2

Lecture 4: API Part 3

Lecture 5: API Part 4

Lecture 6: API Part 5

Lecture 7: Try something interesting

Lecture 8: API Part 6

Lecture 9: API Part 7

Lecture 10: API Part 8

Lecture 11: API Part 9

Lecture 12: API Part 10

Lecture 13: API Part 11

Lecture 14: API Part 12

Lecture 15: API Part 13

Chapter 24: Transition Effects

Lecture 1: Introduction to transition effects