Vue.js

A Web Framework for Larger Applications

In this course we will use the JavaScript framework Vue.js to write our own interactive web application. The course is for advanced beginners who already know JavaScript.

We will discover the web framework Vue.js and do a deep dive into its features and tools. We will build many example applications and discover all the different aspects of the Vue library. The most important learning of this course will be to start thinking in reusable components when building your web application.

In this course we learn about the JavaScript framework Vue.js. We will cover:

  • Single Page Apps (SPAs)
    • Concept of SPAs
    • Differentiating between frontend and backend
    • Implementation
  • Intoduction to the Vue.js framework
    • Vue components
    • Databinding
    • Templates
    • Data objects
  • Vue directives
    • Event handling
    • Conditional rendering
  • The Vue development stack
    • vue cli
    • Configuration
    • Babel
    • Webpack
  • Project setup
    • Project structure
    • .vue-files
    • Bundles
    • Browser compatibility
    • Watcher mode
    • axios
  • Routing
    • VueRouter
    • Page lifecycle hooks
    • Route guards
    • Redirects
  • State handling
    • The Flux pattern
    • Vuex
    • Mutations
    • Getters
  • Design and styling libraries
    • Material Design
    • Vuetify

Goal

At the end of this course you will have implemented your own Vue.js website and will be able to use this for your own projects. You have gained deeper insights into the JavaScript ecosystem and state-of-the-art tools for web development.

Prerequisites

This course is for intermediate beginners who know JavaScript, HTML and CSS, or who took our courses HTML and CSS, Learn to Code, JavaScript for Web and Node.js.

This course is a continuation course of JavaScript for Web. But if you already have the necessary knowledge of JavaScript, it is not a requirement to have done that course.

Methodologies

Classroom teaching with hands-on exercises and a practical project.
You need to bring your laptop to this course.

Class at Hamburg Coding School

Schedule

Next Sessions 24 hours
Date Time
Mon, 15. Februar 6pm - 9pm
Wed, 17. Februar 6pm - 9pm
Fri, 19. Februar 6pm - 9pm
Mon, 22. Februar 6pm - 9pm
Wed, 24. Februar 6pm - 9pm
Fri, 26. Februar 6pm - 9pm
Mon, 01. März 6pm - 9pm
Wed, 03. März 6pm - 9pm

Teacher

Everything at a Glance

pin

Location

Die Diele, Borselstraße 7, 22765 Hamburg
calendar

Schedule

8 sessions of 3h; Mondays, Wednesdays, Fridays, 1800-2100h
class

Course size

Up to a maximum of 8 participants
certificate

Certificate

Hamburg Coding School Vue.js Certificate of Participation
globe

Language

German or English
gift

Included

WiFi, drinks and course material
Vue.js
15.2.2021 - 3.3.2021
€ 2,100
incl. 19% VAT
This ticket includes the admission to the course.
buy now
Customer Service, Marketing: Eva Louise Dressel
Customer Service, Marketing

Any questions?

Write an email to Eva. She will get back to you as quickly as possible.
eva@hamburgcodingschool.com