Kurser

3 dages kursus 
Læring inden for et specifikt emne

Svelte & Svelte Kit

Kontakt os på tlf. 7220 3000 eller skriv til  kurser@teknologisk.dk for at høre mere.

Ingen planlagte afholdelser.
DKK  14.999
ekskl. moms
Nr. 90638 A

Svelte er en ny tilgang til reaktive front-end-frameworks. Det bruger kompilering til at sørge for en hurtig runtime-ydeevne, hvor konkurrerende frameworks skal bruge langsommere løsninger i browsere. Svelte har stadig alle de fordele, du forventer, såsom reaktivitet, komponenter, brugervenlighed osv.

Svelte placerede sig højt i State of JavaScript-undersøgelsen fra 2019, og det var med god grund.

Svelte Kit udvider Svelte med en router, kodeopdeling, offlinesupport, rendering på serversiden osv. Efter kurset bør du være klar til at starte og vedligeholde Svelte- and Svelte Kit-projekter på egen hånd.

Forudsætninger

Professionel softwareudvikler med kendskab til JavaScript. En vis viden om webteknologier som HTML og CSS er nyttig.

Udbytte

  • Svelte and JavaScript
  • Data binding, Conditional rendering, List rendering
  • Reactivity, Bindings, Component interaction
  • Project setup, Component Lifecycle, Stores
  • Transitions & Motion, Slots, Developer workflow
  • Svelte Internals and Svelte Kit

Det får du på kurset

Vi sørger for at rammerne er i orden, så du kan fokusere på at lære

Undervisning på engelsk

Undervisning på engelsk

Materiale på engelsk

Materiale på engelsk

Efter du har fuldendt kurset, vil du modtage et kursusbevis.

Kursusbevis

På dette kursus vil der højest være MAKS DELTAGERE pr. hold.

Maks. 10 deltagere

På kurset får du morgenmad, frokost, snacks og drikkevarer.

Fuld forplejning

Hos Teknologisk Institut bruger vi kun erfarne undervisere.

Erfaren underviser

Tæt på kursusstedet er der gratis parkering.

Gratis parkering

Indhold

Intro
  • Why use Svelte?
  • What is Svelte?
Main
  • Language constructs for Svelte
  • EcmaScript 202X (JavaScript): The relevant features for Vue.js
  • Spread operator
  • Arrow functions
  • Object destructuring
  • More...
  • Option: TypeScript
Data binding
  • Render root
  • Content
  • Attributes
  • Handling events
  • Event modifiers
  • Styling
  • HTML Tags
Conditional rendering
  • If
  • Else
  • Else-If
List rendering
  • Each
  • Await
Reactivity
  • Reactive assignments, declarations and statements
  • Updating Arrays and Objects
Bindings
  • Inputs: Text, Numeric, Checkbox, Group
  • Single and Multiple Select
  • Other bindings
  • This
Component Interaction
  • Properties
    - Declaring Props
    - Default Values
    - Spread Props
  • Events
    - Component events
    - Event forwarding
  • Component Bindings
  • Nested Components
Starting a project
  • Templates
  • Rollup and Webpack
Lifecycle
  • Mounting
  • Destroying
  • Updates
  • Ticks
Stores
  • Writable, Readable, Derived and Custom Stores
  • Auto-subscriptions
  • Bindings
Transitions
  • Fade
  • Fly
  • Slide
  • Draw
Motion
  • Tweened
  • Spring
  • Animations
  • Actions
Classes
  • Class directive
Slots
  • Basics
  • Fallback
  • Names
  • Props
Context API
  • getContext
  • setContext
Module context
  • Sharing code
Special Svelte Elements
  • Self
  • Component
  • Window
  • Window Bindings
  • Body
  • Head
  • Options
Developer Experience
  • Debugging
  • DevTools
  • Storybook
  • Testing
Svelte Kit
  • Routing
  • Layouts
  • Server-Side Rendering
  • Prefetching and Prerendering
Appendix 1: Specials components
  • Virtual List
  • Scroller

Form

Kurset kan følges både på Mac- og Windows-maskiner med Visual Studio (kode) eller i din foretrukne editor. Kurset afholdes på engelsk.

Form ved virtuel afholdelse

  • Du tilgår kurset via internettet fra din egen computer, stabil forbindelse er vigtig.
  • Du logger på via det tilsendte link, hvor vores underviser sidder klar til at gennemgå kurset “live” med en gruppe deltagere

Materiale

Kursusmaterialet vil have mere end 100 eksempler på alle de anvendte teknologier. Øvelserne er designet til at få kursisterne til at tænke selv, frem for at blive ledt igennem materialet. Det gør det nemmere at huske tingene.

23694
Underviser

Rick Beerendonk

Rick er seniorkonsulent og underviser fra Holland. Han har over 25 års professionel erfaring med at arbejde i små og store organisationer samt organisationer, der er i kraftig vækst. Hans passion er enkelhed, velskrevet kode og teamdynamik. Han er specialiseret i front-end-teknologier, og han taler ofte om disse emner ved internationale begivenheder.

Få ny inspiration til din kompetence­udvikling

Unikke tilbud, relevante artikler og nyt om vores kurser og uddannelser.

Indtast venligst et validt navn
Tilmelder nyhedsbrev
Tak for din tilmelding
Teknisk fejl

Der er desværre en systemfejl på nuværende tidspunkt. Du kan alternativt skrive en mail til data@teknologisk.dk