Vuejs

Vuejs

Vuejs Training Materials

Copyright Notice

Copyright © 2004-2023 by NobleProg Limited All rights reserved.

This publication is protected by copyright, and permission must be obtained from the publisher prior to any prohibited reproduction, storage in a retrieval system, or transmission in any form or by any means, electronic, mechanical, photocopying, recording, or likewise.

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

Not That

todo [File:NotVue.png]

Framework

Progressive Framework - "framework that can grow with you and adapt to your needs"

• framework and ecosystem
• designed to be flexible and incrementally adoptable
• can be used in
  • enhancing static HTML without a build step
  • embedding as Web Components on any page
  • Single-Page Application (SPA)
  • Fullstack / Server-Side Rendering (SSR)
  • Jamstack / Static Site Generation (SSG)
  • targeting desktop, mobile, WebGL, and even the terminal

Overview of Vue JS

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

Supporting libraries and packages

• Routing
• State management
• Build tooling