21 Courses by Brad Traversy

Cover image for 20 Web Projects with Vanilla JavaScript

20 Web Projects with Vanilla JavaScript

Build 20 mini frontend projects from scratch with HTML5, CSS, and JavaScript

Discover how to create interactive web apps using only HTML5, CSS, and JavaScript. You'll build 20 hands-on projects from scratch, covering everything from simple games to practical tools. By the end, you'll have a solid foundation for building your own frontend projects without relying on frameworks.

Packt | 2020 | 967 min

Cover image for 50 Projects in 50 Days - HTML, CSS, and JavaScript

50 Projects in 50 Days - HTML, CSS, and JavaScript

Sharpen your skills by building 50 quick, unique, and fun mini projects

Build your confidence with HTML, CSS, and JavaScript by creating 50 unique mini projects. Each day, you'll tackle a new hands-on challenge focused on real web development skills. By the end, you'll have a solid grasp of the basics and a portfolio of creative work.

Packt | 2021 | 1116 min

Cover image for 70+ JavaScript Challenges - Data Structures and Algorithms

70+ JavaScript Challenges - Data Structures and Algorithms

Build better foundational skills as a developer by doing challenges and learning about data structures and algorithms

Explore core data structures and algorithms using JavaScript by solving real coding challenges. Strengthen your problem-solving skills and learn how to write efficient, optimized code for real-world scenarios. Move from foundational concepts to advanced structures and algorithms with practical applications.

Packt | 2023 | 748 min

Cover image for Bootstrap 5 From Scratch - Build 5 Modern Websites

Bootstrap 5 From Scratch - Build 5 Modern Websites

Master web development with Bootstrap and Sass to build dynamic, interactive and functional websites

Get hands-on with Bootstrap and Sass as you build five modern, interactive websites from the ground up. You'll start with the basics and quickly move into dynamic features, learning by doing every step of the way. By the end, you'll have the confidence to create responsive, customized sites for any project.

Packt | 2023 | 798 min

Cover image for Electron from Scratch: Build Desktop Applications with JavaScript

Electron from Scratch: Build Desktop Applications with JavaScript

Create 3 useful desktop applications with web technologies using Electron

Explore how to build real-world desktop applications using JavaScript and Electron. You'll work hands-on to create three practical apps, learning how to package and deploy them across platforms. By the end, you'll have the confidence to develop your own desktop tools with web technologies.

Packt | 2020 | 347 min

Cover image for Laravel From Scratch

Laravel From Scratch

Master Laravel and Build Powerful PHP Applications

Explore Laravel from the ground up and learn how to build a complete, production-ready web application. Move from core concepts like routing and MVC to advanced features such as authentication and deployment. Gain hands-on experience that prepares you to confidently develop with Laravel.

Packt | 2024 | 800 min

Cover image for Materialize CSS From Scratch With 5 Projects

Materialize CSS From Scratch With 5 Projects

Master HTML 5 and the Materialize CSS Framework by Building 5 Real-World Responsive Material Design-Based Themes

Explore the Materialize CSS framework by building five real-world, responsive themes from the ground up. Strengthen your HTML5 skills while learning how to create modern, visually engaging interfaces using Material Design principles. Gain hands-on experience with CSS components, utilities, and interactive JavaScript widgets.

Packt | 2018 | 625 min

Cover image for MERN eCommerce from Scratch

MERN eCommerce from Scratch

Create a comprehensive eCommerce platform using React, Redux Toolkit, Express, and MongoDB starting from scratch

Learn how to build a complete eCommerce platform from the ground up using React, Redux Toolkit, Express, and MongoDB. You'll develop both the frontend and backend, gaining practical experience with modern web development tools. Prior knowledge of JavaScript and basic React will help you get the most out of the experience.

Packt | 2020 | 787 min

Cover image for MERN Stack Front To Back: Full Stack React, Redux and Node.js

MERN Stack Front To Back: Full Stack React, Redux and Node.js

Build Full-Stack Web Apps with React, Redux, Node.js, and MongoDB

Explore how to build modern web applications from scratch using the MERN stack. You'll get hands-on practice with React, Redux, Node.js, Express, and MongoDB, learning how to connect the front end and back end. By the end, you'll know how to create and deploy production-ready web apps.

Packt | 2018 | 711 min

Cover image for Modern HTML and CSS From The Beginning (Including Sass)

Modern HTML and CSS From The Beginning (Including Sass)

Build modern responsive websites and UIs with Sass, and get started with exploring Flex and CSS Grid

Learn how to build modern, responsive websites and user interfaces using HTML5, CSS3, Flexbox, CSS Grid, and Sass. Gain practical skills to create custom layouts and utility classes without relying on frameworks. Start from the basics and progress to advanced techniques for professional web development.

Packt | 2019 | 1253 min

Cover image for Modern JavaScript From The Beginning

Modern JavaScript From The Beginning

Learn and Build Projects with Pure JavaScript (No Frameworks or Libraries)

Explore JavaScript from the ground up and gain hands-on experience by building real projects. You'll start with the basics and gradually move into advanced concepts, all without relying on frameworks or libraries. This practical approach helps you truly understand how JavaScript works in the browser.

Packt | 2018 | 1290 min

Cover image for Modern JavaScript from The Beginning [Second Edition]

Modern JavaScript from The Beginning [Second Edition]

Complete guide to modern JavaScript development with Node.js and Webpack

Get a solid introduction to JavaScript, starting with the basics and moving into more advanced topics like object-oriented programming, asynchronous code, and modern development tools. Through hands-on projects and practical exercises, you'll build the skills needed to create interactive web applications from scratch.

Packt | 2023 | 2218 min

Cover image for Modern React From The Beginning

Modern React From The Beginning

Build Modern React Applications Using Hooks Routing APIs and Full Stack Patterns

Explore how to build modern React applications from the ground up using practical, real-world projects. You will start with core concepts and gradually move into advanced topics like API integration, authentication, and full stack workflows. Gain the confidence to create, deploy, and scale professional React apps.

Packt | 2026 | 1535 min

Cover image for Next.js 14 from Scratch

Next.js 14 from Scratch

Build a real-world project using Next.js 14 and MongoDB

Explore full-stack web development by building a property rental platform using Next.js 14 and MongoDB. You'll work hands-on with the latest Next.js features, learning how to create interactive, user-friendly applications from the ground up.

Packt | 2024 | 720 min

Cover image for Next.js Ecommerce - Build a Shopping Platform From Scratch

Next.js Ecommerce - Build a Shopping Platform From Scratch

Master Next.js to Build a Complete Shopping Platform from Start to Finish

Build a complete shopping platform from the ground up using Next.js. You'll move from setting up your project and designing a polished user interface to integrating secure authentication, managing databases, and handling real-world payments. By the end, you'll have a fully functional ecommerce site ready for deployment.

Packt | 2025 | 1337 min

Cover image for Next.js from Development to Deployment: Build a Music Event Website

Next.js from Development to Deployment: Build a Music Event Website

Learn Next.js by building a music event and blog (static) website

Explore how to build real-world web applications using Next.js by creating both a dynamic music event site and a static blog. You'll work through the full development process, from setting up the backend to deploying your finished projects online.

Packt | 2021 | 589 min

Cover image for Node.js API Masterclass with Express and MongoDB

Node.js API Masterclass with Express and MongoDB

Create a real-world backend for a Bootcamp directory app

Learn how to build a robust backend API for a Bootcamp directory app using Node.js, Express, and MongoDB. Explore everything from HTTP fundamentals to advanced database queries and API security. By the end, you will have hands-on experience creating and deploying a real-world RESTful API.

Packt | 2020 | 723 min

Cover image for Object Oriented PHP and MVC

Object Oriented PHP and MVC

Learn to build a custom object-oriented PHP MVC framework and application

Explore how to create your own object-oriented PHP framework using the MVC pattern. You'll build a lightweight, custom solution from scratch and use it to develop a real-world web application with user authentication and CRUD features.

Packt | 2018 | 398 min

Cover image for Python Django Dev To Deployment

Python Django Dev To Deployment

Learn Python and build & deploy a real estate application using the Django framework & PostgreSQL

Get hands-on with Python and Django by building a real estate web application from the ground up. You will start with the basics and move on to creating, managing, and deploying a fully functional site using PostgreSQL. No prior experience with Django is needed, making it a great place to start for beginners.

Packt | 2019 | 666 min

Cover image for React Front to Back 2022

React Front to Back 2022

Learn modern React by building four projects including a Firebase 9 app and a full-stack MERN app

Explore modern React by building real-world projects that cover everything from core concepts to advanced features. You will work with tools like Firebase and the MERN stack to create interactive web apps, gaining practical experience as you go. A solid understanding of JavaScript is recommended before starting.

Packt | 2019 | 1203 min

Cover image for Tailwind CSS From Scratch - Learn by Building Projects

Tailwind CSS From Scratch - Learn by Building Projects

Build great-looking layouts fast and efficiently using Tailwind CSS utility classes

Get hands-on with Tailwind CSS by building real projects from scratch. You'll explore utility classes, experiment with layouts, and learn how to create modern, responsive websites efficiently. No prior experience with Tailwind is required-just a basic understanding of CSS and JavaScript.

Packt | 2022 | 753 min