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

Web resources for developers

Web 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

281 resources ยท page 1 of 12

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
Cheat sheet
Sefism AI Agents and MCP Cheat Sheet

The revision companion to Sefism's AI agents and MCP roadmap: ten chapters on the agent loop, tool calling, structured output, memory, multi-agent patterns, frameworks, building MCP servers, evals, guardrails and shipping. It comes in Python and TypeScript editions with working snippets in each. It suits developers who already call model APIs and want to revise a concept quickly, copy a working shape or catch the classic mistake before users do.

  • AI
  • Programming
  • Web
Sefism ยท AI & Machine Learning ยท Reference ยท Intermediate
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
Roadmap
Sefism AI Agents and MCP Roadmap

A 10-stage path for developers who can already call a model API and want to build agents that hold up in real use, in Python or TypeScript. It covers the agent loop by hand, structured output, memory and state, multi-agent patterns, LangGraph and the OpenAI and Claude agent SDKs, building and publishing an MCP server, evals, guardrails against prompt injection, and tracing and shipping. You finish with an evaluated, limited, traced agent and an MCP server a reviewer can try.

  • AI
  • Programming
  • Web
  • Backend
Sefism ยท AI & Machine Learning ยท About 100 hours over 22 weeks at 5 hours a week ยท Intermediate
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
Roadmap
Sefism AI Engineering Roadmap

A seven-stage path for developers who can already ship a web or backend app and want to build products on large language models, in Python or TypeScript: tokens and context, prompting and model APIs, RAG with citations, evals in CI, tool calling and MCP servers, agents with durable execution, and running AI features in production. One project grows through every stage. By the end you can build, evaluate and run an LLM feature with retrieval, tools and agents, and explain what it costs, how you measured it and where it fails.

  • AI
  • Programming
  • Web
  • Backend
Sefism ยท AI & Machine Learning ยท About 205 hours, 17 weeks at 12 hours a week ยท Intermediate
Cheat sheet
Sefism AI Engineering Cheat Sheet

A quick-revision companion to the AI engineering roadmap in eight chapters: how LLMs work, prompting and model APIs, RAG, evals, tool calling and structured output, MCP, agents and durable execution, and running AI systems in production. It comes in Python and TypeScript editions, with snippets using the official SDKs, Pydantic or Zod. Skim a chapter after each roadmap stage, before changing a prompt or model, or before a technical conversation about AI features.

  • AI
  • Programming
  • Web
Sefism ยท AI & Machine Learning ยท Reference ยท 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
Tool
CyberChef

CyberChef, built and maintained by GCHQ, is a free browser-based tool for encoding, decoding, encrypting, compressing and generally transforming data through a drag-and-drop chain of small operations, nicknamed 'the Cyber Swiss Army Knife'. It runs entirely in the browser with no server-side processing of your data, which matters when the data you are working with is sensitive. With nearly 36,000 GitHub stars, it is one of the most widely used free utilities of its kind.

  • Programming
  • Web
  • DevOps
GCHQ ยท Other ยท Beginner
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
Roadmap
Sefism DSA and Problem Solving Roadmap

An eight-stage path from Big-O through arrays, hashing, recursion, trees, graphs, coding patterns and dynamic programming to timed, mixed practice, in Python, Java, C++ or JavaScript. It suits students and developers who can write code but freeze on problems with no obvious library call. By the end you can pick the right data structure, recognise common problem shapes and solve a medium problem in about 35 minutes with edge cases tested.

  • Programming
  • DSA
  • Web
Sefism ยท Other ยท About 300 hours, 28 to 60 weeks ยท Intermediate
Cheat sheet
Sefism Programming Foundations Cheat Sheet

The quick-revision companion to the Programming foundations roadmap: language basics, collections, errors and files, a chapter of essentials for Python, JavaScript, Java, C++ or C#, the command line and Git, how computers run code, data structures and Big-O, clean design, testing and shipping projects. Use it to check what you half remember before a project, an exam or a technical conversation.

  • Programming
  • Web
  • Dev tools
  • CS fundamentals
Sefism ยท Other ยท Reference ยท Beginner
Cheat sheet
Sefism DSA and Problem Solving Cheat Sheet

A quick-revision companion to the DSA roadmap in nine chapters: complexity, arrays and hashing, linked lists, stacks and queues, recursion, sorting and searching, trees and heaps, graphs, coding patterns, dynamic programming and timed practice habits. Costs are stated for every structure and algorithm, in Python, Java, C++ or JavaScript editions. Use it after each roadmap stage and before a contest or coding round.

  • Programming
  • DSA
  • Web
Sefism ยท Other ยท 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
Tool
n8n

A workflow automation platform, similar in spirit to Zapier, that you can self-host for free or use as a paid cloud service. You connect apps and APIs on a visual canvas, drop into JavaScript or Python when needed, and build AI agent workflows with language models and tools. It suits developers and technical students who want powerful automation with full control over their data and costs.

  • AI
  • DevOps
  • Programming
  • Web
n8n ยท AI & Machine Learning
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

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