VueBLR #23 Zero To One

Agenda

  • Vue - Zero To One Workshop

    This workshop is aimed at web developers who are new to the Vue.js ecosystem. We will walk you through all the essential bits and pieces of Vue.js that's required to make a modern single page application.

    If you're familiar with an existing framework such as React or Angular or have worked with JavaScript applications in general, you should be able to follow this workshop with ease. We would only need minimal tooling to run the project and examples (Node.js, Yarn, Visual Studio Code).

    We will learn these concepts and apply them by building a Hacker News SPA. Since real-world applications often make HTTP calls, we will see how you can do the same within Vue.js and what are the best practices for structuring your Vue.js application. For a sneak peek of what we will be trying to build, check the Hacker News PWA built by Evan You, the creator of Vue.js: https://github.com/vuejs/vue-hackernews-2.0

    For those of you curious about the specific concepts we will be tackling, we've listed them below:

    • Overview of Vue.js
    • Getting familiar with @vue/cli
    • Modern JavaScript concepts for Vue.js development
    • Understanding reactivity: data, computed and methods
    • Creating and composing Single File Components (SFCs)
    • Routing with vue-router
    • Styling your Vue.js SFCs
    • Conditionally rendering elements
    • Event handling
    • Basics of state management
    • Vue.js lifecycle methods
    • Rendering lists of items
    • Data binding and Forms in Vue.js
    • Slots
    • Best practices and gotcha's