Traversy Media


  • 39:01 Popular JavaScript DOM Crash Course - Part 1

    JavaScript DOM Crash Course - Part 1

    by Best Webhosting Added 110 Views / 0 Likes

    This crash course focuses on the DOM WITHOUT JQUERY. In this part we will talk about what the JavaScript DOM (Document Object Model) is and we will look at the different selectors like document.getElementById() document.getElementsByClassName() document.getElementsByTagName() document.querySelector() document.querySelectorAll() We will also look at how to change content and styles via these selectors CODE: Code for this video http://www.traversymedia.

  • 27:55 Popular CSS Grid Layout Crash Course

    CSS Grid Layout Crash Course

    by Best Webhosting Added 110 Views / 0 Likes

    In this video we will look at the new CSS Grid layout and how to create grid based layouts and alignments. We will look at properties for containers and items. CODE: Code for this tutorial http://www.traversymedia.com/downloads/cssgrid.zip BUILD A CSS GRID WEBSITE: https://www.youtube.com/watch?v=moBhzSC455o BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRA

  • 20:17 Popular Getting Started With Animate.css

    Getting Started With Animate.css

    by Best Webhosting Added 110 Views / 0 Likes

    In this video I will show you how to implement Animate.css which is a very easy way to add some animation to your websites and UIs. It is as simple as applying a class. Ill also how you how to trigger animations using JS and jQuery. CODE: Code for this video https://codepen.io/bradtraversy/pen/BwBjEK BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY ME

  • 17:46 Popular Build A Filterable List With Vanilla JavaScript

    Build A Filterable List With Vanilla JavaScript

    by Best Webhosting Added 110 Views / 0 Likes

    In this mini-project and JavaScript tutorial we we will build a filterable list. We will also be using Materialize for CSS and layout. We are not using any other plugins or anything like that, it is all vanilla JavaScript CODE: Code for this project http://www.traversymedia.com/downloads/filterablelist.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa BECOME A PATRON: Support me directly for even $1 per month http://www.patreon.com/traversyme

  • 27:26 Popular Full Screen Image Slider With HTML, CSS & JS

    Full Screen Image Slider With HTML, CSS & JS

    by Best Webhosting Added 110 Views / 0 Likes

    In this video we will be creating a full screen image slider with HTML, CSS and JavaScript. We will not be using any 3rd party libraries like jQuery. All Images are free stock images from pexels.com SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr CODE: https://codepen.io/bradtraversy/pen/boydaE BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT

  • 37:11 Popular Node.js Image Uploading With Multer

    Node.js Image Uploading With Multer

    by Best Webhosting Added 110 Views / 0 Likes

    In this project we will look at file/image uploading in Node.js with the Multer module. We will also be using the EJS template engine and MaterializeCSS for the form UI. SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/trs CODE: Github Repo https://github.com/bradtraversy/nodeuploads BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBISTE: ht

  • 35:50 Popular Responsive Portfolio Website [4] - Menu Overlay & Responsiveness

    Responsive Portfolio Website [4] - Menu Overlay & Responsiveness

    by Best Webhosting Added 110 Views / 0 Likes

    In this video we will create the menu overlay with the branding and navigation. We will also add our media query Sass mixins to make the site responsive. Code For This Project: https://github.com/bradtraversy/moder... • 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

  • 55:02 Popular SSH Crash Course | With Some DevOps

    SSH Crash Course | With Some DevOps

    by Best Webhosting Added 110 Views / 0 Likes

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

  • 12:30 Popular My Top 5 Free Text Editors For Web Development

    My Top 5 Free Text Editors For Web Development

    by Best Webhosting Added 110 Views / 0 Likes

    In this video I will share my top 5 text editors. I have used all of these editors for a period of time and will share my thoughts and experiences with them. Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.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/traversymed

  • 30:49 Popular Data Display With ApexCharts | Vanilla JS & React

    Data Display With ApexCharts | Vanilla JS & React

    by Best Webhosting Added 110 Views / 0 Likes

    Sponsor: http://brilliant.org/TraversyMedia In this video we will take a look at the ApexChart open source library for creating charts to display data. We will build a simple chart using vanilla JS as well as React Code: https://codepen.io/bradtraversy/pen/KGqqmr • 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/traversy

  • 23:09 Popular Social Network Theme With Sass - Part 2

    Social Network Theme With Sass - Part 2

    by Best Webhosting Added 110 Views / 0 Likes

    In this part we will create the login and register pages with more utility classes as well as generate some margin and padding classes using Sass logic Code: https://github.com/bradtraversy/devconnector_theme_sass MERN Course With Full App: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://www.facebook.com/traversymed

  • 08:21 Popular 10 Tips For Effective Web Design

    10 Tips For Effective Web Design

    by Best Webhosting Added 110 Views / 0 Likes

    In this video we will talk about effective design, layout and usability when creating websites and user interfaces Written Article: https://medium.com/@traversymedia/10-tips-for-effective-web-design-3a03f77bc041 • 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.inst

  • 08:58 Popular Udemy Course Alert - Node.js API Masterclass

    Udemy Course Alert - Node.js API Masterclass

    by Best Webhosting Added 110 Views / 0 Likes

    3 Day $9.99 Promo (Ends the 19th) https://www.udemy.com/course/nodejs-api-masterclass/?couponCode=OCTOBER999 30 Day $13.99 Promo https://www.udemy.com/course/nodejs-api-masterclass/?couponCode=OCTOBER1399

  • 56:39 Popular Desktop GUI App With Python & Tkinter

    Desktop GUI App With Python & Tkinter

    by Best Webhosting Added 110 Views / 0 Likes

    In this video we will build a CRUD GUI app with Python, the Tkinter library and Sqlite3 Sponsor: Linode Cloud Hosting Get $20 Free by visiting https://www.linode.com/traversy Code: https://github.com/bradtraversy/part_manager • 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/t

  • 09:17 Popular Channel Check In | Video Frequency, Plans For 2020, New Platform, etc

    Channel Check In | Video Frequency, Plans For 2020, New Platform, etc

    by Best Webhosting Added 110 Views / 0 Likes

    I just want to check in with you guys and talk a little bit about what I plan for the future. Also, feel free to leave some feedback and suggestions in the comments • 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

  • 12:56 Popular 5 Common Programmer Health Problems & Prevention Tips

    5 Common Programmer Health Problems & Prevention Tips

    by Best Webhosting Added 110 Views / 0 Likes

    In this video we will look at 5 common health issues the many programmers face along with some tips for prevention • 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

  • 06:34 Popular Create A Wordpress Widget - Part 4

    Create A Wordpress Widget - Part 4

    by Best Webhosting Added 109 Views / 0 Likes

    In this series we will build a Facebook likebox widget with multiple parameters -- Exercise Files - https://github.com/codeskillet/likebox -- For more web development videos, visit http://codeskillet.com

  • 12:20 Popular NodeJS & Express 4 With Cassandra - Part 1

    NodeJS & Express 4 With Cassandra - Part 1

    by Best Webhosting Added 109 Views / 0 Likes

    In this series we will build a simple app which runs on Express 4 and uses Apache Cassandra and the DataStax driver for a database solution. We will use Windows 7 as our OS. In this video we will get everything installed including NodeJS, Apache Cassandra and GIT for Windows Get the finished app here - https://github.com/bradtraversy/mysubscribers

  • 16:15 Popular Build An HTML5 Template With Bootstrap and SASS - Part 10

    Build An HTML5 Template With Bootstrap and SASS - Part 10

    by Best Webhosting Added 109 Views / 0 Likes

    In this mini-series we will build a complete HTML5 Bootstrap template with SASS. It is a bit long but that is because it is from scratch and typed out line by line. --------------------------------------------------------------------------------------- Project Files - https://github.com/bradtraversy/skyapp_bootstrap For video courses like this check out - http://codeskillet.com

  • 08:20 Popular JavaScript ES6 / ES2015 - [03] Let and Const Declaration

    JavaScript ES6 / ES2015 - [03] Let and Const Declaration

    by Best Webhosting Added 109 Views / 0 Likes

    In this video Ill show you how to start using the let and const declaration for setting variables and constants CHECK OUT MY ES2015 COURSE: https://www.eduonix.com/affiliates/id/16-10397 Source Code - https://github.com/bradtraversy/youtube_es2015_source/tree/master/02_let_const SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia

  • 24:04 Popular CouchDB Basics

    CouchDB Basics

    by Best Webhosting Added 109 Views / 0 Likes

    In this video we will install CouchDB on a Windows machine, create a database using the Fauxton web GUI, create some views and make requests to the database using cURL. CouchDB Course - https://www.eduonix.com/affiliates/id/16-10057

  • 19:06 Popular MEAN Stack Front To Back [Part 6] - Register Component, Validation & Flash Messages

    MEAN Stack Front To Back [Part 6] - Register Component, Validation & Flash Messages

    by Best Webhosting Added 109 Views / 0 Likes

    In this video we will add the homepage markup, create the register form component, create a validation service and implement the Angular2 flash messages module Code Up To This Point: http://www.traversymedia.com/downloads/meanauthapp/meanauthapp_part_6.zip My Courses: http://traversymedia.com/eduonix-courses DONATIONS: Any donation is greatly appreciated.... https://www.paypal.me/traversymedia https://www.patreon.com/traversymedia

  • 38:45 Popular Build A Website With Foundation and Sass - Part 1

    Build A Website With Foundation and Sass - Part 1

    by Best Webhosting Added 109 Views / 0 Likes

    In this video we will build a web hosting company website/template using the Foundation Framework, Foundation-cli and Sass. This project will give you a better grip on modern front-end development and build on your HTML and CSS skills CODE - https://github.com/bradtraversy/bthosting_foundation DONATIONS: We spend huge amounts of time making these videos available for free. Any donation is greatly appreciated https://www.paypal.com/cgi-bin/webscr?cmd=_

  • 19:57 Popular PHP Front To Back [Part 15] - PHP Contact Form

    PHP Front To Back [Part 15] - PHP Contact Form

    by Best Webhosting Added 109 Views / 0 Likes

    In this video we will create a PHP contact form from scratch. We will also include server side form validation and messaging CODE: Code for this video http://www.traversymedia.com/downloads/phpsandbox/phpsandbox13.zip EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-... SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traver

  • 18:52 Popular Animate Your Font Awesome Icons With JavaScript

    Animate Your Font Awesome Icons With JavaScript

    by Best Webhosting Added 109 Views / 0 Likes

    In this video we will create some animated font-awesome effects using vanilla JavaScript setTimeout and setInterval function. This is a simple project but I thought a cool one to share. I am really liking creating things with plain JS lately. CODE: Code for this video http://www.traversymedia.com/downloads/animicons.zip BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedi

  • 19:44 Popular PHP vs. Python In 2018 - My Take...

    PHP vs. Python In 2018 - My Take...

    by Best Webhosting Added 109 Views / 0 Likes

    Add MailTag to Chrome: http://go.mailtag.io/7ubwpEqi In this video we are going to talk about PHP and Python and some of the differences in use, popularity, learning curve, frameworks and so on. • 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/tr

  • 26:57 Popular PHP, MySQL & Stripe API Payment App - Part 2

    PHP, MySQL & Stripe API Payment App - Part 2

    by Best Webhosting Added 109 Views / 0 Likes

    In part 2 we will implement the PDO class and the customers and transaction models so we can store custom data from the Stripe API CODE: Github Repo https://github.com/bradtraversy/php_stripe_paypage Stripe API Docs: Card Element Quickstart https://stripe.com/docs/stripe-js/elements/quickstart PDO Class Gist: https://gist.github.com/bradtraversy/a77931605ba9b7cf3326644e75530464 PHP OOP Udemy Course: https://www.udemy.com/object-oriented-php-mvc/?coupo

  • 17:09 Popular Learn The MERN Stack [7] - Connecting The Backend

    Learn The MERN Stack [7] - Connecting The Backend

    by Best Webhosting Added 109 Views / 0 Likes

    In this video we will finally connect to our backend routes within the Redux actions using axios and we will send the data down through the reducer into our ShoppingList component. We will also handle the post and delete requests. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www

  • 27:07 Popular Learn The MERN Stack [3] - Client Setup & Reactstrap

    Learn The MERN Stack [3] - Client Setup & Reactstrap

    by Best Webhosting Added 109 Views / 0 Likes

    In this video we will implement React and make it so that we can run the back and frontend servers at the same time using a package called concurrently. We will also create our AppNavbar component using Reactstrap Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/trav

  • 09:14 Popular GraphQL With React & Apollo [4] - Simple Heroku Deploy

    GraphQL With React & Apollo [4] - Simple Heroku Deploy

    by Best Webhosting Added 109 Views / 0 Likes

    In this part we will take our small app and prepare and do a very simple deployment to Heroku Code: https://github.com/bradtraversy/spacex_launch_stats App Demo: (If I still have it up) https://polar-wildwood-69899.herokuapp.com/ GraphQL Server Series: https://www.youtube.com/watch?v=PEcJxkylcRM&list=PLillGF-RfqbYZty73_PHBqKRDnv7ikh68 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.t

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA

RSS