Vue, Vuex & Router
Kurset tager et dybdegående kig på Vue.js-frameworket. Vue.js er kendt som det mest tilgængelige JavaScript-framework, som stadig har høj ydeevne og er nemt at vedligeholde. Kurset vil dække alle de primære elementer med over 200 eksempler og masser af øvelser. Kurset afholdes på engelsk.
Deltagerprofil
Kurset er beregnet til professionelle udviklere, som har erfaring med HTML- og JavaScript 5-programmering.
Rick er super kompetent og super dygtig til at lære fra sig. Hans undervisningsmateriale er ud over al forventning. Rick har virkelig styr på hvad han snakker om, og alle spørgsmål blev besvaret.- Morten Hoffmann, Skandinavisk Motor Co. A/S
Udbytte
- Vue.js architectural concepts
- Creating and testing Vue.js apps
- Essential JavaScript 202X for Vue.js
- Creating reusable components
- Declarative rendering
- Templates with interpolations and directives
- Conditional and listrendering
- Handling properties and events
- Working with forms
- Composition API
- Dynamic and Asynchronous components
- Debugging and Developer Tools
- Patterns and Best Practices
- Vue Routing and navigation
- Vue CLI
- State management with Provide/Inject and Vuex
Bemærk: Kurset dækker altid den nyeste version og de bedste eller mest populære fremgangsmåder. Men kurset kan stadig følges, hvis du bruger en lidt ældre version.
Eksempler og øvelser til ældre versioner er også i kursusmaterialet, hvis det er relevant. Efter kurser kan du med det samme føje Vue-dele til både nye og eksisterende websteder.
Indhold
- What is Vue.js?
- Why Vue.js?
- EcmaScript 202X (JavaScript): The relevant features for Vue.js
- Class syntax
- Spread operator
- Arrow functions
- Object destructuring
- Option: TypeScript
- Data to View: Content, Attributes.
- View to Data: Events changing data or calling - functions
- Styling: Class and Style attributes
Conditional Rendering
- if
- if-else
- showList Rendering
- Array
- Iterable
- Object
- Key (how to use)
- Computed Values
- Watchers
- Option (version 2 only): Filters
- With and without parameters
- Chaining
- Registration: Global vs Local
- Render
- Template
- Data
Properties
- Types, Required & Validation
- Default values
- NamingCustom Events
- Event, key and other modifiers
- Input bindings
- v-model (2-way databinding)
- Vue CLI
- Advantages
- Commands - Vue DevTools
- Using the browser's DevTools
- VSCode debugging
- Webpack
- Single
- Multiple
- Default value
- Scoping
- Attributes
- Events
- Slots names
- Dynamic components
- Async components
- Composition API
- Suspense
- Accessing DOM
- Optional: Teleports
- Creation, Destroying
- Mounting, Updating, Activation
- With mixins
- Error Boundaries
- Higher-Order Components
- Renderless Components
- Mixins
- Container Components
- Lazy loading
- Functional Components
- v-once
- v-pre
- v-cloak
- Render() vs Template
- JSX vs HTML
- JSX vs JS
- Static routing
- Dynamic routing
- Nested routes
- No match (like a 404)
- Passing props
- Lazy loading
- Named routes & views
- Navigation guards
- Optional: Programmatic navigation
- Optional: Transitions
- Optional: Data fetching
- Store
- Getters
- Mutations
- Actions
- Modules
- mapState, mapGetters, mapMutations
- Reactivity
- State Transitions
- List Transitions
- Unit Tests
- Storybook
- Best practices
- Code organisation
- Universal code
- Routes
- Data pre-fetching
- Client Side Hydration
Form
Workshop. Der bruges dias, masser af øvelser og mere end 200 eksempler. 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
Se vores udvalg af kurser i webudvikling her.
Aktuelt online kursus
Online kurset "Vue.js" kunne også være interessant for dig.
Do you have any course related questions, please contact
- Mette Rosenløv Vad
- Konsulent
- +45 72202432