KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agent #developer-tools #codex #typescript #cli #deepseek-harness #claude-code #ai-agents #mcp #rust

building-web-apps-with-vue

★ 305 Open GitHub ↗

building-web-app-with-vue

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Building Web Apps with Vue and Nuxt

Course Materials

_Author: Sarah Drasner_

## Upcoming workshop live on Sept 25, 2020, [join here](https://frontendmasters.com/workshops/building-apps-vue/)

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](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en)
- Here are the snippets I'll be using [vue vscode snippets](https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets)
- My VS Code theme [NightOwl](https://marketplace.visualstudio.com/items?itemName=sdras.night-owl)
- My terminal is [Hyper](https://hyper.is/) and I'm using [Hyperpower](https://hyper.is/store/hyperpower) for the particles
- I'm using [Hub](https://github.com/github/hub) to create repos on my terminal
- I wrote an [article that might be helpful to you](https://www.netlify.com/blog/2020/04/12/speed-up-productivity-with-terminal-aliases/?utm_source=github&utm_medium=vuecourse-sd&utm_campaign=devex) on how I set up my bash aliases I use in this course
- I use [SnippetsLab](https://www.renfei.org/snippets-lab/) to gather snippets that I reuse for multiple projects

## Slides:

**All slides have password `!vue!`**

- [Building Web Apps with Vue and Nuxt 1: Intro](https://slides.com/sdrasner/vueapps1?token=ov5v8sUr)
- [Building Web Apps with Vue and Nuxt 2: Warmup Game](https://slides.com/sdrasner/vueapps2?token=oePuyn8o)
- [Building Web Apps with Vue and Nuxt 3: Food Application](https://slides.com/sdrasner/building-vue-apps-3-foodapp?token=DiquCMbB)
- [Building Web Apps with Vue and Nuxt 4: Composition API](https://slides.com/sdrasner/building-vue-apps-4-compositionapi?token=IAnBmcyn)

## 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](https://www.netlify.com/guides/creating-an-api-with-aws-lambda-dynamodb-and-api-gateway/api-gateway/?utm_source=github&utm_medium=api-sd&utm_campaign=devex) (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

[![Creative Commons License](https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png)](http://creativecommons.org/licenses/by-nc-sa/4.0/)

This work is licensed under a [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License](http://creativecommons.org/licenses/by-nc-sa/4.0/)

building-web-apps-with-vue

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README