Svelte & Svelte Kit
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. Efter kurset bør du være klar til at starte og vedligeholde Svelte og Svelte Kit projekter på egen hånd. Kurset afholdes på engelsk.
Svelte placerede sig højt i State of JavaScript-undersøgelsen fra 2019, og det var med god grund.
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
- Sapper
Sapper udvider Svelte med en router, kodeopdeling, offlinesupport, rendering på serversiden osv.
Indhold
- Why use Svelte?
- What is Svelte?
- Language constructs for Svelte
- EcmaScript 202X (JavaScript): The relevant features for Vue.js
- Spread operator
- Arrow functions
- Object destructuring
- More...
- Option: TypeScript
- Render root
- Content
- Attributes
- Handling events
- Event modifiers
- Styling
- HTML Tags
- If
- Else
- Else-If
- Each
- Await
- Reactive assignments, declarations and statements
- Updating Arrays and Objects
- Inputs: Text, Numeric, Checkbox, Group
- Single and Multiple Select
- Other bindings
- This
- Properties
- Declaring Props
- Default Values
- Spread Props
- Component events
- Event forwarding
- Component Bindings
- Nested Components
- Templates
- Rollup and Webpack
- Mounting
- Destroying
- Updates
- Ticks
- Writable, Readable, Derived and Custom Stores
- Auto-subscriptions
- Bindings
- Fade
- Fly
- Slide
- Draw
- Tweened
- Spring
- Animations
- Actions
- Class directive
- Basics
- Fallback
- Names
- Props
- getContext
- setContext
- Sharing code
- Self
- Component
- Window
- Window Bindings
- Body
- Head
- Options
- Debugging
- DevTools
- Storybook
- Testing
- Templates
- Routing
- Client API
- Preloading
- Layouts
- Server-Side Rendering
- Stores
- Prefetching
- Virtual List
- Scroller
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.
Kommentar
Kurset kan følges måde på Mac- og Windows-maskiner med Visual Studio (kode) eller i din foretrukne editor. Kurset afholdes på engelsk.
Form ved virtuelt 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
Underviser
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.
Do you have any course related questions, please contact
- Mette Rosenløv Vad
- Konsulent
- +45 72202432