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

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

In this video we will go over MongoDB, which is a popular NoSQL database that is commonly used with Node.js and other technologies. 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

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

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

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

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 talk about Next.js which is a framework to render React on the server. We will look at setup and build a simple application that pulls Bitcoin pricing from an API and displays it in the app 2021 Version Here - https://www.youtube.com/watch?v=mTz0GXj8NN0 CODE: https://github.com/bradtraversy/bitzprice 💖 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 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

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

This video is 5 years old. Check out the 2022 crash course - https://www.youtube.com/watch?v=3YW65K6LcIA In this quick video we will go over the CSS Flexbox model. This is a quick overview, not an in-depth course. We will look at the basics such as Code - https://jsfiddle.net/bradtraversy/bu0ecodm/1/ display:flex flex order flex-direction justify-content flex-basis align-items

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 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 CODE: Code for this video http://www.traversymedia.com/downloads/bulmasandbox.zip 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

In this video we will look at the Three JS animation library using the WebGL renderer. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Code: https://codepen.io/bradtraversy/pen/VOpZvp Textures: https://github.com/mrdoob/three.js/tree/master/examples/textures Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

In this video we will be looking at the Axios HTTP client to make requests, add headers, create interceptors and more Code: https://github.com/bradtraversy/axios-crash 💖 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.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

In this video I will go over JSDoc for documenting your JavaScript code as well as using it for type checking Sponsor: Linode Cloud Hosting Get $20 Free by visiting https://www.linode.com/traversy Code: https://github.com/bradtraversy/jsdoc-examples 💖 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

This course is for absolute beginners and will give you a great kickstart to learning PHP. We'll first talk about what PHP is and why we should learn it, then we will setup a working environment and start coding This video covers all the basics: - How to declare Variables - How to work with strings, Arrays - How to work with file System - How to use cURL to fetch resources - Object Oriented PHP - Namespaces - Composer - Autoloading and much more... At the end of this course we will create a CRUD (CREATE, READ, UPDATE, DELETE) application 3 times. First, we will create it as beginner and see what PHP code looks like without best practices, then we will refactor our application and make it more optimal. We will learn how to use composer, autoloading and we'll create a mini MVC framework with custom routing and then build the final version of our CRUD application using the framework Code: Initial Source files: https://bit.ly/3jmfETf Final Source files: https://bit.ly/3dS9BEx The Codeholic YouTube Channel: https://www.youtube.com/channel/UC_UMEcP_kF0z4E6KbxCpV1w Official Docs: Numbers - https://bit.ly/2IMwiih Strings - https://bit.ly/2T3Prht Arrays - https://bit.ly/2H5NU8i File System - https://bit.ly/3jcjHkE Timestamps: 00:00:00 - Introduction 00:02:45 - Course Overview 00:06:19 - What is PHP and why you should learn it? 00:09:02 - Setup working environment 00:22:45 - PHP Syntax 00:25:50 - Comments 00:26:58 - Variables 00:35:45 - Numbers 00:47:53 - Strings 01:01:07 - Arrays 01:14:09 - Associative Arrays 01:21:44 - Conditionals (If-else, switch) 01:30:59 - Loops 01:38:22 - Functions 01:45:43 - Dates 01:50:36 - Including files 01:58:43 - Working with File System 02:08:01 - OOP 02:25:46 - cURL 02:33:53 - Start working on Products CRUD (bad version) 02:42:05 - Setup connection to database 02:45:36 - Select & display products from MySql 02:52:28 - Products CRUD: Creating Product functionality 02:56:50 - $_GET & $_POST 03:04:04 - Save data in MySql 03:13:45 - Form Validation 03:21:10 - Uploading Image 03:39:37 - Delete Product 03:46:01 - Update Product 03:58:22 - Product Search 04:02:24 - Improve Products CRUD: Code refactoring 04:38:30 - Namespaces & Autoloading with composer 04:49:10 - Install packages using composer 04:53:10 - MVC Framework with Custom Routing 04:56:15 - MVC Controllers 05:13:10 - MVC Views 05:31:25 - MVC Models 06:02:13 - Setup Apache Virtual Hosts 06:11:07 - Sessions 06:20:55 - Cookies

In this beginner crash course, you will learn the fundamentals of C++ CodeBeauty YouTube Channel (Saldina Nurak): https://www.youtube.com/channel/UCl5-BV9aRaeDVohpE4sqJiQ Saldina Nurak Social Media Links: Instagram: https://www.instagram.com/truecodebeauty/ Twitter: https://twitter.com/TrueCodeBeauty Facebook: (Saldina Nurak) https://www.facebook.com/truecodebeauty LinkedIn: (Saldina Nurak) https://www.linkedin.com/in/codebeauty/ 💖 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 Timestamps: 00:07 – CodeBeauty Intro 00:37 – C++ Intro 04:34 – Installing Visual Studio 2019 Community 05:33 – Creating C++ Console app project? 09:44 – Primitive Data types and Variables 13:39 – Arrays 19:15 – If/else statement 20:20 – Ternary (conditional) operator 21:38 – Nested if, if-else-if 26:30 – Enums 26:11 – Switch/case statement 32:04 – Infinite loops, While and Do-While loops (Difference between while and do-while explained) 37:53 – For loop 40:23 – Functions 40:53 – Functions that return value 43:21 – Functions that don't return value (void functions) 45:37 – Functions with default arguments 46:18 – Pointers 47:15 – Passing Pointers to Functions 53:31 - Pointers and Arrays 58:27 – Classes in C++ 1:04:48 – Constructors 1:07:45 – Class methods 1:09:33 – Encapsulation 1:17:14 – Inheritance 1:23:05 – Polymorphism