Learning Vue.js

Description

In this course, you will learn:

• The Vue framework, explains which problems it aims to solve, and shows how to add Vue to a new or existing webpage.
• Vue is a sensible alternative to some of the more complex JavaScript frameworks, because it allows developers to add simple data binding to their views, but also incrementally progress to a full-blown single-page application if needed.

Syllabus:

• Introduction
• Is Vue for you?
• What you should know
   

1. Managing Dynamic Content and Behavior

• What problems does Vue.js solve?
• Adding Vue.js to a project
• Configuring dynamic elements
• Binding to inner text and HTML
• Dynamic attributes and v-model
• Handling events with v-on
• Text field bindings
• Using v-model with related checkboxes
• Configuring radio buttons and select elements
• Adding modifiers
• Computed properties
   

3. Rendering and Styling Logic

• Conditional rendering with v-if
• Conditional rendering with v-show
• Looping and list rendering with v-for
• Binding style attributes
• Binding CSS classes
   

4. Using Vue Components

• Creating and registering components
• Using component props
• Using component slots
• Installing Vue CLI
• Creating single file components

Show more