bobstrange/building-web-apps-with-vue

building-web-app-with-vue

Building Web Apps with Vue and Nuxt

Course Materials

Author: Sarah Drasner

Upcoming workshop live on Sept 25, 2020, join here

This repo houses the materials and resources for the Building Web Apps with Vue and Nuxt course on Frontend Masters. This course uses Vue 3.

Most of the materials for the course are outlined below, but there are also directories housed here of very basic examples of some of the techniques we will cover so that students don't have to spend a lot of time researching in order to get started.

This workshop is mostly spent live coding, and I get a lot of questions about my local environment, here are all of the things I'm using:

• Here are the Vue chrome devtools
• Here are the snippets I'll be using vue vscode snippets
• My VS Code theme NightOwl
• My terminal is Hyper and I'm using Hyperpower for the particles
• I'm using Hub to create repos on my terminal
• I wrote an article that might be helpful to you on how I set up my bash aliases I use in this course
• I use SnippetsLab to gather snippets that I reuse for multiple projects

Slides:

All slides have password !vue!

• Building Web Apps with Vue and Nuxt 1: Intro
• Building Web Apps with Vue and Nuxt 2: Warmup Game
• Building Web Apps with Vue and Nuxt 3: Food Application
• Building Web Apps with Vue and Nuxt 4: Composition API

Directories

Game Application

Built with Vue CLI

• gameresources- resources and materials for the game
• game-problem
• game-solution

Food Application

Built with Nuxt

This is the article I wrote that shows you how to set up an API with AWS with Lambda and DynamoDB (we will use this API in our course)

• foodapp-resources- resources and materials for Food application
• foodapp-problem1
• foodapp-solution1
• foodapp-problem2
• foodapp-solution2
• foodapp-problem3
• foodapp-solution3

Composition API

• compapi-start
• compapi-solution

License

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License