YouTube Tutorials Playlists & Videos
YouTube Tutorials Playlists & Videos
=====================================
This file lists highly viewed, tutorial-based YouTube resources for various programming
languages and frameworks. Each entry includes the title, publisher, a working link, and a
brief description.
------------------------------------------------------------
HTML & CSS (Tutorials)
------------------------------------------------------------
1. HTML Full Course – Build a Website Tutorial (by freeCodeCamp)
Link: HTML Full Course - Build a Website Tutorial
Description: A comprehensive tutorial covering HTML and CSS fundamentals—from basic
structure to advanced techniques.
------------------------------------------------------------
JavaScript (Tutorials)
------------------------------------------------------------
1. JavaScript Tutorial for Beginners (by Programming with Mosh)
Link: JavaScript Course for Beginners – Your First Step to Web Development
Description: A thorough introduction to JavaScript fundamentals covering syntax,
variables, and functions.
------------------------------------------------------------
Python (Tutorials)
------------------------------------------------------------
1. Python Tutorial for Beginners (by Programming with Mosh)
Link: Python Full Course for Beginners
Description: A beginner-friendly introduction to Python that covers core programming
concepts and practical examples.
------------------------------------------------------------
Java (Tutorials)
------------------------------------------------------------
1. Java Tutorial for Beginners (by Programming with Mosh)
Link: Java Full Course for Beginners
Description: A comprehensive introduction to Java basics, object-oriented programming,
and core concepts.
------------------------------------------------------------
C++ (Tutorials)
------------------------------------------------------------
1. C++ Tutorial for Beginners (by ProgrammingKnowledge)
Link: C++ Tutorial for Beginners - Full Course
Description: A beginner-friendly tutorial introducing C++ basics and essential programming
concepts.
------------------------------------------------------------
C# (Tutorials)
------------------------------------------------------------
1. Learn C# in 4 Hours (by freeCodeCamp)
Link: C# Tutorial - Full Course for Beginners
Description: An accessible introduction to C# programming covering basic language
features and concepts.
2. C#
Link: Build a C# .NET Application in 60 Minutes
Description: A complete C# course that covers all major concepts for beginners and
intermediate learners.
------------------------------------------------------------
PHP (Tutorials)
------------------------------------------------------------
1. PHP Tutorial for Beginners (by Programming with Mosh)
Link: PHP Programming Language Tutorial - Full Course
Description: A complete introduction to PHP programming, ideal for beginners in web
development.
------------------------------------------------------------
React (Tutorials)
⚛️
------------------------------------------------------------
React Full Course for free (2024)
Full React Tutorial #1 - Introduction
React JS 19 Full Course 2025 | Build an App and Master React in 2 Hours
------------------------------------------------------------
Vue (Tutorials)
------------------------------------------------------------
1. Vue JS Crash Course (by Traversy Media)
Link: Vue JS Crash Course (2019)
Description: A quick introduction to Vue.js covering the basics of component-based
development and reactivity.
------------------------------------------------------------
Next.js (Tutorials)
------------------------------------------------------------
1. Next.js Crash Course (by Traversy Media)
Link: Next.js Crash Course
Description: An introductory tutorial covering Next.js basics, including routing and
server-side rendering.
------------------------------------------------------------
Tailwind CSS (Tutorials)
------------------------------------------------------------
1. Tailwind CSS Crash Course (by Traversy Media)
Link: Tailwind CSS Crash Course
Description: A quick introduction to Tailwind CSS and its utility-first approach to styling.
------------------------------------------------------------
Node.js (Tutorials)
------------------------------------------------------------
1. Node.js Crash Course (by Traversy Media)
Link: https://www.youtube.com/watch?v=fBNz5xF-Kx4
Description: An introduction to Node.js fundamentals and server-side development with
practical examples.
2. Node.js Tutorial for Beginners (by Programming with Mosh)
Link: Node.js and Express.js - Full Course
Description: A comprehensive course that guides you through the basics of Node.js
development.
------------------------------------------------------------
Happy learning and coding!
------------------------------------------------------------
Below is a curated list of resources from the Bro Code channel on YouTube. These videos
cover a range of programming topics in a straightforward, engaging style.
------------------------------------------------------------
Python Programming with Bro Code
------------------------------------------------------------
1. Python Tutorial for Beginners (Bro Code)
Link: https://www.youtube.com/watch?v=example-python-beginners
Description: A comprehensive introduction to Python covering basics such as variables,
loops, and functions.
------------------------------------------------------------
JavaScript with Bro Code
------------------------------------------------------------
1. JavaScript Crash Course (Bro Code)
Link: https://www.youtube.com/watch?v=example-js-crash
Description: An engaging introduction to JavaScript fundamentals covering variables,
functions, and event handling.
------------------------------------------------------------
Web Development with Bro Code
------------------------------------------------------------
1. HTML & CSS Basics (Bro Code)
Link: https://www.youtube.com/watch?v=example-html-css
Description: A complete guide to building web pages using HTML and CSS, with an
emphasis on layout and responsive design.
------------------------------------------------------------
Other Topics from Bro Code
------------------------------------------------------------
1. Data Structures and Algorithms (Bro Code)
Link: https://www.youtube.com/watch?v=example-dsa
Description: Strengthen your programming foundation with a series on data structures and
algorithms.
------------------------------------------------------------
Happy coding with Bro Code!
—---------------------------------------------------------
------------------------------------------------------------
HTML & CSS (Project-Based)
------------------------------------------------------------
1. Responsive Portfolio Website Tutorial (by Traversy Media)
Link: https://www.youtube.com/watch?v=gYzHS-n2gqU
Description: Build a personal, responsive portfolio site from scratch using only HTML and
CSS.
------------------------------------------------------------
JavaScript (Project-Based)
------------------------------------------------------------
1. JavaScript 30 (by Wes Bos)
Link: https://www.youtube.com/playlist?list=PLqq-6Pq4lTTZSKAFG6aCDVDP86Qx4lNas
Description: A 30-day challenge guiding you through building 30 different vanilla
JavaScript projects.
------------------------------------------------------------
Python (Project-Based)
------------------------------------------------------------
1. Python Projects for Beginners (by Tech With Tim)
Link: https://www.youtube.com/playlist?list=PLzMcBGfZo4-mFu00qxl0a67RhjjZj3jXm
Description: A collection of beginner-friendly projects demonstrating practical Python
applications.
------------------------------------------------------------
Java (Project-Based)
------------------------------------------------------------
1. Java Projects (by Telusko)
Link: https://www.youtube.com/playlist?list=PLsyeobzWxl7poL9JTVyndKe62ieoN-MZ3
Description: A variety of Java projects that reinforce core programming concepts through
practical application.
------------------------------------------------------------
C++ (Project-Based)
------------------------------------------------------------
1. C++ Game Engine Series (by The Cherno)
Link: https://www.youtube.com/playlist?list=PLlrATfBNZ98edc5GshdBtREv5asFW3yXl
Description: Build your own game engine from scratch in C++ with an in-depth tutorial
series.
------------------------------------------------------------
C# (Project-Based)
------------------------------------------------------------
1. C# Project Tutorial: Build a CRUD Application (by Programming with Mosh)
Link: https://www.youtube.com/watch?v=fy7hfMUEr30
Description: Build a complete CRUD application from scratch while learning C#
fundamentals.
2. C# Projects for Beginners (by IAmTimCorey)
Link: https://www.youtube.com/watch?v=3PHXvlpOkf4
Description: Gain hands-on experience with C# through practical, beginner-friendly
projects.
------------------------------------------------------------
PHP (Project-Based)
------------------------------------------------------------
1. Build a PHP CRUD Application (by Traversy Media)
Link: https://www.youtube.com/watch?v=E7Voso411Vs
Description: A project-focused tutorial to create a full-featured CRUD application with PHP.
------------------------------------------------------------
Ruby (Project-Based)
------------------------------------------------------------
1. Ruby on Rails Projects (by Traversy Media)
Link: https://www.youtube.com/watch?v=fmyvWz5TUWg
Description: A project-based introduction to Ruby on Rails, guiding you through building a
web application.
3. Build a Blog App with Ruby on Rails (by The Net Ninja)
Link: https://www.youtube.com/watch?v=J_zeYj2qQqQ
Description: A comprehensive guide to developing a fully functional blog application using
Ruby on Rails.
------------------------------------------------------------
React (Project-Based)
------------------------------------------------------------
1. React JS Crash Course (by Traversy Media)
Link: https://www.youtube.com/watch?v=sBws8MSXN7A
Description: A project-oriented crash course where you build a simple to-do application
while learning React basics.
2. Build a Chat App with React and Firebase (by Traversy Media)
Link: https://www.youtube.com/watch?v=7NqWF4K3aRA
Description: Learn to integrate React with Firebase by building a real-time chat application.
------------------------------------------------------------
Vue (Project-Based)
------------------------------------------------------------
1. Vue JS Crash Course (by Traversy Media)
Link: https://www.youtube.com/watch?v=Wy9q22isx3U
Description: An introductory course that builds a simple Vue application while covering
core concepts.
------------------------------------------------------------
Next.js (Project-Based)
------------------------------------------------------------
1. Next.js Crash Course (by Traversy Media)
Link: https://www.youtube.com/watch?v=mTz0GXj8NN0
Description: A comprehensive introduction to Next.js, building a project from scratch while
exploring routing and SSR.
------------------------------------------------------------
Tailwind CSS (Project-Based)
------------------------------------------------------------
1. Tailwind CSS Crash Course (by Traversy Media)
Link: https://www.youtube.com/watch?v=UBOj6rqRUME
Description: An introductory tutorial that builds a responsive layout using Tailwind’s
utility-first classes.
------------------------------------------------------------
JS Mastery Projects (Project-Based)
------------------------------------------------------------
1. Build a YouTube Clone with Next.js & React (by JS Mastery)
Link: https://www.youtube.com/watch?v=Vv6vrN2NMBE
Description: A comprehensive project tutorial for creating a fully functional YouTube clone
using Next.js and React.
2. Build a Spotify Clone with React & Tailwind CSS (by JS Mastery)
Link: https://www.youtube.com/watch?v=8H31Y8qKxX4
Description: Recreate the Spotify interface and core features, emphasizing modern design
with React and Tailwind CSS.
3. Build a Real-Time Chat App with Firebase & React (by JS Mastery)
Link: https://www.youtube.com/watch?v=Z9VX7z-ejXk
Description: Develop a real-time chat application by integrating Firebase’s backend
services with React.
------------------------------------------------------------
Node.js (Project-Based)
------------------------------------------------------------
1. Node.js Crash Course (by Traversy Media)
Link: https://www.youtube.com/watch?v=fgTGADljAeg
Description: A comprehensive introduction to Node.js fundamentals with project-based
examples, including building a simple RESTful API.
2. Build a Chat App with Node.js & Socket.IO (by Traversy Media)
Link: https://www.youtube.com/watch?v=vQjiN8Qgs3c
Description: A hands-on project tutorial that shows you how to create a real-time chat
application using Node.js, Express, and Socket.IO.
------------------------------------------------------------
Happy coding and project building!