Confectionary

In this crash course I will cram as much about HTML that I can. This is meant for absolute beginners. If you are interested in learning HTML but know nothing, then you are in the right place. We will be creating a cheat sheet with all of the common HTML5 tags, attributes, semantic markup, etc. We will not be focusing on CSS in this video. The CSS crash course will be released shortly after 21 Hour HTML & CSS Course: https://www.udemy.com/course/modern-html-css-from-the-beginning/?referralCode=EB0470C43F3C3E9AA306 CODE: Code for this video http://www.traversymedia.com/downloads/htmlcheatsheet.zip NEXT: CSS CRASH COURSE FOR BEGINNERS https://www.youtube.com/watch?v=yfoY53QXEnI&lc=z121x5ozxpiiwddee23tffergoyxxngi504 CHECK OUT MY FULL STACK COURSE: http://www.traversymedia.com/course/the-full-stack-web-development/ BECOME A PATRON: Support me directly for even $1 per month http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia

In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations, etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox. 21 Hour HTML & CSS Course: https://www.udemy.com/course/modern-html-css-from-the-beginning/?referralCode=EB0470C43F3C3E9AA306 CODE: Code for this video http://www.traversymedia.com/downloads/csscrashcourse.zip HTML CRASH COURSE VIDEO: https://www.youtube.com/watch?v=UB1O30fR-EE BECOME A PATRON: Support me directly for even $1 per month http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia

In this crash course we will go over the fundamentals of JavaScript including more modern syntax like classes, arrow functions, etc. This is the starting point on my channel for learning JS. Code including html/css: https://embed.plnkr.co/plunk/8ujYdL1BxZftGoS4Cf14 21 Hour JavaScript Course: https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=TRAVERSYMEDIA Suggested Videos To Watch Next: DOM Crash Course - https://www.youtube.com/watch?v=0ik6X4DJKCc Fetch API - https://www.youtube.com/watch?v=Oive66jrwBs JS Playlist With Projects - https://www.youtube.com/watch?v=vEROU2XtPR8&list=PLillGF-RfqbbnEGy3ROiLWk7JMCuSyQtX OOP Crash Course - https://www.youtube.com/watch?v=vDJpGenyHaA JSON Crash Course - https://www.youtube.com/watch?v=wI1CWzNtE-M 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

Get started with React in this crash course. We will be building a task tracker app and look at components, props, state, hooks, working with an API and more. Code: https://github.com/bradtraversy/react-crash-2021 React Front To Back 2022 Course: https://www.udemy.com/course/react-front-to-back-2022/?referralCode=4A622C7E48DB66154114 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro & Slides 12:37 - Create a React app 14:52 - Files & folders 18:54 - App component & JSX 22:39 - Expressions in JSX 23:49 - Creating a component 27:18 - Component Props 28:50 - PropTypes 30:42 - Styling 34:17 - Button Component 37:46 - Events 40:18 - Tasks Component 41:03 - Create a list with .map() 43:07 - State & useState Hook 44:55 - Global state 46:52 - Task Component 49:30 - Icons with react-icons 51:41 - Delete task & prop drilling 55:50 - Optional message if no tasks 56:58 - Toggle reminder & conditional styling 1:03:13 - Add Task Form 1:06:16 - Form input state (controlled components) 1:09:18 - Add task submit 1:14:36 - showAddTask state 1:15:58 - Button toggle 1:19:33 - Build for production 1:21:51 - JSON Server 1:25:53 - useEffect Hook & Fetch tasks from server 1:30:13 - Delete task from server 1:31:51 - Add task to server 1:35:15 - Toggle reminder on server 1:39:15 - Routing, footer & about

In this video we will look at the fundamentals of Next.js such as SSR & SSG, routing, data fetching, apis and more Code: https://github.com/bradtraversy/next-crash-course Next.js Udemy Course: https://www.udemy.com/course/nextjs-dev-to-deployment/?referralCode=7CD3920A9760E6ABEC11 💖 Support The Channel! http://www.patreon.com/traversymedia Next.js Website: https://nextjs.org/ Timestamps: 0:00 - Intro & Slides 6:52 - Getting Setup with create-next-app 8:23 - Files & Folders 11:37 - Pages & Routing 13:14 - Head 16:05 - Layouts & CSS Modules 20:56 - Nav Component & Link 23:34 - Create a Header 25:05 - Styled JSX 27:46 - Custom Document 31:16 - Data Fetching 32:02 - getStaticProps() 33:58 - Showing Data 40:15 - Nested Routing 42:46 - getServerSideProps() 46:00 - getStaticPaths() 49:47 - Export a Static Website 53:18 - API Routes 59:24 - Using the API Data 1:03:48 - Custom Meta Component

Learn the fundamentals of Vue JS (v3) in this project-based crash course Task Tracker: https://github.com/bradtraversy/vue-crash-2021 Random User Generator: https://codepen.io/bradtraversy/pen/LYbzJjK Latest Udemy Courses: https://traversymedia.com​ 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro & Slides 7:17 - User Generator Mini Project (CDN) 21:35 - Vue CLI Setup 24:30 - Files, Dev Server & Cleanup 28:22 - Global Styles 29:06 - Header Component 30:44 - Component Props 32:06 - Button Component 35:25 - Events 36:09 - Task Data & created() Method 38:22 - Tasks Component & v-for Loop 41:09 - Single Task Component 44:34 - Dynamic Classes 45:53 - Emit Events (Delete Task) 52:14 - Toggle Reminder 56:20 - AddTask Component & v-model 1:04:57 - Toggle Form & Template Conditionals 1:11:20 - Building For Production 1:13:33 - JSON-Server Setup 1:17:18 - Refactoring to Use The Backend 1:30:48 - Implementing the Router 1:48:23 - Restrict a Component to a Route

Learn the fundamentals of Angular in this project-based crash course Video Sponsor: https://www.hostinger.com/traversymedia - Use the code TRAVERSYMEDIA for 10% off! Code: https://github.com/bradtraversy/angular-crash-2021 Latest Udemy Courses: https://traversymedia.com​ 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Hostinger Sponsor 0:35 - Intro & Slides 7:41 - Angular CLI & Setup 10:39 - Files & Folders 14:49 - Component structure 16:42 - Properties & Interpolation 18:40 - Global Styles 19:20 - Header Component 23:15 - Button Component 24:36 - Component Input Data 22:19 - Creating an event & event emitter output 30:51 - Mock Tasks & Task Interface 34:10 - Tasks Component 36:03 - Looping with ngFor 37:16 - Task Item Component 40:13 - Angular Font Awesome Setup 44:39 - Create a Task Service 49:06 - Creating and Subscribe to Observable 50:04 - JSON-Server Setup 57:29 - Angular HTTP Client 59:48 - Fetching Tasks 1:02:59 - Deleting Tasks 1:12:54 - Toggle Reminder 1:20:29 - Add Task Component 1:26:26 - Forms Module & ngModel 1:29:00 - Submit & Create Task 1:37:02 - Toggle Button & UI Service 1:51:38 - Angular Router 1:57:34 - Limit Component to Route

In this crash course we will explore Node.js fundamentals including modules such as path, url, fs, events and we will create an HTTP server from scratch without Express and deploy to Heroku. Watch Next: Express Crash Course: https://www.youtube.com/watch?v=L72fhGm1tfE Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/node_crash_course 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

In this crash course we will dive into the Express JS framework for Node.js. I recommend first watching my Node.js crash course. Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html Code: https://github.com/bradtraversy/express_crash_course 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Node/Express/Mongo Udemy Course: https://www.udemy.com/nodejs-express-mongodb-dev-to-deployment/?couponCode= Node Crash Course: https://www.youtube.com/watch?v=fBNz5xF-Kx4 Passport Authentication: https://www.youtube.com/watch?v=6FOq4cUdH8k Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

Your first step in learning PHP. We will go over all of the fundamentals and create a small PHP/MySQL project. ⭐ Sponsor: https://linode.com/traversy 💻 Github Repo: https://github.com/bradtraversy/php-crash 💻 Download Xampp: https://apachefriends.com 👇 PHP OOP MVC Udemy Course: https://www.udemy.com/course/object-oriented-php-mvc 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy Timestamps: 0:00 - Intro 0:59 - Linode Sponsor 1:40 - Slides 9:47 - Getting Setup With XAMPP 14:30 - Opening a PHP File 15:38 - VS Code Setup & Auto Reload 18:20 - Output Constructs & Functions 26:35 - Data Types & Variables 34:32 - Arrays 42:05 - Conditionals 52:57 - Loops 1:02:00 - Functions 1:09:47 - Array Functions 1:24:15 - String Functions 1:30:28 - Superglobals 1:34:05 - $_GET & $_POST 1:40:56 - Sanitizing Inputs 1:45:24 - Cookies 1:49:10 - Sessions 1:58:45 - File Handling 2:03:48 - File Uploading 2:17:20 - Erros & Exceptions 2:22:05 - OOP & Classes 2:35:14 - Feedback App Project 2:38:15 - Including PHP Pages 2:42:23 - Database & Feedback Table Setup 2:48:45 - Connecting To MySQL 2:53:54 - If & Foreach Shorthands 2:58:11 - Fetch From Database 3:01:05 - Inserting Data From a Form

In this crash course we will be going over Python programming basics like variables, data types and structures, functions, loops, classes and more. Timestamps are below... Python Sandbox Files: https://github.com/bradtraversy/python_sandbox TIMESTAMPS: 2:15 - Comments, Variables & Data Types 9:50 - String Formatting & Methods 17:40 - Lists 24:15 - Tuples & Sets 33:09 - Dictionaries 42:15 - Functions 49:25 - Conditionals 59:09 - Loops 1:05:06 - Modules 1:15:52 - Classes & Objects 1:26:17 - Working With Files 1:30:57 - Working With JSON Full Django Course Promo Link: https://www.udemy.com/python-django-dev-to-deployment/?couponCode=TRAVERSYMEDIA 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

Flexbox is used for space distribution, positioning and alignment in CSS. 💻 Project Code: https://codepen.io/bradtraversy/pen/JjrzzOW 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy Timestamps: 0:00 - Intro & Slides 5:05 - Setup HTML & Base CSS 7:50 - Create a Flexbox Container 8:20 - Float Example 9:49 - Justify Content 11:05 - Align Items 11:39 - Align Self 12:50 - Flex Direction & Column 15:15 - Centering Elements 16:32 - Flex Wrap 17:39 - Order 18:37 - Flex Basis 19:30 - Flex Grow 22:13 - Flex Shrink 23:58 - Flex Property 25:40 - Flexbox Layout Project

This crash course will teach you all of the fundamentals of CSS Grid ⭐ Sponsor: InMotion Hosting! https://bit.ly/35rBjYU 💻 Code: https://github.com/bradtraversy/grid-crash 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy Timestamps: 0:00 - Intro 0:50 - Sponsor 1:28 - Slides 4:29 - HTML & Base CSS 7:28 - Creating a Grid 7:53 - grid-template-columns 9:16 - repeat() 9:32 - Gap Spacing 10:17 - Row Height 10:55 - grid-auto-rows 11:15 - minmax() 11:45 - grid-template-rows 13:19 - Grid Browser Tools 14:03 - Align & Justify 17:08 - Grid Column Span 18:46 - Grid Row Span 20:28 - Responsiveness 23:03 - Grid Template Areas 32:22 - Testimonials Grid Project Intro 33:40 - Testimonials HTML 37:18 - Base & Card Styling 45:40 - Grid Styling 49:52 - Media Query & Span Resets

In this video we will look at installing mysql, creating users, writing SQL queries via the shell and Workbench and even implementing MySQL into Node.js at the end. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa MySQL Cheat Sheet: https://gist.github.com/bradtraversy/c831baaad44343cc945e76c2e30927b3 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

In this video we will go over MongoDB, which is a popular NoSQL database that is commonly used with Node.js and other technologies. New 2022 crash course featuring Jesse Hall, a MongoDB developer advocate: https://www.youtube.com/watch?v=2QQGWYe7IDU MongoDB Cheat Sheet: https://gist.github.com/bradtraversy/f407d642bdc3b31681bc7e56d95485b6 Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Mac Install: https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/ 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses: https://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

Learn the Laravel PHP framework from scratch by building a job listings application with Laravel 9 and MySQL. ⭐ Sponsor: https://linode.com/traversy 💻 Github Repo: https://github.com/bradtraversy/laragigs 💻 Gists: Laravel Valet Setup: https://gist.github.com/bradtraversy/b58f74cd863a465068eaeaae1544d9be Laravel Xampp Setup: https://gist.github.com/bradtraversy/7485f928e3e8f08ee6bccbe0a681a821 MySQL Cheat Sheet: https://gist.github.com/bradtraversy/c831baaad44343cc945e76c2e30927b3 💻 My Courses & More https://traversymedia.com 👇 PHP OOP MVC Udemy Course: https://www.udemy.com/course/object-oriented-php-mvc 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy Timestamps: 0:00 - Intro 1:30 - Linode Sponsor 2:13 - Project Demo 6:21 - Setting Up Laravel 13:50 - Routing & Responses 19:28 - Wildcard Endpoints 20:16 - Route Constraints 21:06 - Die Dump Helpers 22:30 - Request & Query Params 26:26 - API Routes 28:26 - View Basics & Passing Data 32:36 - Blade Templates & Basic Directives 36:42 - Creating a Basic Model 43:46 - Database Setup & Config 46:03 - Create Database & User 48:44 - Creating Database Migrations 52:44 - Running Migrations 54:06 - Database Seeding 58:29 - Create an Eloquent Model 1:02:49 - Creating a Factory 1:07:18 - Creating a Layout & Sections 1:09:54 - Adding the Theme HTML 1:19:02 - Template Partials 1:22:54 - Single Listing Formatting 1:26:00 - Route Model Binding 1:28:18 - Blade Components 1:32:53 - Component Attributes 1:35:20 - Tags Component 1:40:38 - Controllers 1:44:09 - Resource Method Naming 1:46:34 - Using a Layout Component 1:49:08 - Tag Filter 1:57:31 - Search Filter 2:01:29 - Clockwork Package 2:04:05 - Create Listing Form 2:10:39 - Validation & Store Listing 2:23:30 - Mass Assignment Rule 2:27:20 - Flash Messages 2:32:49 - Alpine.js For Message Removal 2:36:33 - Keep Old Data In Form 2:38:46 - Pagination 2:45:20 - File Upload 2:57:24 - Edit Listing 3:09:16 - Delete Listing 3:13:32 - User Registration 3:30:00 - Auth Links 3:32:46 - User Logout 3:37:20 - User Login 3:47:02 - Auth & Guest Middleware 3:51:30 - Relationships 3:59:05 - Tinker Tinkering 4:01:35 - Add Ownership to Listings 4:05:31 - Manage Listings Page 4:14:22 - User Authorization

In this Django 2.x crash course we will build a polling app based off the one from the docs. We will look at apps, views, models, urls, the shell and more. Code: https://github.com/bradtraversy/pollster_django_crash Gist With Commands: https://gist.github.com/bradtraversy/06538da5924882b2cf30fa6310d505b1 Continuation of this app by adding charts - by Dennis Ivy https://www.youtube.com/watch?v=dPoGRYz-n5E Udemy Course Promo: https://www.udemy.com/python-django-dev-to-deployment/?couponCode=TRAVERSYMEDIA Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses: https://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

Learn the basics of TypeScript in this beginner-friendly crash course Visit Our Sponsor: Stream https://getstream.io/traversy TypeScript Gist: https://gist.github.com/bradtraversy/f80a4cd87e7034bea5264f7d8c431b4e Find all of my Udemy courses: https://traversymedia.com Support The Channel: https://www.patreon.com/traversymedia https://paypal.me/traversymedia TImestamps: 0:00 - Intro & Sponsor 0:39 - Slides 7:58 - TypeScript Setup 8:55 - TSC (TypeScript Compiler) 11:42 - Config File 13:32 - Folder Structure 16:50 - Basic Types 18:03 - Arrays & Tuples 21:27 - Unions & Enum 24:30 - Objects 26:00 - Type Assertion 27:23 - Functions 29:54 - Interfaces 32:28 - Function Interface 33:49 - Classes 37:00 - Data Modifiers 39:20 - Implement Interface in Class 40:39 - Extending Classes (Subclasses) 43:27 - Generics 47:30 - TypeScript With React

Learn the fundamentals of Svelte by building a feedback app Code: https://github.com/bradtraversy/svelte-feedback-app 👇 Website & Courses: https://traversymedia.com https://freelancemastery.dev 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy The article where I got the image: https://blog.bitsrc.io/react-vs-sveltejs-the-war-between-virtual-and-real-dom-59cbebbab9e9

In this video we will talk about what Sass is and look at its features as well as create a landing page header to display things like variables, nesting, mixins, etc Code: https://codepen.io/bradtraversy/pen/ExjmGdY?editors=1100 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia

In this crash course we will get started with the Go programming language. There is no prior knowledge of Go required. We will setup a workspace and look at fundamentals like variables, slices, conditionals, maps, structs and more Workspace - 1:35 Hello World - 7:37 Variable & Types - 11:18 Packages - 21:43 Functions - 26:25 Arrays / Slices - 29:35 Conditionals - 35:15 Loops - 41:30 Maps - 47:27 Range - 0:53:25 Pointers - 1:01:23 Closures - 1:06:48 Structs - 1:10:54 Interfaces - 1:26:53 Web - 1:33:29 Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/go_crash_course (I plan on tidying the code up later) Doc: https://golang.org/doc/code.html 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

In this video we will cover all of the fundamentals of the Ruby on Rails framework by building a blog application with comment functionality Routes Controllers Models Views Resources Relationships Database Migrations Basic Ruby Code RAILS PROJECTS COURSE - https://www.eduonix.com/affiliates/id/16-10051 LEARN RAILS FROM SCRATCH - https://www.eduonix.com/affiliates/id/16-10055 SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia

In this video we will talk about HTTP and what it is, the request/response cycle, status codes, header/body and more. We will use Postman/Express.js to give examples Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

This is a 1 hour crash course on Gatsby JS which is a static site generator that runs on React and GraphQL. We will be creating a static site along with a Markdown based blog using a few plugins. We will also deploy our Gatsby site to Netlify Sponsor: Anthrodesk http://anthrodesk.com/ Code: Github Repo: https://github.com/bradtraversy/gatsby_crash_course Deployed Site: https://sharp-williams-dedbed.netlify.com/ 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia

In this video we will look at Vue.js server side rendering with Nuxt.js. We will build a dadjokes app. This requires at least minimal Vue.js experience. Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html Code: https://github.com/bradtraversy/nuxt_dadjokes 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia API Link: https://icanhazdadjoke.com/api

In this video we will build an application using Vue.js with the Vuex state management library. Check Out My Sponsor - Monday.com http://go.thoughtleaders.io/955920190318 Code: https://github.com/bradtraversy/vuex_todo_manager 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Vue.js Crash Course: https://www.youtube.com/watch?v=Wy9q22isx3U&t=1217s Website & Udemy Courses: https://traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

In this course we will talk about what React Native is and get setup, look at some of the built in components and build a small shopping list app Sponsor: Linode Hosting https://linode.com/traversy Code: https://github.com/bradtraversy/react_native_shopping_list 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia

In this Deno crash course we will talk about what Deno is and look at some of the basics as well as create a full REST API which starts at 21:54 PART 2: Adding PostgreSQL https://youtu.be/KuaI6mphFNc REST API Code: https://github.com/bradtraversy/deno-rest-api 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia

In this crash course we will look at Flutter for building native mobile apps. We will look at what Flutter is, how to get setup, built in widgets, stateless and stateful widgets, routing and more Sponsor: Linode Hosting https://linode.com/traversy Flutter Setup Gist: https://gist.github.com/bradtraversy/f1af78251962bb210c2ebe5b4f9a5c35 Code: https://github.com/bradtraversy/wordpair_generator Docs Tutorial: https://flutter.dev/docs/get-started/codelab 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia

Updated 2022 Crash Course - https://youtu.be/dFgzHOX84xQ In this video we will look at the TailwindCSS utility framework including what it is, setup and creating custom components with utilities Code: https://codepen.io/bradtraversy/pen/JgXqBL Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Docs: https://tailwindcss.com Mac Install: https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/ 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses: https://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

In this video we will look at setting up RethinkDB and learning the ReQL syntax. We will also look at using it with both Node.js and Python. Cheat Sheet: https://gist.github.com/bradtraversy/6aef077f93c48465891f12958b84a22d 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

In this crash course we will go over all of the fundamentals of the MeteorJS JavaScript framework. Some of the concepts we will look at are... Installation & Setup Templates MongoDB Collections Minimongo Package Manager Authentication Subscriptions Security 10 PROJECT METEOR COURSE - https://www.eduonix.com/affiliates/id/16-10214

Learn all the fundamentals of the Rust programming language in this crash course. Sponsor: Eduonix http://bit.ly/traversymedia Code: https://github.com/bradtraversy/rust_sandbox Timestamps: Intro - 1:05 Install Rust - 4:45 Creating a file - 6:26 Cargo Init & Build - 7:50 Print & Formatting - 10:42 Variables - 19:35 Data Types - 25:15 Strings - 33:42 Tuples - 44:34 Arrays - 47:14 Vectors - 55:00 Conditionals - 1:16:00 Loops - 1:07:03 Functions - 1:13:53 Pointers & Reference - 1:19:14 Structs - 1:22:00 Enums - 1:37:59 Command Line Args - 1:42:00 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

In this video we will discuss what Markdown is, what it is used for and we will jump into VSCode and learn the entire syntax in around 10 minutes. We will also push to a Github repo to see what it looks like there. Sponsor: Coding Dojo http://www.codingdojo.com/l/yt/tr Cheat Sheet Gist: https://gist.github.com/bradtraversy/547a7bbf35ffba1561706e161a50b05a 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia The Developer Hangout: Public Discord Server https://discord.gg/developers

In this video we will dive into AJAX with Vanilla JS and NO JQUERY. We will examine the XHR object and how it works. This is a beginner friendly tutorial for anyone that has very basic JavaScript knowledge. We will make xhr requests to a txt file, local json files, an external API and even PHP files. CODE: Files for this course http://www.traversymedia.com/downloads/ajaxcrash.zip BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia NEW DISCORD CHAT SERVER: https://discord.gg/traversymedia

In this video we will learn the fundamentals of SSH along with some basic DevOps and Linux stuff. We will start with a local Ubuntu server on my network and then create a remote Digital Ocean Droplet to work with. We will create sets of SSH keys for those as well as Github. We will even do a simple React app deployment. Gist With Commands: https://gist.github.com/bradtraversy/f03df587f2323b50beb4250520089a9e Digital Ocean Link: (2 Free Months) https://m.do.co/c/5424d440c63a Docs Page: https://www.digitalocean.com/community/tutorials/how-to-set-up-ssh-keys--2 Command Line Tutorial: https://www.youtube.com/watch?v=cBokz0LTizk&t=2s 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia

In this video we will get started with JavaScript unit testing using Jest. We will look at how to setup Jest, different matchers as well as how to test async code, run functions before and after different tests, etc. This is for developers that are fairly new to testing and the Jest testing framework. Code: Github Repo: https://github.com/bradtraversy/jest_testing_basics Sponsor: Anthrodesk http://anthrodesk.com/ 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia

In this video we will be taking an intermediate look at the Google Developer Tools. You will learn how to do things such as... Inspect & Examine HTML/CSS Edit HTML/CSS Enable/Disabled styles Move & Delete Elements Console Logs & Other Commands Special Console Symbols Examine Network & Resources Use Snippets Workspaces & Permanent Changes View & Remove Browser Storage Perform Audits Add MailTag to your browser (it's free) ➜ https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video MIZUXE THEME FILES: http://www.traversymedia.com/downloads/mizuxe_bs4_theme.zip GIST WITH SANDBOX CODE: https://gist.github.com/bradtraversy/15261a79264528ddb9a380323697f0f7 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia

Over an hour of programming with RxJS (Reactive Extensions) using observables and asynchronous data streams. The content is based on our ReactiveX Eduonix course below FULL COURSE - https://www.eduonix.com/affiliates/id/16-10436 RxJS Boiler - https://github.com/bradtraversy/rxjs_boiler

In this video we will go over the basics of PDO (PHP Data Objects) which is a secure and consistent way to connect to a database via PHP. It is an alternative to mysqli. We will go over connection, PDO::Query and CRUD operations through prepared statements OOP PHP MVC Udemy Course $10 Promo: https://www.udemy.com/object-oriented-php-mvc/?couponCode=TRAVERSY010 CODE: All code is in this GitHub Gist https://gist.github.com/bradtraversy/147443539b7e1afafa17e6392f072720 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia NEED WEB HOSTING? https://inmotion-hosting.evyy.net/c/396530/260033/4222 NEW DISCORD CHAT SERVER: https://discord.gg/traversymedia

This is a beginner-friendly crash course and tutorial on NPM or the Node Package Manager. Some of what you will learn..... Install and remove modules Update modules All about package.json Set init defaults Local & global modules Dependencies & dev dependencies Listing modules Semantic Versioning NPM Scripts COMMANDS: https://gist.github.com/bradtraversy/09177818de0f43a6e74e2cd05d1fe596 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia NEED WEB HOSTING? https://inmotion-hosting.evyy.net/c/396530/260033/4222 NEW DISCORD CHAT SERVER: https://discord.gg/traversymedia

In this video we will look at the Yarn package manager and talk about what it is and then jump in and look at all of the fundamental commands to install, remove, updated packages, etc. SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr COMMAND GIST: https://gist.github.com/bradtraversy/9bdab9c9a0bf94e2c6952d3f89e9e350 NPM Crash Course: https://www.youtube.com/watch?v=jHDhaSSKmB0&t=1326s 💖 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia https://discord.gg/traversymedia

In this video, we will create a Webpack dev environment from scratch including... Webpack setup Webpack Dev Server HTML Webpack Plugin Sass Compiling Babel Transpiling Asset Resource Loaders Analyzer Plugin Source Maps 💻 Webpack Starter Repo: https://github.com/bradtraversy/webpack-starter 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy Timestamps: 0:00 - Intro 2:29 - Initial Files (src/dist) 4:24 - Creating Modules 6:10 - Webpack Install & Building 8:20 - Using NPM Modules 9:27 - Webpack Config File 12:42 - Loaders & Sass Compiling 16:11 - HTML Webpack Plugin 18:30 - HTML Template 20:35 - Caching & Hash Setup 22:10 - Webpack Dev Server 25:22 - Cleaning Up Hash Files 26:50 - Source Maps 27:52 - Babel Loader 30:32 - Asset Resource Loader 34:18 - Finish The Joke App 38:26 - Webpack Bundle Analyzer

A small project to get you familiar with using styled components with React Code: https://github.com/bradtraversy/huddle_styled_components Udemy Courses: https://traversymedia.com 💖 Support The Channel! https://www.patreon.com/traversymedia https://paypal.me/traversymedia Frontend Mentor Challenges: https://www.frontendmentor.io/ Timestamps: 0:00 - Intro 2:10 - Install & Setup 3:15 - First Styled Component 7:40 - Header Styled Component 9:23 - Nesting 10:27 - Passing Props 11:40 - Theme Provider 14:07 - Global Styles 16:28 - Project

In this crash course we will dive into Vagrant which is used to create isolated & portable development environments. We will go into each part of the Vagrantfile, do some exploring via SSH and create a LAMP stack box (Linux, Apache, MySQL, PHP). Vagrantfile & bootstrap.sh: https://github.com/bradtraversy/vagrant_lamp_traversy 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia

Want to learn Twitter Bootstrap? In this video we will cover the Twitter Bootstrap framework in depth from installation to all of the HTML/CSS components and features. Grid System Navbars & Dropdowns Jumbotron List Group Alerts & Progress bars Typography Labels & Badges Much More... CODE - http://www.traversymedia.com/downloads/bootstrap_cheatsheet.zip 9 HOUR BOOTSTRAP 4 COURSE W/5 PROJECTS: https://www.udemy.com/bootstrap-4-from-scratch-with-5-projects/?couponCode=YOU_TUBE BUILD AN ADMIN THEME VIDEO https://www.youtube.com/watch?v=pXbEcGUtHgo 10 PROJECT BOOTSTRAP COURSE: https://www.eduonix.com/affiliates/id/16-10061 SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia

In this crash course we will be looking at the Zurb Foundation front-end framework which is an alternative to Twitter Bootstrap Foundation Tutorial Contents: What is Foundation? Installation/Setup Typography Helper Classes Topbar Forms Tables & Lists Buttons & Links Callouts, Progressbars, Badges, etc Much More... Code for this video - http://www.traversymedia.com/downloads/foundation_sandbox.zip 10 Project Foundation Course (Foundation 5) - http://www.traversymedia.com/course/projects-in-foundation-framework-learn-by-building-10-apps/

This is a crash course and resource guide for the Bulma HTML & CSS framework. We will create a cheat sheet with most of the elements that are available including the navigation, typography, boxes, grid system, forms, tables , etc SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia http://www.patreon.com/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia

In this video we will dive into Materialize CSS and create a cheat sheet with all of the main HTML/CSS components such as navbars, cards, collections, progress bars, helper classes, buttons and more. Materialize is a responsive framework based on Google's Material Design. We will look at the JavaScript widgets in a separate video. CODE: Sandbox/Cheatsheet Download http://www.traversymedia.com/downloads/materialize_sandbox.zip WATCH PART 2: https://www.youtube.com/watch?v=ZpduVPHZ5Aw SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia http://www.patreon.com/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.linkedin.com/in/bradtraversy

In this second part of the Materialize crash course, we will look at the JavaScipt widgets included in the framework. Carousel Slider Modals Tooltips & Toasts Lightbox / Material Boxed Tap Target Sidenav & Dropdown CODE: Sandbox/Cheatsheet Download http://www.traversymedia.com/downloads/materialize_sandbox.zip WATCH PART 1: https://www.youtube.com/watch?v=nqT8c5OFjEQ&t=1405s SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia http://www.patreon.com/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.linkedin.com/in/bradtraversy

In this crash course we will talk about all of the basics of Semantic UI including the styling of headings, buttons, lists, icons and much more. We will also look at the build and compile tools with Gulp. CODE: Code for this video http://www.traversymedia.com/downloads/semantic-sandbox.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-courses SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia http://www.patreon.com/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.linkedin.com/bradtraversy

In this video we will create a Skeleton CSS boilerplate cheat sheet and then create a simple responsive landing page based on the demo CODE: Code for this video http://www.traversymedia.com/downloads/skeletoncrash.zip BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia NEED WEB HOSTING? https://inmotion-hosting.evyy.net/c/396530/260033/4222 NEW DISCORD CHAT SERVER: https://discord.gg/traversymedia

In this video we will work with the Gulp.js task runner and toolkit. We will talk about how it works as well as create an example app with the following tasks and plugins... Moving/Copying Files Concatenate JavaScript Files Minify / Uglify JavaScript Files Compile Sass/scss Files Optimize Images with Imagemin Code: Code for this video https://github.com/bradtraversy/gulpexapp EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-courses SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia http://www.patreon.com/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.linkedin.com/bradtraversy

In this under 40 minute crash course we will be talking about and working with the Hapi.js server side framework. Hapi js is similar to Express. We can setup routes, implement templates, work with databases and so on. CODE: Code for this video https://github.com/bradtraversy/hapiapp SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa BECOME A PATRON: Support me directly for even $1 per month http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-courses

In this video we will explore the Nest JS Node.js framework which allows you to build fast and scalable server-side apps and APIs. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/nestjs_rest_api 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Nest JS Docs: https://docs.nestjs.com Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

In this video we will create a MEAN stack application using the Mean.js generator. We'll create a blog application with a complete user login and registration system, all in around 30 minutes. MEAN stands for MongoDB, Express js, Angular and Node.js. NOTE: When installing the lobal dependencies, it is actually "grunt-cli" not "grunt" Code for this video - https://github.com/bradtraversy/meanblog Express Course - http://www.traversymedia.com/course/projects-in-expressjs-learn-expressjs-building-10-projects/

Add MailTag to your browser (it's free) ➜ https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video This is a beginner friendly crash course on CSS animation using keyframes as well as CSS transitions. We will do a little experimenting and we will build a small animated landing page project. CODE: Code for this project http://www.traversymedia.com/downloads/cssanimations.zip CSS CRASH COURSE FOR BEGINNERS: https://www.youtube.com/watch?v=yfoY53QXEnI BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia https://discord.gg/traversymedia

In this video we will cover all of the basics and fundamentals of the Ractive.js UI library. This includes Mustache templates, variables, proxy events, method calls, components, observers and more RACTIVE.JS COURSE - https://www.eduonix.com/affiliates/id/16-10434

In this video we will look at the Koa framework which is a microframework created by the same creators of Express. We will look at basic concepts, setup, routing, templates and more Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

Create a better Python workflow by using Pipenv which allows you to install Python packages within a virtual environment easily. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Pipenv Cheat Sheet: https://gist.github.com/bradtraversy/c70a93d6536ed63786c434707b898d55 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia