Frontend Development

Learning paths

• Frontend development (14 steps)

  Build accessible, fast and responsive web interfaces, moving from how browsers render pages through HTML, CSS and JavaScript to modern tooling and frameworks.

Curated Resources (30)

Tools (5)

• React react.devfree

  The library for web and native user interfaces developed and maintained by Meta and the open-source community.

• Vue.js vuejs.orgfree

  Progressive JavaScript framework for building user interfaces with an approachable, performant, and versatile core.

• Vite vite.devfree

  Next-generation frontend tooling providing an ultrafast development server and optimized Rollup build bundling.

• Tailwind CSS tailwindcss.comfree

  Utility-first CSS framework packed with classes that can be composed to build any design directly in markup.

• Lit lit.devfree

  Open-source JavaScript library for building lightweight, standards-based web components with reactive properties and declarative templates, maintained with documentation and tutorials.

Databases (3)

• Can I Use caniuse.comfree

  Up-to-date browser support tables and compatibility database for modern front-end web technologies.

• HTTP Archive httparchive.orgfree

  Open repository tracking and measuring how the web is built, profiling millions of websites for frontend performance and technology adoption.

• npm Registry npmjs.comfree

  Central public package database hosting millions of client-side JavaScript, UI component, and frontend framework packages.

Learn (13)

• MDN Web Docs developer.mozilla.orgfree

  Comprehensive open documentation and learning platform covering HTML, CSS, JavaScript, and Web APIs.

• web.dev web.devfree

  Guidance, structured courses, and performance best practices created by the Google Chrome team for modern web developers.

• W3C Standards w3.orgfree

  Official international community developing open web standards, specifications, and accessibility guidelines (WCAG).

• WHATWG Standards whatwg.orgfree

  Community maintaining Living Standards for HTML and the DOM in collaboration with major browser vendors.

• Jank Busting for Better Rendering Performance web.devfree

  Article explaining why browser animations stutter and how to use requestAnimationFrame and related techniques to keep rendering smooth, aimed at front-end developers.

• Angular Roadmap (roadmap.sh) roadmap.shfree

  Interactive roadmap on the Angular framework: topics laid out in a suggested study order, each linking to further reading.

• CSS Roadmap (roadmap.sh) roadmap.shfree

  Interactive roadmap on CSS: topics laid out in a suggested study order, each linking to further reading.

• Frontend Beginner Roadmap (roadmap.sh) roadmap.shfree

  Interactive roadmap on a first path into frontend development: topics laid out in a suggested study order, each linking to further reading.

• Frontend Developer Roadmap (roadmap.sh) roadmap.shfree

  Interactive roadmap on frontend development: topics laid out in a suggested study order, each linking to further reading.

• HTML Roadmap (roadmap.sh) roadmap.shfree

  Interactive roadmap on HTML: topics laid out in a suggested study order, each linking to further reading.

• Next.js Roadmap (roadmap.sh) roadmap.shfree

  Interactive roadmap on the Next.js framework: topics laid out in a suggested study order, each linking to further reading.

• React Roadmap (roadmap.sh) roadmap.shfree

  Interactive roadmap on the React library: topics laid out in a suggested study order, each linking to further reading.

• Vue Roadmap (roadmap.sh) roadmap.shfree

  Interactive roadmap on the Vue framework: topics laid out in a suggested study order, each linking to further reading.

Publications (3)

• ACM Transactions on the Web dl.acm.orgpaid

  Peer-reviewed scientific journal publishing research on Web architecture, browser engines, accessibility, and client-side protocols.

• IEEE Internet Computing computer.orgpaid

  Bimonthly magazine featuring scholarly and practical articles on web architectures, internet applications, and frontend usability.

• High Performance Browser Networking hpbn.cofree

  Definitive guide on networking performance, HTTP/2, WebSockets, and WebRTC by Ilya Grigorik.

Blogs and sites (4)

• CSS-Tricks css-tricks.comfree

  Popular web design and frontend development publication providing tutorials, deep dives on CSS, and frontend code snippets.

• Smashing Magazine smashingmagazine.comfree

  Editorial publication for web designers and developers featuring in-depth articles on CSS, JavaScript, and accessibility.

• web.dev Blog web.devfree

  Insights, updates on browser compatibility baseline, and performance guidance directly from Chrome developer advocates.

• Mozilla Hacks hacks.mozilla.orgfree

  Mozilla's blog for web developers, covering new browser features, web standards, performance and tooling changes in Firefox and the wider web platform.

Events and conferences (2)

• React Conf conf.react.devpaid

  Official conference for the React community bringing together the React core team and international frontend engineers.

• SmashingConf smashingconf.compaid

  Friendly, practical conference series for frontend developers and designers focusing on real-world web design and engineering.

Other subcategories

Agile Project Management · Backend Development · Databases · Development Environment · Development Tools · E-commerce · Game Development · Miscellaneous · Platforms · Programming Languages · Software Engineering · Software Testing · Vulnerabilities

Part of Development