Vuejs Advanced Programming
In this course we will be learning Vuejs in process of building real world, professional Vue.js applications that, together demonstrate all the features and capabilities of Vue from the basics to the cutting edge Frontend Development.
Prerequisites
Module Materials
Required Learning Materials
Module Requirements
Visual studio code, node js, and Git
Module Structure
We will have more practical based lessons with a bit of lectures. Every topic will be accompanied by a class lab exercise as well as lots of class live coding sessions. Exploration and discussions are highly encouraged.
Trainee Learning Outcomes
- Learn to Build SPA (single page application) and PWA(progressive web app) using Vue.js
- Understand all Vue concepts from beginner to advanced
- Write basic Vue with ES5 and also modern Vue with ES6
- Cutting-edge features like Single File Components, build tool (webpack 2.0)
- Render functions and Server-Side Rendering
Week 1: General overview, accelerated coverage of Vuejs fundamentals
In this week we make sure the trainee has the foundations in Javascript and Vuejs before moving to more advanced topics.
- Introduction to Vuejs
- Declarative-Rendering
- Conditionals-and-Loops,Handling-User-Input
- Composing-with-Components
- The Vue instance
- Lifecycle
- Template syntax (Interpolations, Directives, Filters)
- Computed properties and watchers
Week 2: Advanced Vuejs Topics
In week 2, we will look at some of the advanced topics in Vuejs
- Class and style
- Conditional rendering
- List Rendering
- Event Handling
- Form input Binding
- Components
Week 3: Deep Dive Vuejs
In this week, We will look at more advanced topics like reactivity, transitions, transitioning state etc.
- Reactivity
- Transition effects
- Transitioning state
- Render function
- Custom directive
Week 4: Real World Vuejs
In this last week, We will look at more practical topics like Testing, mixins, Notifications and Mail etc.
- Mixins, routing and state management
- Single File Components
- Production deployment
- Server side rendering (ssr) and Unit testing
