Vue.js 2 for Real World

Create single page web application with Vue.js 2 and Firebase

Slide Source Code Slide: Reactivity in Depth

Outline

1. Intro
   1. What is Vue.js
   2. Reactive Programming
   3. Example Vue component
   4. Vue project (vue-cli)
   5. Single file component (.vue)
2. Components
   1. What is component
   2. Global vs Local
   3. Life cycle
   4. Working with DOM (el, ref)
   5. Props
   6. Event
   7. Slot
   8. Custom Template/Style Engine
   9. Render function
3. Directives
4. Filters
5. Mixins
6. Router
   1. Create router
   2. Nested component
   3. Custom path with nested component
   4. Hooks
   5. Position
7. Services
   1. Object/Class
   2. Vue Instance
8. State Management
   1. Reactive object
   2. Rxjs, VueRx
   3. Vuex
9. Deployment
   1. Environment (Dev, Staging, Production)
   2. Makefile
   3. Deploy to firebase
   4. Deploy to docker with nginx