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

Udemy

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

via Udemy

Overview

VueJS, Command Line, Babel, NPM, Webpack, Vue JS CLI, Vue.js Router, VueX, Axios, iView, Express.js, Nuxt.js

What you'll learn:
  • Create front-end apps using Vue
  • Connect your Vue program to PHP and MySQL
  • Operate command line, Babel, NPM, and Webpack
  • Create single page applications using Vue, Vue single file components, and Vue router
  • Master vue router, vuex and axios
  • Master Ajax
  • Master Expressjs
  • Master Nodejs
  • Master Vuejs
  • Master Nuxtjs

If you still think jQuery can completely replace JavaScript and want to learn Vue.JS, then this course is PERFECT for you because you will learn EVERYTHING you need here.

Minimum Requirement:

This course is designed for students with zero ES6 foundation, BUT you do need to know basic ES5.If you know how to set background color for a DIV using native JavaScriptand jQuery, then you are good to go.

Set a background color...

Course Contents:

This course has 46sections and covers 18areas:

  1. Vue JSBasics(Section 1-27)

  2. Ajax (Section 28)

  3. Connecting Vue to PHP and MySQL (Section 29)

  4. Command Line Instrument (Section 30)

  5. NPM (Section 31)

  6. Babel (Section 32)

  7. JS modular system, including module.exports, import, and export (Section 33)

  8. Webpack (Section 33)

  9. VueCLI (Section 34)

  10. Vue Single-file Components (Section 34)

  11. Vue Router (Section 35)

  12. VueX (Section 36)

  13. Axios (Section 37, 38, and 39)

  14. Vue UI Library: iView (Section 40)

  15. Advanced JavaScript: scope, scope chain, JavaScript Garbage Collection, Closure, IIFE(Instantly Invoked Function Expression), THIS, etc.

  16. Node.js andExpress.js

  17. Connecting Vue to Express and MySQL

  18. Nuxt.js

Note:The Vue version taught in this lesson will be 2.0+

Content Description:

Your VueJS study is made of two stages.

In stage one, you will learn Vue basics like Vue instance, directives, components, etc.

In stage two, you will learn Vue single file component, Vue router, VueXand a Vue UI library called iView.

Between stage one and two, you will learn command line, npm, Babel, and Webpack. You need these skills to take the leap from stage one to stage two.

By the way, skills you learn between stage one and stage two are not just for Vue. You will also need them when you are learning other modern JS-based frameworks.

A frontend program alone is useless until it is connected to backend program and database.

We will teach you how to connect Vue to PHP and MySQL via Ajax and Ajax-based techs like Axios.

Throughout the course, you will be working on several projects so that you will always have a chance to practice and apply what you have learnt.

Syllabus

  • Getting Started
  • PROJECT: create our first Vue.js APP
  • Generating contents automatically using the V-FOR directive
  • Getting to know PROXY
  • The V-ON directive - Vue's answer to handling events
  • Conditional rendering: using V-IF, V-ELSE, and V-SHOW
  • V-MODEL: collecting user-submitted data
  • Combining v-for and v-model and creating a list DYNAMICALLY
  • Computed and Filter
  • Controlling CSS using V-BIND
  • Porject: remaining character calculator
  • Vue Components
  • Sending data into a componnet
  • Sending data out of a component
  • The truth of V-MODEL
  • Project: creating a price calculator
  • Slots
  • Data exchange between sibling components: Central Event Bus
  • Creating a news reading and editing APP
  • VUE.JS: New contents added by Vue 2.3: .sync modifier and model option
  • Scoped slots
  • Component misellaneous
  • Vue API and reactivity in depth
  • Transition Effects
  • Render function
  • Custom directives
  • Vue MIXIN
  • The Ajax crash course you may or may not need
  • Understanding JSON
  • Connecting Vue to PHP and MySQL
  • Command Line Crash Course
  • NPM
  • Babel
  • Webpack
  • VUE-CLI and single-file components
  • Vue Router
  • VueX
  • Axios
  • Axios Upload
  • Project: Vue.JS + Axios + PHP
  • Vue UI Library: iView
  • Project: Vue.JS + Axios + PHP + iView
  • Advanced JavaScript
  • Express.js
  • Cookie and Session
  • Connecting Express to MySQL database
  • Connecting Vue to Express
  • Vue CLI 3
  • Vue CLI 3 Project
  • Nuxt

Taught by

OnlyKiosk Tech

Reviews

4.3 rating at Udemy based on 596 ratings

Start your review of Complete Vuejs Course: Vue.js + Nuxt.js + PHP + Express.js

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.