notes for webapp workshop

[zpratt]

Steps:

1. https://brew.sh/
2. brew install nvm
3. nvm ls-remote v18
4. nvm install v18
5. npx create-next-app --help
6. npx create-next-app webapp-workshop --eslint --js --use-npm --src-dir
7. cd webapp-workshop
8. echo "v18" > .nvmrc
9. nvm use
10. npm i @jest/globals @testing-library/react jest jest-environment-jsdom -D -E

[zpratt]

https://github.com/vercel/next.js/tree/canary/examples

[zpratt]

https://exercism.org/

[zpratt]

Ask questions to determine level of knowledge to calibrate workshop

Break it up into a handful of exercises

[zpratt]

We could use a GitHub project to run the session

Use template repositories to make it easy to bootstrap examples

Use dev containers to make it easy to get all tools quickly running on people's machines

I could also use a codespace potentially as well

[zpratt]

https://nordicapis.com/10-tools-to-mock-http-requests/

https://designer.mocky.io/design

https://miragejs.com/docs/getting-started/introduction/

[zpratt]

Exercise 1

• Bootstrap environment using a custom codespace and template repository
• Create a simple API that returns a hardcoded list
• Render the list
• Search the list by making an additional request passing query params to the server
• Explain how pages work
• Explain how grids work

Exercise 2

• Add authentication
• Add a data source

Exercise 3

• Deploy to AWS