Course title: Frontend and API Performance
Course covering on all technologies for modern web development with focus on performance.
Author: Mikhail Kuznetcov
Lessons:
- Introduction to web performance
- Course intro | CRP | Web vitals | Tools
- Network caching
- HTTP | Caching in browser | Compression | Images
- Faster loading
- Preloading | CDN's | Edge functions
- JavaScript bundles
- Bundle size | Tree shaking | webpack & vite | Tools
- JavaScript performance
- Algorithms complexity | Data loading in JS | Profiling JavaScript | Web Workers
- Render performance
- Rendering pipeline | Layouts | Images | Fonts | Tools
- Performant animations
- Rendering | CSS | Repaints | Animations in React
- Memory JS performance
- Event loop | micro-,macrotasks | GC | leaks | debugging
- Practice session
- Improve HTML+CSS app, Improve React app
- PWAs & AMP apps
- SSG | AMP | PWA
- React performance
- Features for performance overview | Common pitfalls | React Dev tools
- SSR with Next.js
- SSR | Next.js | Performance in Next.js apps | Vercel
- Server performance
- Caching in backend | Cloud solutions | DB & indexes | Reddis
- App-level solutions
- UI tweaks | REST, GraphQL, gRPC | ServiceWorker
- Summary + Final exam