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 24+ Hour HTML & CSS Course (Just revamped!) https://www.traversymedia.com/modern-html-css-from-the-beginning Udemy Version: https://udemy.com/modern-html-css-from-the-beginning 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. 👇 24+ Hour HTML & CSS Course (Just revamped!) https://www.traversymedia.com/modern-html-css-from-the-beginning 👇 Udemy Version: https://udemy.com/modern-html-css-from-the-beginning 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

Learn the basics of React, such as components, props, state, data fetching, and more, while building a job listing frontend. Code: https://github.com/bradtraversy/react-crash-2024 React Front To Back Full Course: https://www.traversymedia.com/Modern-React-Front-To-Back-Course Check out all my courses: https://traversymedia.com Social Media: Github - https://github.com/bradtraversy Twitter - https://twitter.com/traversymedia Instagram - https://www.instagram.com/traversymedia Facebook - https://www.facebook.com/traversymedia Linkedin - https://www.linkedin.com/in/bradtraversy Timestamps: 0:00 - Intro 1:55 - What Is React? (Slide) 3:43 - Why React? (Slide) 7:19 - What Are Components? (Slide) 8:21 - What Is State? (Slide) 10:00 - What Are Hooks? (Slide) 11:17 - What Is JSX? (Slide) 12:42 - SPA, SSR, SSG (Slide) 15:38 - Vite (Slide) 16:30 - Project Demo 19:53 - Setup React With Vite 22:29 - File Explanation 25:11 - Boilerplate Cleanup 26:48 - Tailwind CSS Setup 30:24 - JSX Crash Course 39:37 - Start Homepage 42:00 - Navbar Component 43:56 - Image Import 45:24 - Hero Component 46:17 - Props 48:00 - Default Props 48:51 - Wrapper Components 55:14 - JobListings Component 58:50 - Create Lists With map() 1:03:20 - Single JobListing Component 1:05:49 - Limit Jobs to 3 1:07:50 - useState() Hook & Desc Toggle 1:13:07 - Creating an Event 1:14:20 - Updating Component State 1:16:00 - React Icons Package 1:18:00 - React Router Setup 1:20:21 - Create Routes From Elements 1:21:36 - Router Provider 1:22:36 - Homepage Component/Route 1:24:40 - Layouts 1:29:06 - Jobs Page Component/Route 1:30:50 - Link Component 1:34:20 - Custom 404 Page 1:36:55 - Active Links With NavLink 1:41:00 - Conditional Rendering 1:43:10 - JSON Server Setup 1:47:00 - useEffect() & Data Fetching 1:53:07 - Loading Spinner 1:51:06 - Conditional Fetching 1:59:45 - Proxying 2:03:38 - Single Job Page 2:09:04 - useParams() to Get ID 2:12:25 - Data Loaders 2:16:36 - Single Job Output 2:22:00 - Add Job Page 2:23:40 - Working With Forms 2:30:05 - Form Submission 2:35:27 - Pass Function as Prop 2:39:32 - POST Request to Add Job 2:41:45 - Delete Job Button/function 2:45:12 - DELETE Request to Remove Job 2:46:50 - React Toastify Package 2:50:08 - Edit Job Page/Form 2:56:05 - Update Form Submission 2:58:54 - PUT Request to Update Job 3:02:10 - Build Static Assets For Production

3 Hour crash course of the Vue.js framework. You will learn all the fundamentals including components, directives, lifecycle, events and much more. Check Out Our Sponsor Daily.dev: https://daily.dev/traversy-media Full Project Code: https://github.com/bradtraversy/vue-crash-2024 Blog Post: https://www.traversymedia.com/blog/vue-crash-course Check Out My Courses: https://traversymedia.com Timestamps: 0:00 - Intro 2:19 - Daily.dev Sponsor 3:11 - What is Vue.js? 4:45 - Prerequisites 6:17 - Role of Frontend Frameworks 8:40 - Why Vue.js? 11:14 - Vue Components 13:39 - Getting Setup 15:40 - Using The Vue CDN 20:54 - Create-Vue Setup 22:30 - Vue Official Extension 22:58 - Exploring Folders & Files 26:10 - Boilerplate Clean Up 26:50 - Component Structure 27:25 - Options API data() & Interpolation 28:36 - v-if, v-else & v-else-if Directives 30:43 - v-for Directive & Looping 32:17 - v-bind Directive 33:36 - v-on Directive, Events & Methods 35:55 - Composition API - Long Form 39:08 - ref() & Reactive Values 40:35 - Composition API Short Form 42:41 - Forms & v-model 46:38 - Delete task 48:36 - Lifecycle Methods 49:50 - onMounted & Fetching Data 51:58 - Vue Jobs Project Start 52:26 - Tailwind CSS Setup 56:47 - Theme Files & Images 58:16 - Navbar Component 1:01:20 - Hero Component 1:02:30 - Props 1:04:57 - HomeCards & Card Container Component 1:10:20 - JobListings Component & JSON Data 1:16:47 - JobListing Component 1:20:53 - JobListings Limit & showButton Props 1:24:26 - computed() & Truncate Description 1:30:41 - PrimeIcons 1:32:35 - Vue Router & Home View 1:39:52 - Jobs View 1:41:55 - RouterLink 1:46:07 - Navbar Active Link 1:50:42 - Not Found Page 1:56:27 - JSON Server REST API 1:59:50 - Fetch Data For JobListings 2:03:42 - reactive() Function 2:05:15 - JobListings Refactor To reactive() 2:07:26 - Vue Spinner 2:09:50 - Fetch Single Job & Display Data 2:19:06 -BackButton Component 2:21:03 - Proxying 2:23:54 - Add Job Page 2:32:20 - Save Job POST 2:37:15 - Toast Notifications 2:40:08 - Delete Job 2:44:14 - Edit Page 2:47:06 - Fetch Job To Edit 2:50:58 - Update Job 2:52:50 - Netlify Deployment

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 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

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 Express Crash Course: https://www.youtube.com/watch?v=CnH3kAXSrmU Node.js API Masterclass: https://www.traversymedia.com/node-js-api-masterclass Timestamps: 0:00 - Intro & Slides 12:18 - Installation 13:22 - Node REPL 15:05 - Setup & package.json Init 16:51 - Running JavaScript Files 19:36 - CommonJS Modules 23:13 - ES Modules 27:20 - HTTP Module & Create Server 35:06 - NPM Scripts 36:15 - NPM Modules & Nodemon 38:45 - .gitignore File 41:06 - Environment Variables & .env 44:00 - Req Object 46:10 - Marking Requests From Postman 47:28 - Simple Routing 51:52 - Loading Files 59:45 - Building a Simple API 1:10:27 - Middleware 1:13:24 - Cleanup (Middleware & Handlers) 1:19:08 - Get Req Body For POST 1:24:20 - File System Module 1:33:43 - Path Module 1:39:50 - OS Module 1:42:13 - URL Module 1:47:46 - Crypto Module 1:54:08 - Emitting Events 1:59:04 - Process Object

Get started with the most popular web framework for Node.js. Code from Video: https://github.com/bradtraversy/express-crash/ Node.js Crash Course: https://www.youtube.com/watch?v=32M1al-Y6Ag 14+ Hour Node.js API Masterclass Course: https://www.traversymedia.com/node-js-api-masterclass Timestamps: 0:00 - Intro & Slides 0:53 - What is Express? 2:28 - Opinionated vs Unopinionated 4:10 - Prerequisites 5:18 - What we'll cover 6:45 - Express Setup 9:00 - Basic Server 13:10 - --watch Flag & NPM Scripts 15:25 - res.sendFile() Method 18:00 - Static Web Server 19:48 - Working with JSON 22:35 - Postman Utility 23:45 - Environment Variables (.env) 26:30 - Request Params (req.params) 29:35 - Query Strings (req.query) 33:19 - Setting Status Codes 36:40 - Multiple responses 37:35 - Route Files 41:40 - Using ES Modules 43:47 - Request Body Data 47:53 - POST Request 50:23 - PUT Request 53:23 - DELETE Request 55:44 - Middleware 1:00:24 - Custom Error Handler 1:08:30 - Catch All Error Middleware 1:10:47 - Colors Package 1:14:17 - Using Controllers 1:20:45 - __dirname Workaround 1:24:29 - Making Requests From Frontend 1:30:03 - Submit Form to API 1:36:00 - EJS Template Engine Setup 1:41:15 - Pass Data to Views 1:42:50 - Pass and Loop Over Arrays 1:44:20 - Template Partials

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 👇 24+ Hour HTML & CSS Course (Just revamped!) https://www.traversymedia.com/modern-html-css-from-the-beginning 👇 Udemy Version: https://udemy.com/modern-html-css-from-the-beginning 💖 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 👇 24+ Hour HTML & CSS Course (Just revamped!) https://www.traversymedia.com/modern-html-css-from-the-beginning 👇 Udemy Version: https://udemy.com/modern-html-css-from-the-beginning 💖 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 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 course, you will learn the fundamentals of the Astro web framework while building a server-side rendered (SSR) tech blog. Final Code: https://github.com/bradtraversy/astro-blog Course Page: https://www.traversymedia.com/astro-quick-start Become a Traversy Media Member: https://www.traversymedia.com/offers/2NFSzqDt/checkout Use the promo TRAVERSYMEMBER to get the first 3 months for $15 per month. Timestamps: 0:00 - Intro 3:32 - What Is Astro? 7:35 - Install & Setup 12:27 - Pages Folder & Routing 17:26 - Image Component 24:58 - Component Script 29:06 - Layout & Slots 36:45 - Component Props 39:31 - Using Constants 42:52 - Navbar & Footer Components 46:51 - Custom 404 Page 51:18 - Collections & Markdown 55:27 - Collection Schema 58:17 - Querying Collections 01:07:02 - Format & Sort By Date 01:12:36 - Article Card Component 01:15:52 - Homepage Articles 01:25:08 - Most Recent Article 01:31:11 - Slug & getStaticPaths 01:37:12 - SSR Config & Single Article 01:47:30 - Tags Component 01:53:18 - Tag Page 01:59:34 - Footer Tags 02:04:29 - Search Page 02:16:15 - API Endpoints 02:25:55 - Pagination Component 02:34:05 - Disable Prev & Next 02:39:36 - Vercel Deployment

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

An introduction to the microservices architecture and the Node.js Moleculer framework. Course Code: https://github.com/bradtraversy/microservices-example Moleculer Framework: https://moleculer.services/ Check out my courses: https://traversymedia.com Social Media: Github - https://github.com/bradtraversy Twitter - https://twitter.com/traversymedia Instagram - https://www.instagram.com/traversymedia Facebook - https://www.facebook.com/traversymedia Linkedin - https://www.linkedin.com/in/bradtraversy Timestamps: 00:00 - Intro 1:11 - Monolithic Architecture 3:07 - Microservices Architecture 6:31 - API Gateway 8:32 - Service Oriented Architecture (SOA) 10:51 - Pros & Cons 13:28 - Moleculer JS Intro 15:57 - Moleculer Setup 16:42 - Your First Microservice 21:24 - User Service 29:30 - Email Service 33:54 - Auth Service

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