Audience Advanced

Language German or English

duration 24 hours

dates 15.2.2021 - 3.3.2021

buy now

The Vue.js Framework

Single Page Apps (SPAs)

Vue directives

The Vue development stack

State Handling

Styling with Vuetify

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