Web development
Created at
||Updated at
Learn
- The 2021 Web Developer Roadmap
- ES Modules - A Cartoon Deep Dive
- Frontend Development Resources
- Full Stack Open 2021
- A Case Study of CSR
- Spellbook of Modern Web Dev
- Modern Web
- The Valley of Code
- MDN Curriculum
- The Front End Developer/Engineer Handbook 2024
Online playgrounds
HTML
- HTML Head
- Meta Tags
- HTML Periodic Table
- Awesome HTML
- What The Tag
- Explore DOM Events
- HTML for People
Frameworks
Some mainstream and some interesting frameworks to work with the UI.
- React
- Next
- Angular
- Vue
- Nuxt
- Svelte
- Sveltekit
- Qwik
- Solid
- SolidStart
- Lit
- Iles
- Astro
- 11ty
- Enhance
- Stencil
- El
- IHP
- WMR
- Shoelace
- Tonic
- WebC
- HTMX
- Arrow
- Mithril
- Bay.js
- Lemonade
- Marko
- VanJS
- tram-lite
- Nue
- Cami.js
- RE:DOM
- nho
Web extensions
Webauthn
Build UI components in isolation
Storybook can be used to build UI components in isolation. It is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components.
Some potentially useful addons are:
Some alternatives to Storybook are:
Various
- Web History
- History of the Web
- The Web’s timeline
- Frontend Performance Checklist
- Web Performance
- The Principles of Sustainable Software Engineering
- Falsehoods programmers believe about time zones
- What they don’t tell you when you translate your app
- A collection of interactive learning tools for frontend devs
- npm: A Free Guide for Beginners
- Discovery Hub (Modern web dev tools)
- What Web Can Do Today
- Web Dev Merit Badges
- Naming Cheatsheet
- Web Attack Cheat Sheet
- Inside look at a modern web browser
- Public APIs
- Vanilla Web Projects
- Images Tooling Report
- Learn SvelteKit
- Svelte by example
- Software Testing Help
- Snyk Training and Snyk Learning
- API Challenges
- Codier
- HTTP Toolkit
- Browserslist
- Memlab
- Mint Lang
- Intl Explorer
- Open Web Components
- Chrome Developer Docs
- Microfrontend
- DevTools Tips
- UnsuckJS
- PWA Builder
- Fuite
- esif.dev - A collection of foundational web development blog posts
- blog-cells - Interactive code snippets
- Expressive Code - Display code snippets
- Web Perf Snippets - A collection of web performance snippets
- Modsurfer - WASM modules inspector
- Plain Vanilla - Web dev with vanilla techniques
