bmorelli25/become-a-full-stack-web-developer

★ 18,174Audience · vibe coderComplexity · 1/5StaleLicenseSetup · easy

Mindmap

mindmap
  root((repo))
    What it covers
      Front-end basics
      Back-end frameworks
      Databases and APIs
      Career guidance
    Learning topics
      HTML CSS JavaScript
      React Node.js Python
      Git and version control
      Authentication
    Resource types
      Free courses
      Tutorials and articles
      Practice websites
      Open source projects
    Career resources
      Interview prep
      Portfolio building
      Resume advice
      Salary information

mindmap root((repo)) What it covers Front-end basics Back-end frameworks Databases and APIs Career guidance Learning topics HTML CSS JavaScript React Node.js Python Git and version control Authentication Resource types Free courses Tutorials and articles Practice websites Open source projects Career resources Interview prep Portfolio building Resume advice Salary information

Things people build with this

USE CASE 1

Find free tutorials and courses to learn HTML, CSS, JavaScript, React, and Node.js from scratch.

USE CASE 2

Discover practice websites and coding challenges to build projects and improve your skills.

USE CASE 3

Prepare for technical interviews and learn how to build a portfolio and resume.

USE CASE 4

Explore open source projects to contribute to and gain real-world development experience.

Tech stack

HTMLCSSJavaScriptReactNode.jsPython

Getting it running

Difficulty · easy Time to first run · 5min

Use freely for any purpose including commercial, as long as you keep the copyright notice.

In plain English

Become-A-Full-Stack-Web-Developer is a curated list of over 100 free resources for learning full-stack web development. Full-stack means working on both the visible front end of a website (what users see and interact with in a browser) and the back end (the server, database, and application logic that runs behind the scenes). The list is organized by topic and covers HTML, CSS, JavaScript, React, Node.js, Python, APIs, databases, authentication, and Git. It also includes sections on learning strategies, free programming books, challenge and practice websites, open source contribution opportunities, interview preparation, resume and portfolio advice, and salary information. Many of the resources are links to free courses, articles, tutorials, and community discussions, the compiler has tried to focus on materials that are accessible without payment. The repository is maintained by a single developer who also runs a weekly newsletter and a blog, codeburst.io, where additional web development articles are published. It is a reference list rather than a course or structured curriculum, intended to be browsed for links relevant to whatever topic a learner is currently pursuing.

Copy-paste prompts

Prompt 1

I want to learn full-stack web development for free. What are the best resources from this list to start with HTML and CSS?

Prompt 2

Show me the free practice websites and coding challenges listed here where I can build real projects.

Prompt 3

What interview preparation resources and portfolio tips does this list recommend for landing a web developer job?

Prompt 4

I'm ready to contribute to open source. What opportunities are listed in this repository for beginners?

Prompt 5

Help me create a learning plan using the resources in this list to go from zero to full-stack developer.

Open on GitHub → Explain another repo

Generated 2026-05-18 · Model: sonnet-4-6 · Verify against the repo before relying on details.