Web Dev CSI: Solving the Curious Case of Code Chaos
summary
Practical checklist for untangling messy frontend projects: enforce meaningful naming and small, atomic components; run automated formatting and linting with Prettier + ESLint to cut nois e and typos; use DevTools to inspect layout and Lighthouse to measure performance; adopt TypeScript for compile‑time type checks and Vue single‑file components for modular structure; automate end‑to‑end checks with Playwright. Concrete outcome: fewer runtime errors, faster pages, and dramatically smaller refactor scope when bugs appear.
AI-written summary · about
chapters (7)
- 0:00Welcome
- 1:50Clean code versus chaos
- 3:14Modular structure and refactoring
- 5:44Debugging layouts
- 7:31TypeScript superhero
- 8:35Efficiency with Vue
- 10:19Automated testing with Playwright
related talks
29mPreprocessors, Components, and CSS in JS or: How I Learned to Stop Worrying and Love the Website
21mTesting Javascript: Building JavaScript applications you won't hate
01h 01mUseful Tools and Utils for JS Development
56mThe Web, Its Frameworks and Its Standards: Deconstruct to (Re?)Construct
34mPreprocessors, Components, and CSS in JS or" How I Learned to Stop Worrying and Love the Website"
58mAlways crashing in the same car (the state of front end web development in 2022)
51mModern CSS Development: Tooling & Workflows
40mRefactoring A Website with Modern CSS Tricks