Formation Pratique Vue.js du 6 au 8 novembre 2018
OXiane, dotJS et Hackages s’associent pour vous proposer une formation Vue.js
“HackCamp” Vue.js
du 6 au 8 novembre 2018
Oxiane : 98 av du Général Leclerc – 92100 Boulogne-Billancourt
Tarif : 990 €HT par personne
Animée par Victor Bury et Bouba Siddighi, tous deux formateurs et ingénieurs open source Hackages.
Ce cours pratique vous permettra d’être opérationnel avec la technologie Vue.js en seulement 3 jours. Au cas où vous ne le saviez pas encore: Vue.js est un framework JavaScript progressif de plus en plus populaire pour la construction d’interfaces utilisateur.
Vous apprendrez tout sur les concepts de base de Vue, ainsi que sur la façon de faire évoluer les choses pour de plus grandes applications.
Programme de la session
Language : English only, no translation provided
Attendee background: developer with good practice in javascript
Content:This hands-on HackCamp course will get you up and running with Vue.js technology in only 3 days. In case you didn’t know yet: Vue.js is an increasingly popular, progressive JavaScript framework for building user interfaces. Vue is designed from the ground up to be incrementally adoptable.
You’ll learn all about the basics and core concepts of Vue, as well as how to scale things up for larger applications.
Core concepts in Vue
- Vue Instance
- Template syntax
- Directives
- Event handling
- Form bindings and validation with vee-validate
- Components
- Lifecycle
- Communication Patterns
- Component Architecture (SMART/DUMB)
- Custom Events
- Slots
- Async Components
Scaling Up
- Rapid Vue.js development with
- Routing
- Simple Routing From Scratch
- Core concept of
- Dynamic Route Matching
- Nested Routes
- Programmatic Navigation
- Named Routes
- Named Views
- Redirect and Alias
- Passing Props to Route Components
- Advanced in vue-router
- Guard
- Data fetching patterns – fetching After/Before Navigation
- Lazy loading
- Data fetching using axios
- State Management using Vuex
- state management patterns in a nutshell
- What is Vuex?
- Using Actions, Mutations and Getters
- Modules / plugins
- Composing actions (Promises and Async/Await)
- Testing
- Best practices and common pitfalls
- Testing
- Unit tests with Jest
- E2E tests with Nightwatch/ Cypress
Reusability & Composition
- Mixing
- Custom Directives
- Render Functions & JSX
- Plugins
- Filters
- Typescript
- Advanced Component Patterns