Vuejs: Difference between revisions

From Training Material
Jump to navigation Jump to search
mNo edit summary
Line 14: Line 14:


== Introduction ==
== Introduction ==
* JavaScript framework for building UI (user interfaces)
* What do we need?
** HTML, CSS, and JavaScript
* Declarative, component-based programming model
** Declarative rendering
** Reactivity
* Progressive framework
* Single-file components
* API Styles - options VS composition
<!--
<!--
* Developed by engineers at Facebook
* Developed by engineers at Facebook

Revision as of 09:47, 1 May 2024


Vuejs

Vuejs Training Materials

Introduction

  • JavaScript framework for building UI (user interfaces)
  • What do we need?
    • HTML, CSS, and JavaScript
  • Declarative, component-based programming model
    • Declarative rendering
    • Reactivity
  • Progressive framework
  • Single-file components
  • API Styles - options VS composition

Overview of Vue JS

  • Declarative rendering
  • Component composition
  • Hot-reloading
  • Time-travel debugging

Declarative rendering

Component composition

Hot-reloading

Time-travel debugging

Setting up a development environment

Creating your first application

Working with Templates

Dividing the application into smaller, self-contained components

Methods and computed properties

Reactive programming

Directives and data rendering

Applying transitions

Routing

Managing state

Creating animations

Refactoring components

Server-side rendering

Supporting libraries and packages

  • Routing
  • State management
  • Build tooling

Routing

State management

Build tooling

Testing your application

Debugging and performance

Embedding Vue.js into existing pages

Deploying your application to production Vue-CLI

Scaling your application