Description
A new awesome programming workshop for all JS enthusiasts.
A new awesome programming workshop for all JS enthusiasts.
We have decided to hold online all our future community events, including our JSLeague - Intro to Vue.js 3 Online Workshop. We hope it's the right call given the circumstances and we will do our best to further help the community learn JS technologies.
When? 30th of January, 10am - 5pm
Where? On Zoom
Curricula
- Fundamental concepts: components, state, templates, reactivity
- Single file components (SFCs): template, script, style
- Using Vite to quickly bootstrap a Vue 3 application
- Brand new Composition API (similar to React hooks): state, props, computeds, event handling
- Component templates:
- Template text interpolation: {{}}
- Binding properties: v-bind, :
- (DOM) event handling: v-on, @
- Conditional rendering: v-if, v-else-if, v-else
- Rendering lists: v-for
- Two-way binding for input DOM elements: v-model
6. Parent ⇄ child communication: props up, events down[if time allows]
7. Render components outside the DOM hierarchy: Teleport
8. Customize children's markup (similar to React render props): slots
7. Render components outside the DOM hierarchy: Teleport
8. Customize children's markup (similar to React render props): slots
9. Async components: Suspense
Tools:
- VSCode
- Node.js 14
Knowledge:
- Basic bash command line
- Basic git commands
- Basic understanding of web and JavaScript programming