Sefism is free for learners. We are here to help you grow, one step at a time.Join for free
Sefism.

Web Development resources for developers

Web Development resources for developers, each with a researched write-up on what it covers and who it suits. Never an affiliate placement.

  • 1418 picks
  • 1240 free

223 resources ยท page 1 of 10

Roadmap
Sefism .NET Developer Roadmap

A 10-stage path to a .NET developer job: modern C# on .NET 10, LINQ and async, ASP.NET Core, EF Core and SQL Server, Identity and JWT security, a Web API, Angular, React or Blazor front end, xUnit and integration testing, production features, and Docker, GitHub Actions and Azure. It suits students and developers aiming at banks, telecoms and enterprise software houses. By the end you can build, test, secure and ship one production-ready ASP.NET Core application and explain every choice in it.

  • Web
  • Backend
  • Programming
  • Databases
Sefism ยท Web Development ยท About 395 hours, 33 to 79 weeks ยท Intermediate
Roadmap
Sefism Choosing the Right Database Roadmap

A short, nine-stage path for picking the right database for each job in an app: describe your data first, then relational, document, key-value and cache, search, vector, columnar and warehouse, graph, time-series and object storage, each with a hands-on task, and finally managed versus self-hosted, cloud equivalents, free tiers and cost. It suits students and developers starting a project. By the end you can write a database decision for your own app and defend every choice in it.

  • Web
  • Databases
  • Backend
  • Cloud
Sefism ยท Web Development ยท About 58 hours, 7 to 12 weeks ยท Beginner
Video
Traversy Media (YouTube channel)

Brad Traversy's long-running channel of practical web development tutorials: HTML, CSS and JavaScript crash courses, React and Vue, Node.js, Python and PHP back ends, and many full project builds. The style is calm, project-first and easy to follow. It suits beginners and self-taught developers who learn best by building a complete app alongside the video.

  • Web
  • Backend
  • Programming
  • Frontend
Brad Traversy (Traversy Media) ยท Web Development ยท Self-paced ยท Beginner
Video
Fireship (YouTube channel)

Fast, dense, funny videos by Jeff Delaney on web development, programming languages, AI tools and tech news. Home of the 100 Seconds of Code explainers and The Code Report. It suits any developer who wants a quick, accurate picture of a tool or a trend before deciding whether to spend real time on it.

  • Web
  • Programming
  • Frontend
  • AI
Jeff Delaney (Fireship) ยท Web Development ยท Self-paced
Cheat sheet
Sefism Frontend Development Cheat Sheet

A quick-revision companion to the Sefism frontend roadmap in ten chapters: how the web works, semantic HTML and accessibility, CSS layout, JavaScript the language and in the browser, Git and build tooling, your framework, TypeScript and testing, performance and security, and shipping a real product. It comes in React with Next.js, Vue with Nuxt and Angular editions, each concept with a short example and the common mistake. Skim a chapter before a project or a technical conversation, and follow the links when a concept needs depth.

  • Web
  • Frontend
  • Programming
Sefism ยท Web Development ยท Reference
Roadmap
Sefism Full Stack Development Roadmap

A seven-stage plan for building and running a complete web product on your own, in Next.js, MERN, Django with React, or Spring Boot with React: web foundations, Git and React, the server side, data modelling in PostgreSQL or MongoDB, APIs with authentication and caching, deployment to Linux or AWS with CI/CD, and one shipped product with real users. It suits developers who want to own a product end to end. By the end you can model data, build a secure API and UI, deploy it and ship every change through a pipeline.

  • Web
  • Frontend
  • Backend
  • Databases
Sefism ยท Web Development ยท About 445 hours, 58 weeks at 8 hours a week ยท Intermediate
Video
Chai aur Code (YouTube channel)

Hitesh Choudhary's Hindi-language channel, popular with learners across India and Pakistan: JavaScript, TypeScript, full stack Next.js projects, Django, Java and Spring Boot, mobile development, Git and AI, taught in a relaxed chat-over-tea style. It suits beginners and students who learn more comfortably in Hindi or Urdu and want long, project-based series.

  • Web
  • Programming
  • Frontend
Hitesh Choudhary ยท Web Development ยท Self-paced ยท Beginner
Cheat sheet
The A11Y Project Checklist

A community-maintained, plain-language accessibility checklist organised by area: content, global code, keyboard, images, headings, lists, controls, tables, forms, media, appearance, animation, colour contrast and mobile and touch. A practical pre-release check for designers and developers.

  • Web
  • Frontend
The A11Y Project ยท Web Development ยท Beginner
GitHub repo
shadcn/ui

A set of well-designed, accessible components you copy into your own project rather than install as a locked package, so you own and edit the code. Popular with React developers who want a good-looking starting point for their own design system.

  • Web
  • Frontend
shadcn ยท Web Development ยท Intermediate
Guide
Use The Index, Luke

A free online book that explains SQL indexing for developers, from how a B-tree is laid out to why a particular WHERE clause can or cannot use an index. It covers Oracle, MySQL, PostgreSQL, SQL Server and Db2 with product-specific notes. It is the clearest resource for turning index theory into faster queries.

  • Web
  • Databases
  • Backend
Markus Winand ยท Web Development ยท Self paced ยท Intermediate
Cheat sheet
Sefism Backend Development Cheat Sheet

A quick-revision companion to the Sefism backend roadmap: an essentials chapter for your stack, then terminal and Git, how HTTP works, relational databases and SQL, API design, authentication and API security, caching and queues, testing and CI/CD, and architecture and reliability. It comes in seven editions (Node.js, Python, Java, C#, Go, PHP and Rust), each concept with a short example and the mistake to avoid. Read a chapter before a project, an exam or a technical conversation.

  • Web
  • Backend
  • Databases
  • DevOps
Sefism ยท Web Development ยท Reference ยท Intermediate
Cheat sheet
Sefism SQL and Databases Cheat Sheet

The companion to the SQL and databases roadmap in PostgreSQL, MySQL and SQL Server editions: setup, single-table queries, joins, aggregation and window functions, schema design, changing data safely, indexes and query plans, SQL in applications, and a short MongoDB comparison. Each concept is a line or two with your dialect syntax and the classic mistake to avoid.

  • Web
  • Databases
  • Backend
Sefism ยท Web Development ยท Reference ยท Beginner
Roadmap
Sefism Frontend Development Roadmap

A seven-stage plan from how the web works to a shipped product: HTML and CSS, JavaScript and the browser, Git and build tooling, your framework (React with Next.js, Vue with Nuxt, or Angular), TypeScript and testing, performance, accessibility and security, then a real product with real users. It suits beginners, career switchers and backend developers filling in the browser side. By the end you can ship a typed, tested, accessible and fast app, deployed with CI and real people using it.

  • Web
  • Frontend
  • Programming
  • Testing
Sefism ยท Web Development ยท About 395 hours, 52 weeks at 8 hours a week ยท Beginner
Video
CodeWithHarry (YouTube channel)

One of the largest programming channels in South Asia, teaching in Hindi: the Sigma Web Development Course, a 100 Days of Code Python course, and series on JavaScript, React, Next.js, Tailwind CSS, Java, C, C++, PHP, Django and deployment on a VPS. Videos are quick, practical and beginner first. It suits students in India and Pakistan starting from zero who learn best in Hindi or Urdu.

  • Web
  • Programming
  • Frontend
CodeWithHarry ยท Web Development ยท Self-paced ยท Beginner
Guide
Patterns.dev

Patterns.dev is a free site and book by Lydia Hallie and Addy Osmani that explains design, rendering and performance patterns for modern web apps, with examples in vanilla JavaScript, React and Vue. It covers classic patterns such as Observer and Factory, plus server rendering, streaming, React Server Components, bundle splitting and prefetching. It suits developers who can build features but want to understand why an app is structured and loads the way it does.

  • Web
  • Frontend
  • Programming
Lydia Hallie and Addy Osmani ยท Web Development ยท Intermediate
Tool
Postman

Postman is an API platform whose core is an API client: you send HTTP requests by hand, save them in collections, use variables and environments, write simple tests on responses, and import OpenAPI descriptions. The free plan covers one user and is enough for learning and personal projects; paid plans add collaboration and more usage. It suits backend and frontend developers who need to explore, debug and document APIs, and it is a tool many teams expect you to know.

  • Web
  • Backend
Postman ยท Web Development
Video
Kevin Powell (YouTube channel)

Kevin Powell's channel is one of the best known places on YouTube to learn CSS properly: layout, responsive design, the cascade and specificity, units, container queries, view transitions and new CSS features, plus semantic HTML and forms. Weekly videos and shorts. It suits anyone who can write CSS but still fights it, from beginners to experienced frontend developers.

  • Web
  • Frontend
Kevin Powell ยท Web Development ยท Self-paced
Guide
Node.js Learn

The official Node.js Learn guides explain what Node itself is doing underneath your framework: the event loop, asynchronous work, files and streams, HTTP, environment variables, running TypeScript, diagnostics and the built-in test runner. The articles are short and free. They suit JavaScript developers who use Express, Next.js or another tool but want to understand the runtime, and anyone debugging a problem that a framework tutorial glosses over.

  • Web
  • Backend
  • Programming
OpenJS Foundation ยท Web Development ยท Beginner
Platform
Web Security Academy

PortSwigger's Web Security Academy is a free online training platform with written lessons and hands-on labs where you exploit real vulnerabilities, from SQL injection, XSS and access control flaws to JWT attacks, API testing and attacks on LLM features. It is built by the team behind Burp Suite. It suits developers who want to write secure code and students aiming for security roles, because attacking a flaw yourself teaches prevention far better than reading a list of risks.

  • Web
  • Backend
PortSwigger ยท Web Development ยท Intermediate
Cheat sheet
OWASP Cheat Sheet Series

The OWASP Cheat Sheet Series is a free collection of short, expert-written guides on specific security tasks, such as authentication, session management, password storage, input validation, JSON Web Tokens, REST security, XSS and SQL injection prevention. It suits developers who need to implement something securely right now and want a concise list of what to do and which mistakes to avoid, rather than a textbook.

  • Web
  • Backend
OWASP ยท Web Development ยท Intermediate
Guide
FastAPI Tutorial: User Guide

The official FastAPI tutorial and user guide builds an API one concept at a time: path and query parameters, request bodies with Pydantic validation, response models, error handling, dependency injection, OAuth2 with hashed passwords and JWT, SQL databases, bigger applications, background tasks and testing. One of the few framework docs that doubles as a genuinely good backend course, for Python developers building modern APIs.

  • Web
  • Backend
  • Programming
FastAPI ยท Web Development ยท Intermediate
Course
CS50's Introduction to Databases with SQL

Harvard's free CS50 course on databases, taught by Carter Zenke and David J. Malan. Seven lectures move from querying to relating, designing, writing, viewing, optimising and scaling databases, starting with SQLite and ending with PostgreSQL and MySQL, with problem sets and a final project. It suits beginners and working developers who can write basic SELECT queries but do not yet know how to design a schema or make queries fast.

  • Web
  • Databases
  • Backend
Harvard University ยท Web Development ยท Beginner
Guide
The TypeScript Handbook

The TypeScript Handbook is the official, free guide to TypeScript's type system from the TypeScript team, written for working programmers and kept current with each release. It covers everyday types, narrowing, functions, object types, generics, type manipulation, classes and modules, and it is designed to be read in a few hours. It suits JavaScript developers adopting TypeScript and anyone who writes types by copying patterns without understanding them.

  • Web
  • Programming
Microsoft ยท Web Development ยท Intermediate
Guide
Tailwind CSS Documentation

The official documentation for Tailwind CSS v4, the utility-first CSS framework. It covers installation (a Vite plugin, PostCSS, the CLI and framework guides), core concepts such as states, responsive design, dark mode and theme variables, and a page for every utility showing exactly the CSS each class produces. It suits frontend developers using Tailwind, who should keep it open while building, and anyone moving a project from Tailwind v3 to v4.

  • Web
  • Frontend
Tailwind Labs ยท Web Development

Browse the library by topic and format

Every one of these is its own page: a roadmap shelf, an interview-prep shelf, the free-only view. The filters above do the same thing without a page load.

Work with me

Stuck on something specific?

Writing only gets you so far. If you want an answer to your situation rather than the general case, book a session and we will work through it together. Sessions are free for approved Sefism members, and a few slots open each week.

  • 1:1 Mentorship
  • Fresh Graduate Mentorship
  • Career Guidance

Brand deals, promos and partnerships: tauseeffayyaz@gmail.com