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