Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
18 Hour(s) 3 Minute(s)
Language
English
Taught by
OnlyKiosk Tech
Certificate
- Available
- *The delivery and distribution of the certificate are subject to the policies and arrangements of the course provider.
Rating
4 views
Course Overview
VueJS, Command Line, Babel, NPM, Webpack, Vue JS CLI, Vue.js Router, VueX, Axios, iView, Express.js, Nuxt.js
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 JavaScript and jQuery, then you are good to go.
<div class='div' id='one'>Set a background color...</div>
Course Contents:
This course has 46 sections and covers 18 areas:
Vue JS Basics (Section 1-27)
Ajax (Section 28)
Connecting Vue to PHP and MySQL (Section 29)
Command Line Instrument (Section 30)
NPM (Section 31)
Babel (Section 32)
JS modular system, including module.exports, import, and export (Section 33)
Webpack (Section 33)
Vue CLI (Section 34)
Vue Single-file Components (Section 34)
Vue Router (Section 35)
VueX (Section 36)
Axios (Section 37, 38, and 39)
Vue UI Library: iView (Section 40)
Advanced JavaScript: scope, scope chain, JavaScript Garbage Collection, Closure, IIFE(Instantly Invoked Function Expression), THIS, etc.
Node.js and Express.js
Connecting Vue to Express and MySQL
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, VueX and 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.
Course Content
- 51 section(s)
- 289 lecture(s)
- Section 1 Getting Started
- Section 2 PROJECT: create our first Vue.js APP
- Section 3 Generating contents automatically using the V-FOR directive
- Section 4 Getting to know PROXY
- Section 5 The V-ON directive - Vue's answer to handling events
- Section 6 Conditional rendering: using V-IF, V-ELSE, and V-SHOW
- Section 7 V-MODEL: collecting user-submitted data
- Section 8 Combining v-for and v-model and creating a list DYNAMICALLY
- Section 9 Computed and Filter
- Section 10 Controlling CSS using V-BIND
- Section 11 Porject: remaining character calculator
- Section 12 Vue Components
- Section 13 Sending data into a componnet
- Section 14 Sending data out of a component
- Section 15 The truth of V-MODEL
- Section 16 Project: creating a price calculator
- Section 17 Slots
- Section 18 Data exchange between sibling components: Central Event Bus
- Section 19 Creating a news reading and editing APP
- Section 20 VUE.JS: New contents added by Vue 2.3: .sync modifier and model option
- Section 21 Scoped slots
- Section 22 Component misellaneous
- Section 23 Vue API and reactivity in depth
- Section 24 Transition Effects
- Section 25 Render function
- Section 26 Custom directives
- Section 27 Vue MIXIN
- Section 28 The Ajax crash course you may or may not need
- Section 29 Understanding JSON
- Section 30 Connecting Vue to PHP and MySQL
- Section 31 Command Line Crash Course
- Section 32 NPM
- Section 33 Babel
- Section 34 Webpack
- Section 35 VUE-CLI and single-file components
- Section 36 Vue Router
- Section 37 VueX
- Section 38 Axios
- Section 39 Axios Upload
- Section 40 Project: Vue.JS + Axios + PHP
- Section 41 Vue UI Library: iView
- Section 42 Project: Vue.JS + Axios + PHP + iView
- Section 43 Advanced JavaScript
- Section 44 Express.js
- Section 45 Cookie and Session
- Section 46 Connecting Express to MySQL database
- Section 47 Connecting Vue to Express
- Section 48 Vue CLI 3
- Section 49 Vue CLI 3 Project
- Section 50 Nuxt
- Section 51 Final big project: Nuxt app
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
Skills covered in this course
Reviews
-
JJohn Degey
Completely outdated. Ex: Webpack v1 or 2... it's 5 actually. Better reading the offical doc directly... Don't take this one as a first vue course.
-
oolivier HERGAULT
Good content, nicely & efficiently presented. It's maybe a bit too linear: I miss a bit more, exercices, summaries, overviews to compensate for the numerous videos. Some explanations could have been a bit more deep.
-
AA V
Pros: An adundance of material with some nice insights. I'm glad I took it as a supplement to some other courses. Cons: Much of this course outdated. A small section on Vue 3 CLI gave me hope, but is very brief and some parts were not updated enough. iView is deprecated, so all references to it had to be modified to work. The Express and Nuxt sections require you to have an SQL database set up locally, and the course does not explain how to do this. The instruction is voiced by actors, not the author, and they don't pronounce things well. The script they are reading isn't grammatically correct, and sometimes this results in confusing instruction.
-
NNazie Sharid
Easy to follow. Professional, concise explanation and focused on the main topic and not littered with nice-to-have info which can be added later.
