Code Safari
All subjects

The Frontend guides & blogs

Frontend

Build fast, accessible, well-structured interfaces — and understand what the browser is really doing with your code.

4 stages mapped·11 topics being written

Start with Common Foundations — it counts on every subject.

  1. 01

    The languages of the browser

    HTML for structure, CSS for layout, JavaScript for behaviour — and TypeScript to keep it honest.

    HTML & the DOMbeing written

    Will cover: semantic elements · the DOM tree & how JS manipulates it · forms & validation · events & bubbling

    CSS & layoutbeing written

    Will cover: the box model & specificity · flexbox & grid · responsive design & media queries · transitions & animations

    JavaScript, properlybeing written

    Will cover: closures & scope · the event loop & async/await · promises & fetch · modules & bundling

    TypeScriptbeing written

    Will cover: types as documentation · interfaces & generics · narrowing & unions · typing component props

  2. 02

    Components & state

    The framework layer — components, hooks, and where state should actually live.

    React & component thinkingbeing written

    Will cover: components, props & composition · hooks & the rules behind them · rendering & reconciliation · when to reach for a framework at all

    State managementbeing written

    Will cover: local vs shared vs server state · lifting state up · context & its limits · data-fetching libraries & caches

  3. 03

    Rendering & performance

    CSR, SSR, hydration, and the metrics that decide whether a page feels fast.

    Rendering strategiesbeing written

    Will cover: client-side vs server-side rendering · static generation & ISR · hydration & why it’s expensive · streaming & partial rendering

    Web performancebeing written

    Will cover: Core Web Vitals · code splitting & lazy loading · images, fonts & the network waterfall · measuring before optimising

  4. 04

    Quality & shipping

    Accessibility, testing, and the path from git push to a page on a CDN.

    Accessibility (a11y)being written

    Will cover: semantic HTML as the foundation · keyboard navigation & focus · ARIA — when and when not · testing with a screen reader

    Testing frontend codebeing written

    Will cover: component tests & testing-library · end-to-end tests with a real browser · visual regression · what not to test

    Build & deploybeing written

    Will cover: bundlers & the build step · environment variables & config · CDNs & cache invalidation · preview deployments