Vue.js Crash Course 2024

Vue.js Crash Course 2024

3 Hour crash course of the Vue.js framework. You will learn all the fundamentals including components, directives, lifecycle, events and much more.

Admin Dashboard From Scratch - Next.js, TypeScript, Shadcn/ui

Admin Dashboard From Scratch - Next.js, TypeScript, Shadcn/ui

In this video, we will build a dashboard interface from scratch. Full Source Code: https://github.com/bradtraversy/traversypress-ui This project will use the following technologies: - React/Next.js - Shadcn/ui - TypeScript - Tailwind CSS - Recharts - Lucide React - React Hook Form & Zod

Node.js Crash Course 2024

Node.js Crash Course 2024

This is an intro to Node.js. No frameworks or libraries. We will look at a bunch of the core modules including building a server with the http module. Code: https://github.com/bradtraversy/nodejs-crash-2024

Hamburger menus in 13 minutes

Hamburger menus in 13 minutes

In this video, I show you how to build an animated hamburger menu from scratch with HTML, SCSS, and JavaScript, that is accessible for screen readers and keyboards.

HTMX Crash Course | Dynamic Pages Without Writing Any JavaScript

HTMX Crash Course | Dynamic Pages Without Writing Any JavaScript

Learn HTMX by creating a couple of small projects with a Node.js and Express backend, including a contacts search, temperature converter, mock weather app with polling and form validation component. We will learn about the common HTMX attributes like hx-get, hx-post, hx-swap, etc. Final Code: https://github.com/bradtraversy/htmx-crash-course

Professional Website From Scratch | HTML & CSS For Beginners

Professional Website From Scratch | HTML & CSS For Beginners

We will create a professional-looking website from scratch using HTML, CSS and a bit of JavaScript. This project is beginner-friendly, but it's also a fun project for more experienced developers. Figma File: https://shismqklzntzxworibfn.supabase.co/storage/v1/object/public/pro-challenges/landing.fig Final Code: https://github.com/bradtraversy/saas-landing-page