Agenda: VueJS and Frontend Frameworks

1. Single Page Applications

1.2 SPA vs. MPA

• Scope and comparison

1.3 Frontend Frameworks

• Scope & advantages

2. Basic VueJS

2.1 Introduction to VueJS

• Brief history

• Progressive adoption

• Popular applications using VueJS

2.2 Comparison with other frameworks

• Main characteristics (Virtual DOM, Reactivity, Declarative Rendering)

• Comparison with React and Angular

• Why VueJS and not React?

2.3 Basic directives and examples

• Alternative structure

• Loops

• One-way and two-way data binding

• Handling events

• Modifiers

2.4 Hello World example

• Root Component, using VueJS from CDN

• Methods, Computed Properties, Watchers

3. Component-based Architecture in VueJS

3.1 Options API

3.2 Components lifecycle

3.3 Communication between components

• Props, Event Emitting, Store, Composition API

4. Advanced Vue Apps

• Using the CLI and project scaffold

• HTTP requests

• Working with Forms

• Application Routing