Skip to content
O'Reilly home
Vue.js

Getting Up to Speed with Vue.js

Published by Pearson

Learn how to make use of the most powerful, and easy to use, front end JavaScript frameworks

June 22, 2018

4 - 7 p.m. Coordinated Universal Time

This event has ended.

What you’ll learn and how you can apply it

  • How Vue works with both simple and complex applications.
  • What makes up a Vue application.
  • How to create components to re-use functionality.
  • How to add routing to a Vue.js application.
  • How Vuex can help manage complex data interactions within your application.

This live event is for you because…

  • You feel intimidated by the amount of work necessary in most React/Angular projects
  • You are new to JavaScript
  • You aren’t new to JavaScript but still appreciate simplicity

Prerequisites

  • Basic HTML
  • Basic CSS
  • Basic JavaScript

Course Set-up:

  • httpster, a npm module that makes it easy to start a web server from the CLI
  • A decent editor with web support – I strongly recommend Visual Studio Code

Recommended Preparation:

Recommended Follow-up:

Schedule

The timeframes are only estimates and may vary according to how the class is progressing.

Segment 1: Beginning Vue.js (65 min total)

  • Why/What/How Vue.js? (15 min)
  • Vue Basics (20 min)
  • Exercise 1 – Palindrone Checker (10 min)
  • Exercise 2 – Ajax Search (10 min)
  • Break+Q/A (10 min)

Segment 2: Building Components (45 min total)

  • What are components? (5 min)
  • Working with Properties and Events (10 min)
  • Working with Slots (10 min)
  • Exercise 1 – Music Component (10 min)
  • Break+Q/A (10 min)

Segment 3: Routing (25 min)

  • Working with Routing (10 min)
  • Exercise 1 – Master/Detail (10 min)
  • Q/A (5 min)

Segment 4: State Management with Vuex (40 min)

  • What’s a store? What’s Vuex? (5 min)
  • Working with Stores (20 min)
  • Exercise 1 – Cat Store demo (10 min)
  • Break+Q/A (5 min)

Segment 5: Building Apps with the CLI (30 min)

  • What the CLI does + Installing (5 min)
  • Generating an App (10 min)
  • Resources (5 min)
  • Final Q/A (10 min)

Your Instructor

  • Raymond Camden

    Raymond Camden is a senior developer advocate for Auth0 Extend. His work focuses on Extend, serverless, and the web in general. He's a published author and presents at conferences and user groups on a variety of topics. Raymond can be reached at his blog (www.raymondcamden.com), @raymondcamden on Twitter, or via email at raymondcamden@gmail.com.

Start your free 10-day trial

Get started

Want to learn more at events like these?

Get full access to O'Reilly online learning for 10 days—free.

  • checkmark50k+ videos, live online training, learning paths, books, and more.
  • checkmarkBuild playlists of content to share with friends and colleagues.
  • checkmarkLearn anywhere with our iOS and Android apps.
Start Free TrialNo credit card required.