Learning Web Dev

May 18, 2025 4 min read
web

Table Of Contents

  1. Intro
  2. The Basics
  3. Hands-On Practice
  4. Backend Development
  5. Frontend Frameworks

Embarking on the path of web development can be overwhelming, but the right resources can make all the difference.

I have curated a list of free online resources that have been instrumental in my learning journey and can be for yours too. I will try my best to keep this list updated.

NOTE: I am not affiliated by any of the channels.

# Intro

Before diving into this broad field, it’s essential to understand the foundational concepts and the roadmap ahead.

  1. Learn web development as an absolute beginner
    Provides a roadmap for beginners to learn web development. It covers the basics of how websites work, the difference between front-end and back-end development, and essential tools like code editors and version control. The video also outlines the key skills needed for both front-end and back-end development, including HTML, CSS, JavaScript, and server-side languages.

  2. 100+ Web Development Things you should know
    Provides an overview on networking basics, how the internet works, and more fundamental stuff.

# The Basics

HTML, CSS, and JavaScript are fundamental for frontend development. A lot of programming languages can be used in the backend. Mostly used ones are Golang, Python, JavaScript, and Java.

  1. HTML tutorial for beginners
    Whether you are aiming to be a frontend or backend developer, HTML is a must-learn.

  2. Learn CSS in 1 hour
    CSS brings style to your web pages. This concise tutorial teaches you how to make your websites visually appealing in just one hour.

  3. Learn JavaScript
    Dive deeper into JavaScript with this comprehensive guide, covering everything from basics to advanced concepts.

  4. JavaScript Tutorial for Beginners - Full Course
    JavaScript is the backbone of interactive web pages. This tutorial breaks down complex concepts into digestible lessons, making it easier for beginners to grasp. JavaScript can also be used on the backend.

# Hands-On Practice

Applying your knowledge through projects is one of the best ways to learn.

  1. Small Web Dev Projects
    A playlist of small projects to test and improve your web development skills and build a strong portfolio.

  2. 30 Days, 30 JavaScript Projects for Beginners
    Each video in this playlist explain a new JavaScript project. This series is perfect for reinforcing your learning and building consistency.

# Backend Development

Understanding the server-side of web development is crucial for full-stack development.

  1. Backend web development - complete overview
    Understand the server-side of web development. This video provides a thorough overview of backend technologies and how they integrate with the frontend.

  2. Backend web development using Node.js and Express
    A playlist of tutorials focusing on building backend applications using Node.js and Express, guiding you through creating robust server-side applications.

  3. Golang for Beginners | Full Course
    Golang is one of the most used programming languages on the backend. Although it is not required, learning golang wouldn’t be a loss for you.

# Frontend Frameworks

Modern web applications often use frontend frameworks to build dynamic user interfaces.

  1. React Course
    One of the most used technologies on the frontend, is React. Majority of the web developer positions require you to be good with React. This video covers the fundamentals and helps you get started with React development.
  2. TailwindCSS Full Course
    Tailwind is another commonly used frameworks on the frontend. It is used on big projects to write maintainable styles.