Vuejs: Difference between revisions
Jump to navigation
Jump to search
Lsokolowski1 (talk | contribs) |
Lsokolowski1 (talk | contribs) m →Helpers |
||
| Line 95: | Line 95: | ||
== Helpers == | == Helpers == | ||
* Official devtools | * Official '''devtools''' | ||
** <small>https://github.com/vuejs/devtools</small> | ** <small>https://github.com/vuejs/devtools</small> | ||
* Testing | * '''Testing''' | ||
** <small>https://test-utils.vuejs.org/</small> | ** <small>https://test-utils.vuejs.org/</small> | ||
* Awesome | * '''Awesome''' | ||
** <small>https://github.com/vuejs/awesome-vue</small> | ** <small>https://github.com/vuejs/awesome-vue</small> | ||
Revision as of 14:34, 6 May 2024
Vuejs
Vuejs Training Materials
Copyright Notice
Copyright © 2004-2025 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
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
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
Helpers
- Official devtools
- Testing
- Awesome
