Vue.js + Material Design + Firebase Basics (VUEJS1)

Programming, JavaScript

Learn the progressive Vue.js JavaScript framework for building fast, simple single-page applications. Using Material Design components you'll create a modern SPA optimized for desktop and mobile, focusing on performance and clean UI.

Learn basic Firebase services as a backend: authentication, cloud database and storage to connect real data to your app. Use developer tools and Vuetify to debug, optimize and deploy a polished, production-ready web application.

THIS TRAINING COURSE WILL HELP YOU:

  • Understand Vue.js instances, components and template syntax
  • Implement routing with Vue Router
  • Manage application state centrally with Vuex
  • Build responsive Material Design UIs using Vuetify
  • Connect front end to Firebase auth, database and storage

WHO SHOULD ATTEND?

  • Front-end developers with HTML, CSS and basic JavaScript
  • Developers building SPAs who need a quick backend setup
  • Engineers wanting to create modern Material Design UIs
  • Developers aiming to integrate apps with cloud services
  • Analysts and researchers prototyping interactive apps

COURSE LOCATION AND AVAILABLE DATES



Choose whether to attend in person in our classroom or join online. You can select your preferred format during registration. Learn more about hybrid training.

Public courses are usually delivered in Czech, but this course is also available in English. We can arrange private training for your team online, at your premises or in our classrooms, and tailor the content to your needs.

For groups of around 4 or more participants, private training can already be comparable in price to booking individual places on a public course. Send us your requirements and we’ll recommend the best format and provide an exact quote.

Request training in English

Course content:

Hide details
  • Basics
    1. What is Vue.js?
    2. Installation
    3. Material Design
    4. Firebase
  • Getting started
    1. Declarative rendering
    2. Handling user input
    3. Conditional expressions and loops
    4. Composing with components
  • Application instances and components
    1. Creating the app instance
    2. Root component
    3. Component instance properties
    4. Lifecycle events
  • Template syntax
    1. Interpolation
    2. Directives
    3. Shorthands
  • Data properties and methods
    1. Properties
    2. Methods
    3. Computed properties
    4. Watchers
    5. Binding
    6. Forms
  • Event handling
    1. Listening for events
    2. Event handler methods
    3. Event modifiers
  • Advanced topics
    1. Routing
    2. Vuex - state management
  • Supporting libraries
    1. Vue Lite
    2. Vue Router
    3. Vue DevTools
    4. Vuetify
    5. Deployment
Prerequisites:
Basic JavaScript, HTML and CSS skills and a Google account.
Schedule:
3 days (9:00-17:00)
Price per person:
672.00 € ( 813.12 € incl. 21% VAT)

Training and learning environment