Search

Search

Creating Single Page Apps with Vue.js 

Creating Single Page Apps with Vue.js 

Main Speaker:


Itay Hauptman

Tracks:

Code

Seminar Catgories:

Front-end

Course ID:

18411

Date:

28.11.2018

Time:

Daily seminar
9:00-16:30

Add to Calendar 28.11.2018 09:00 28.11.2018 16:30 Asia/Jerusalem Creating Single Page Apps with Vue.js 

The new technology is getting in the way? In this day we will learn about a JavaScript framework that is intuitive enough to let you focus on your goals.
A lightweight and fast web apps are needed? Vue.js is the right solution. Exploring how to create HTML templates, covering how to bind to data input by a user and react to user events, the appropriate way to render content.
We will get to know Vue CLI including component creation and communication between them, server communication and more.
Finally if time permits we will dive into the production details of Vue.

 

At the end of this day you will have a full picture about Vue.js and initial and advanced skills to write your own application.

Overview

The new technology is getting in the way? In this day we will learn about a JavaScript framework that is intuitive enough to let you focus on your goals.
A lightweight and fast web apps are needed? Vue.js is the right solution. Exploring how to create HTML templates, covering how to bind to data input by a user and react to user events, the appropriate way to render content.
We will get to know Vue CLI including component creation and communication between them, server communication and more.
Finally if time permits we will dive into the production details of Vue.

 

At the end of this day you will have a full picture about Vue.js and initial and advanced skills to write your own application.

Prerequisites

  • JavaScript Adv
  • ES6
  • HTTP
  • Ajax

Course Contents

  • js Getting Started
    • Concept
    • Project Structure
    • View instance
    • View lifecycle
  • Setting up the environment
    • Installing Vue.js
    • Using the CLI
    • Basic CLI commands
  • js Templates and components
    • Introduction to templates
    • Creating your first component
    • Declaring a data
    • Loading data properties
    • Properties Values
  • Binding content to a template
    • Text binding
    • One time binding
    • HTML binding
    • HTML Attribute binding
    • Binding to CSS properties and classes
  • Binding the component to events and data
    • V-if
    • V-show
    • V-for
  • Form binding
    • Inputs binding
    • Checkbox binding
    • DDL binding
  • Creating child component
    • Sharing data between child component with props
    • Passing parent data components with event
  • Routing
    • Adding routing mechanism
    • Navigating with code, working with route params
  • Communicating with API
  • Managing states with Vuex.
  • Production build your application wit CLI


Contact