Essential Vue.js, Vuex and Vue Router JavaScript Framework
0.0 (0 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2 students enrolled

Essential Vue.js, Vuex and Vue Router JavaScript Framework

Mastering Vue.js 2.x and Vue CLI programming with various project samples. Building a full stack web application
New
0.0 (0 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2 students enrolled
Created by Agus Kurniawan
Last updated 6/2020
English
Current price: $23.99 Original price: $39.99 Discount: 40% off
1 day left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Basic Programming for HTML5, CSS and JavaScript
  • Basic Programming for VueJS 2.x (NEW VERSION 2020)
  • Learn Vue CLI (4.x) - year 2020
  • Work with Bootstrap for VueJS
  • Vue templates
  • Vue components
  • Vue data, computed, mounted and methods
  • Data binding and input validation
  • Populating and filtering Data
  • VueJS routing
  • VueJS states (Vuex)
  • Access JSON data from back-end server over HTTP
  • Uploading a file to server
  • Implement OAuth2 authentication in Vue application
  • Vue Security Auth Guard
  • Single Page Application (SPA)
  • Full Stack Web Development with VueJS, NodeJS, Express and MySQL
Course content
Expand all 50 lectures 02:33:16
+ Essential Basic HTML5, CSS, and JavaScript
12 lectures 27:10
Hello HTML
02:45
Building A Web HTML Form
04:54
Creating A HTML Table
01:29
Applying CSS in HTML5
02:01
Applying CSS with Bootstrap Library
02:59
Basic JavaScript Programming
02:50
JavaScript: Conditional Statement
01:08
JavaScript: Looping
02:19
JavaScript: break and continue
01:26
JavaScript: Functions
01:44
Integrating JavaScript and HTML
02:35
+ Essential Basic Vue.js Programming
7 lectures 14:29
Hello Vue.js Application
03:49
Declarative Rendering
02:00
Vue.js : Conditional
01:13
Vue.js : Looping
01:39
Handling Input User
01:48
Vue.js Instance and Component
02:56
+ Developing Vue.js Programs with Vue CLI
9 lectures 35:06
Introduce Vue CLI
02:32
Create and Run Vue Projects with Vue CLI
02:56
Create and Run Vue Projects with Vue CLI GUI
05:49
Understanding Vue Project Structure
04:12
Adding Bootstrap into Vue Project
05:05
Vue Multi Components
07:03
Vue Computed Properties
03:15
Vue Computed Watchers
03:15
+ Data Binding, Populating and Validating Data
6 lectures 22:12
Data Binding for Form Input
05:34
Input Validation
03:54
Input Validation with VeeValidate
05:59
Populating JSON Data on Table
02:12
Filtering Data on Table
03:25
+ Vue.js Routing and Vuex State Management
4 lectures 16:06
Implement Simple Vue Routing
05:23
Passing Data on Vue Routing
04:13
State Management with Vuex
05:53
+ Interacting with Back-End Server
3 lectures 10:33
Getting and Posting JSON Data to Back-End Server
04:31
Uploading File with Vue.js
05:11
+ Vue.js Security: Register, Login, Logout, and Auth Guard
6 lectures 20:12
Preparing MySQL Database
00:53
Set up OAuth2 Server with Node.js and Express
04:22
Registering User
04:03
Login and Logout
05:27
Secure Vue Router and Component with Auth Guard
04:33
Requirements
  • No prior programing knowledge to follow this course
  • Computer with Windows, Linux and macOS
  • Internet Access
Description

Vue.js is a light web framework to build a front-end web application. This bootcamp introduces how to get started with Vue.js programming. No prior knowledge to follow this bootcamp. All materials are delivered with step-by-step approach.

We review HTML5, CSS and JavaScript materials for anyone who does not has knowledge in web development. Main focuses of the bootcamp to speed up your skill in a front-end web application. The following is a list of highlight topic in the bootcamp.

  • Essential basic Vue.js programming. Introducing how to get started with Vue application development.

  • Developing Vue.js Programs with Vue CLI. To get experiences how to create and maintain Vue project and get understanding of Vue project structure.

  • Building Vue applications with Vue project templates. All Vue features are explored in order to get practices in Vue application development.

  • Data Binding, Populating and Validating Data. You will learn how to bind data to HTML DOM and populate JSON data on HTML table. You also learn how to validate user inputs.

  • Vue.js Routing and Vuex State Management. Creating routings on Vue application and manage state in order to share data inside Vue application.

  • Interacting with Back-End Server. Making interaction with back-end server such as getting and posting data. We also cover about uploading a file to back-end server.

  • Vue.js Security: Register, Login, Logout, and Auth Guard. Securing your Vue application. We build SPA application with Vue.js, Node.js, Express and MySQL. We create registration, login, logout, and my profile page with applying auth guard security.

You will obtain more experiences how to build Vue application in this bootcamp.

Who this course is for:
  • Student and Professional Developers
  • Web Developers
  • Anyone who wants to build a web application with VueJS