Traversy Media
-
39:01 Popular
JavaScript DOM Crash Course - Part 1
Added 110 Views / 0 LikesThis 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
Added 110 Views / 0 LikesIn 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
Added 110 Views / 0 LikesIn 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
Added 110 Views / 0 LikesIn 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
Added 110 Views / 0 LikesIn 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
Added 110 Views / 0 LikesIn 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
Added 110 Views / 0 LikesIn 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
Added 110 Views / 0 LikesIn 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
Added 110 Views / 0 LikesIn 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
Added 110 Views / 0 LikesSponsor: 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
Added 110 Views / 0 LikesIn 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
Added 110 Views / 0 LikesIn 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
Added 110 Views / 0 Likes3 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
Added 110 Views / 0 LikesIn 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
Added 110 Views / 0 LikesI 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
Added 110 Views / 0 LikesIn 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
Added 109 Views / 0 LikesIn 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
Added 109 Views / 0 LikesIn 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
Added 109 Views / 0 LikesIn 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
Added 109 Views / 0 LikesIn 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
Added 109 Views / 0 LikesIn 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
Added 109 Views / 0 LikesIn 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
Added 109 Views / 0 LikesIn 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
Added 109 Views / 0 LikesIn 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
Added 109 Views / 0 LikesIn 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...
Added 109 Views / 0 LikesAdd 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
Added 109 Views / 0 LikesIn 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
Added 109 Views / 0 LikesIn 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
Added 109 Views / 0 LikesIn 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
Added 109 Views / 0 LikesIn 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









