Kurs om

Grundkurs i Vue.js

Kurs om hur du bygger moderna SPA webb-applikationer med Vue.js

Vue.js är ett kolossalt flexibelt ramverk för att bygga moderna webb-applikationer. Med Vue kan du använda såväl klassisk som modern SPA (Single Page App) webb-arkitektur. Ett Vue system designas som en sammansättning av komponenter, vilka kan fungera som navigerbara logiska sidor eller som återanvändbara byggblock inom logiska sidor.

Snabbfakta

Namn
Grundkurs i Vue.js
Ämne
Webbapplikationer
URI
web/vuejs-basics
Längd
4 dagar
Nivå
Beginner
Målgrupp
Web-apps programmerare
Förkunskaper
God erfarenhet av att programmera i JavaScript och HTML/CSS
Programvara & Verktyg
  • Node.js && NPM && NPX
  • Vue CLI
  • Vite CLI
  • MS Visual Code || JetBrains IntelliJ IDEA
  • Chrome || Firefox || Edge

Kursdatum

Här ser du vilka kursdatum som är tillgängliga. Klicka på en av datumknapparna för att anmäla dig till ett kurstillfälle. På kursen pratar läraren svenska, medan vårt kursmaterial alltid är författat på engelska.

Missa inte vår samfaktureringsrabatt! Är ni fler personer från samma företag/organisation som går på samma kurs, rabatteras tillkommande personer med 50% . Ni anmäler er till kursen en och en, men uppger samma företag, så ordnar vi resten. Samtliga deltagare från samma företag ingår på samma faktura, den första till fullt pris och resterande till rabatterat pris.

Kurs i Klassrum

Du sitter bekvämt i ett av våra klassrum, vilka finns centralt placerade i Stockholms innerstad.

I priset ingår tryckt kursmaterial (och som PDF), samt kaffe/te med smörgås på förmiddagen och kaffe/te med bulle på eftermiddagen.

Pris: 25 000 kr + moms

Kurs via Zoom

Du sitter bekvämt framför datorn och deltar i kursen via internet. Vi använder programvaran Zoom för alla våra fjärrkurser.

I priset ingår kursmaterial som PDF.

Pris: 20 000 kr + moms

Kurs hos Er

Om ni är tre eller fler personer från samma företag eller organisation, kan ni beställa en företagsanpassad kurs. Då håller vi kursen på ett datum som passar er. Antingen på plats i era lokaler eller som en fjärrkurs. Vi kan också hålla den muntliga framställningen på engelska. Klicka på knappen nedan för att be om en offert.

Detta får du lära dig

Här är ett sammandrag i punktform av vad du får lära dig på kursen. Eftersom kursmaterialet är författat på engelska, så återger vi sammandraget också på engelska.

  • Know how to use and utilize SFC (Single File Components)
  • Understand best practices of how to differentiate page, panel and widget components
  • Know how to write parameterized page navigation
  • Know how to communicate with a REST-WS back-end server
  • Know how to write multi-language web apps
  • Know how to write component unit tests

Kursinnehåll

Eftersom kursmaterialet är författat på engelska, så återger vi innehållet också på engelska.

Background and Overview

Part 1 - Preparation

We first discuss som topics that are pre-requisites for the course, to ensure all course participants has a good starting point.

Highlights of Modern JavaScript

Using NPM and NPX

What is SPA (Single Page App)

Part 2 - Basic Vue

Discussions of the most essential parts of Vue to get you started.

Embedded Vue

Step-by-step you will build your first Vue app embedded on an HTML page.

Vue CLI

Single File Components (SFC)

HTML Template Syntax

Simple Event Handling

Filters

Computed Properties and Watchers

Vue Directives

Styles

More about Events

Part 3 - Routing

The core essence of SPA is routing; i.e. how to provide the illusion of navigating to different logical pages, but still just restructuring the DOM tree.

Basic Routing

More about Routing

Life-Cycle Methods

Dynamic Routing

Part 4 - Components

Everything you need to know about working with Vue components.

Pane and Widget Components

Widget with Bodies

Form Field Components

Mixins

Unit Testing of Components

Part 5 - Plugins

Using plugins is an important part of Vue app development, because there are so many production grade plugins out there to use with just a single NPM install command.

Using Vue Plugins

Writing Internal Plugins

Communicating with Back-End Servers

i18n - Multi-Language Apps

Using Vuetify for Styling

Part 6 - Deployment

The objective for all development is deployment. Here we discuss what you need to know regarding how to build, configure and deploy Vue apps.

Building Vue Apps

Configuration

Deployment

Part 7 - Appendix

What else, is it good to know about regarding Vue.

Highlights of Vue 3

Overview of the Vue Eco-System

Discussion of some value-adding add-on Vue frameworks you should know about.