A web developer is responsible for implementing website functionality as opposed to a web designer who is responsible for designing the look and feel of it.
- The #1 resource for web development is MDN - The Mozilla Developer Network
- Frontend Masters Free Bootcamp
- Frontend Masters Internet Fundamentals videos
- How the Web works
- FreeCodeCamp
- LevelUp Tutorials
- WebDev Simplified YouTube Channel is all about teaching web development skills and techniques in an efficient and practical manner.
- The Front End Developer Handbook 2024 lists the most popular libraries and frameworks in front end development today
- Can I Use? provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers
- What Web Can Do Today - An overview of the device integration HTML5 APIs
- Quirksmode.org is the prime source for browser compatibility information on the Internet.
- Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.
- W3C Markup Validation Service
- Build a Space Travel Website with Frontend Mentor
Hosting Services
- Digital Ocean - The Inference Cloud built for scale — without complexity or surprise costs.
- Fly.io - Build fast. Run any code fearlessly.
- Heroku - Build data-driven apps with fully managed data services.
- Hostinger
- Render.com
- Vultr
Tools
IDE's and Editors
Check out this fine article on IDEs
- Visual Studio Code. See also:
- Sublime Text is a sophisticated text editor for code, markup and prose.
- Nuclide - A unified developer experience for web and mobile development, built as a suite of packages on top of Atom to provide hackability and the support of an active community.
- Atom (old)
- Vim
- Phoenix Code
- WebStorm by JetBrains is a lightweight yet powerful IDE, perfectly equipped for complex client-side development and server-side development with Node.js
Cloud IDE's and Editors
- AWS Cloud9 AWS Cloud9 is a cloud-based integrated development environment (IDE) that lets you write, run, and debug your code with just a browser.
- CodePen is a social development environment for front-end designers and developers.
- CodeSandbox - An instant IDE and prototyping tool for rapid web development.
- JS Fiddle Online fiddler for JavaScript
- JSON Editor Online
- StackBlitz - Create, edit & deploy fullstack apps
- Sublime Text - Text Editing, Done Right
- VSCode - Code Editing. Redefined.
- WebStorm - WebStorm includes everything you need for JavaScript and TypeScript development right from the start.
Browsers
Terminals
- Bash is the GNU Project implementation of the standard Unix shell.
- Git Bash is a lightweight version installed on Windows with Git.
- Hyper - is an Electron-based Terminal.
- iTerm is the standard command-line interpreter for MacOS.
- Powershell Cross-platform command-line interface and scripting language for system and network administration.
- Tabby is an infinitely customizable cross-platform terminal app for local shells, serial, SSH and Telnet connections.
- Zsh is an alternative command-line interpreter for Unix-like operating systems
Design Tools
HTML
- State of HTML 2025
- State of HTML 2024
- Best Practices
- Semantic HTML
- Forms & Validation
- Accessibility
- SEO
- Resources
CSS
- Basics
- Flexbox
- CSS Grid
- Custom Properties
- Transitions/Animations
- Plain CSS
- GSAP
- anime.js
- Responsive Design
- Mobile First
- Rem units
- Viewport
- Fluid widths
- Media Queries
- CSS Preprocessors
- Sass
- PostCSS
Front-End Development
JavaScript
- Basic Syntax
- DOM Manipulation
- Fetch API
- JSON
- ES6+
- Resources
Front-End Frameworks
- Alpine.js - Your new, lightweight, JavaScript framework.
- Angular - The all-in-one web framework designed for speed.
- Astro - A JavaScript web framework optimized for building fast, content-driven websites.
- Aurelia - A next gen JavaScript client framework for mobile, desktop and web
- Ember.js is a productive, battle-tested JavaScript framework for building modern web applications.
- Fusion.js gives you the developer experience you expect from a React setup and provides tools to take project quality to the next level.
- Lit - Simple. Fast Web Components
- Preact - Fast 3kB alternative to React with the same modern API
- React - The library for web and native user interfaces
- Reef is a simpler alternative to React, Vue, and other UI libraries. No build steps. No fancy syntax. Just vanilla JS and a few small utility functions.
- Riot - Simple and elegant component-based UI library
- Stencil is a library for building reusable, scalable component libraries.
- Svelte - Web development for the rest of us.
- Vue.js - An approachable, performant and versatile framework for building web user interfaces.
Server-Side Rendering (SSR)
- Next.js Thea React Framework for the Web
- Nuxt.js - The Full-Stack Vue Framework
- SvelteKit SSR framework for Svelte
Static Site Generators
- 11ty - Eleventy, a simpler static site generator.
- Docusaurus - Build optimized websites quickly, focus on your content
- Gatsby React-based
- HUGO - A fast and modern static website engine
- Next.js React-based
- Nuxt.js for Vue-based
- Gridsome Vue-based
- Publican is a simple HTML-first static site generator for Node.js
- Vitepress - Vite & Vue-Powered Static Site Generator
- Vuepress - Vue-powered Static Site Generator
Tools
Package Managers
- npm, pnpm
- yarn
Task Runners
- npm scripts
- Gulp
Linters/Formatters
- OxLint, OxFmt
- ESLint
- Prettier
Module Bundlers
- Vite
- Parcel
- Rollup
- Webpack
Other
- Version Control - Git + Github
- GraphQL (Apollo)
- Progressive Web Apps (PWA)
- JAMStack
- Speech Recognition
- Web Assembly