The course covers a full stack of technologies including HTML, CSS, JavaScript, HTTP, DNS, web servers, services, security, and web frameworks. It is expected that you will start at the top of the list and work your way down. Not taking the time to fully grok the content will significantly decrease your mastery of the course and increase the time it takes for you to build your startup deliverables.
- ☑ Course Introduction
- Why am I here?
- ☑ AWS account
- Startup application
- ☑ Demo day submission
- Let's play Simon
- ☑ The Console
- Git
- ☑ GitHub
- 🚀 Startup Specification
- ☑ Discord
- Editors
- History of the web
- Demonstration
- Technology stack
- The internet
- ☑ Amazon Web Services - EC2
- Domain names
- ☑ Amazon Web Services - Route 53
- Caddy
- ☑ HTTPS, TLS, and certificates
- 🚀 Startup AWS
- CSS introduction
- Selectors
- Declarations
- Fonts
- Animation
- Debugging CSS
- ☑ CSS practice
- Responsive design
- Grid
- ☑ Flex
- ☑ CSS frameworks
- Tailwind
- Simon CSS
- 🚀 Startup CSS
- JavaScript introduction
- Adding JavaScript to HTML
- Node.js
- Debugging JavaScript
- Debugging Node.js
- Web frameworks
- Toolchains
- ☑ Vite
- React
- ☑ Components
- ☑ Router
- ☑ Simon React P1: Routing
- 🚀 Startup React P1: Routing
- JavaScript Console
- Functions
- Arrow functions
- ☑ Arrays
- Objects and classes
- Destructuring
- Time and interval
- Hooks
- ☑ Reactivity
- JSON
- LocalStorage
- Simon React P2: Reactivity
- 🚀 Startup React P2: Reactivity
- ☑ Promises
- ☑ Async/await
- String
- Types, operators, conditionals, and loops
- ☑ Document object model (DOM)
- Regular expressions
- Rest and spread
- Exceptions
- Scope
- ☑ Tic-tac-toe tutorial
- Web servers
- Web Services Introduction
- URL
- Ports
- HTTP
- ☑ Fetch
- Service design
- Node web service
- ☑ Express
- Modules
- Service daemons - PM2
- Troubleshoot 502
- SOP and CORS
- Authorization services
- Account creation and login
- Simon service
- 🚀 Startup Service
- Deployment
- Storage services
- Uploading files
- ☑ Data services
- Simon DB
- 🚀 Startup DB
- Backend testing
- Frontend testing
- TypeScript
- Performance monitoring
- UX design
- Search Engine Optimization
- Device APIs
- Progressive web applications
- Simon PWA
- ☑ Wrap up
| Icon | Meaning |
|---|---|
| ⚠ | Important concepts, or pitfalls, to note |
| ☑ | Assignments |
| 🚀 | Startup deliverable |
| 🔑 | Required reading |
| 📖 | Deeper dive reading for when you want to learn more |