Traversy Media
-
20:17 Popular
Static Type Checking In JavaScript With Flow
Added 128 Views / 0 LikesStatic type checking can make debugging easier and make your code less prone to errors and more robust. Flow is an alternative to TypeScript for adding type checking to JavaScript. We can easily compile with Babel SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/trs BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBSITE: http://www.traversym
-
14:21 Popular
Dealing With Programmer Burnout
Added 145 Views / 0 LikesAdd MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this video we will talk about programmer burnout which is something that is very common but not talked about enough. We will look at what it is, the symptoms, how to prevent it and how to get out of it. SLIDESHARE: https://www.slideshare.net/TechGuy1/dealing-with-programmer-burnout-82110367 BECOME A PATRON: Show support & get perks! http://ww
-
45:18 Popular
Build A Command Line Interface With Node.js & MongoDB
Added 128 Views / 0 LikesIn this video we build a custom command line interface (CLI) console app with Node.js. We will be able to run CRUD functionality on customers stored in a MongoDB database using Mongoose. We will also use commander.js for the CLI tools and inquirer.js for the user experience. SPONSOR: GDP HOST - WANT CHEAP WEB HOSTING? https://goo.gl/iZjcGk CODE: Github Repo https://github.com/bradtraversy/customer-cli Node.js, Express & MongoDB Udemy Course: $10 Bucks
-
49:09 Popular
Grid CSS Responsive Website Layout - "Mobile First" Design
Added 222 Views / 0 LikesAdd MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this video we will build a "mobile first" single page website layout using the CSS Grid. We will use modern techniques including relative em units, media queries and even a little flex. CODE: Codepen https://codepen.io/bradtraversy/pen/RjpQvZ BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: h
-
1:08:11 Popular
Python Django Crash Course
Added 104 Views / 0 LikesIn this video I will cram as much as I can about the Python Django framework. We will talk about the framework and its advantages and we will setup up an app from scratch with MySQL. We will discuss the MTV (Model-Template-View) design pattern, setup a virtual environment, look at the core Django files and build the app. DJANGO 2.x UDEMY COURSE COUPON: https://www.udemy.com/python-django-dev-to-deployment/?couponCode=TRAVERSYMEDIA SPONSOR: GDP HOST -
-
13:44
What's New In Angular Version 5?
Added 95 Views / 0 LikesIn this video we will look at an overview of new features and optimizations of Angular 5 including build and compile optimization, new HTTP client, changes in form validation, focus on progressive web apps and more ANGULAR FRONT TO BACK: $10 PROMO https://www.udemy.com/angular-4-front-to-back/?couponCode=DISCOUNT393498 OFFICIAL BLOG POST: https://blog.angular.io/version-5-0-0-of-angular-now-available-37e414935ced BECOME A PATRON: Show support & get pe
-
36:20
CSS3 Animation & Transitions Crash Course
Added 79 Views / 0 LikesAdd 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=yfoY5
-
05:14
200k Subscribers - Thank You!
Added 78 Views / 0 LikesI just wanted to thank all of you guys for your support. I appreciate every last one of my subscribers, patrons, viewers, students, etc. I could not have done it without you! 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
-
17:56
Angular & FireStore Application [3] - Updating Data & Deploy
Added 100 Views / 0 LikesPart 3 of 3: We will create the edit state so we can update items in our FireStore through the service. We will also do a quick deployment to a shared hosting account. CODE: Code for this project https://github.com/bradtraversy/angularfs ANGULAR 4 FRONT TO BACK: $10 COUPON https://www.udemy.com/angular-4-front-to-back/?couponCode=TRAVERSY010 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.
-
21:10
Angular & FireStore Application - [2] Add & Delete Data
Added 98 Views / 0 LikesPart 2 of 3: We will create the add-item component and form to add an item to our FireStore using a custom service. We will also implement a service function to delete items from Firebase. CODE: Code for this project https://github.com/bradtraversy/angularfs ANGULAR 4 FRONT TO BACK: $10 COUPON https://www.udemy.com/angular-4-front-to-back/?couponCode=TRAVERSY010 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME D
-
39:59 Popular
Angular & FireStore Application [1] - Setup & Getting Data
Added 112 Views / 0 LikesPart 1 of 3: We will setup FireStore from Firebase, create an Angular 4 application and integrate AngularFire2 to work with FireStore and fetch items. We will also install Materialize CSS and Font Awesome for our app UI CODE: Code for this project https://github.com/bradtraversy/angularfs ANGULAR 4 FRONT TO BACK: $10 COUPON https://www.udemy.com/angular-4-front-to-back/?couponCode=TRAVERSY010 BECOME A PATRON: Show support & get perks! http://www.patre
-
15:52 Popular
Self Doubt In Programming & Web Development
Added 114 Views / 0 LikesIn this video we will talk about some of the stuff that is not talked about very much in programming and technology and that is having self doubt and low self esteem. 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
-
27:26 Popular
Full Screen Image Slider With HTML, CSS & JS
Added 106 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
-
25:37 Popular
Intro To The Node.js PayPal REST SDK
Added 108 Views / 0 LikesAdd MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this video I will show you how to take a payment through your Node.js app using the PayPal REST SDK with the PayPal Restful API. I will also show you how to setup sandbox accounts and a testing environment CODE: https://github.com/bradtraversy/node_paypal_sdk_sample BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymed
-
10:41 Popular
Udemy Course Alert & Promo Link - OOP PHP & MVC
Added 125 Views / 0 Likes$10 PROMO LINK - https://www.udemy.com/object-oriented-php-mvc/?couponCode=TRAVERSY010 In this course you will learn how to build a custom MVC (model view controller) based framework using OOP PHP. Then we will will build an application on top of that with user authentication, validation, CRUD functionality and more. PHP FRONT TO BACK: https://www.youtube.com/watch?v=oJbfyzaA2QA
-
21:43
Angular 4 vs React - A Comprehensive Comparison
Added 85 Views / 0 LikesAdd MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this video we will compare Angular 4 to React in a few different categories such as... Learning Curve Performance Features Tooling Ecosystem Jobs BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBISTE: http://www.traversymedia.com $15 COUPON LINKS
-
37:11 Popular
Node.js Image Uploading With Multer
Added 107 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:00 Popular
JavaScript Zipcode App Using Fetch & Bulma CSS
Added 102 Views / 0 LikesAdd MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this application well be using Vanilla JavaScript with the Fetch API and the Bulma CSS framework to create an app to get location info from a zipcode using the zippopotam.us API. Well we will also use ES6 features like arrow functions and template strings CODE: https://codepen.io/bradtraversy/pen/zEJzBp BECOME A PATRON: Show support & get per
-
1:01:53 Popular
Node.js & Stripe API - Ebook Sales App & Heroku Deploy
Added 130 Views / 0 LikesIn this video we will build a Node.js/Express app using the Stripe API to sell an ebook. We will be able to create a customer and charge their card. Everything is done in test mode. Once we build the app, we will deploy to Heroku SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/trs CODE: Github Repo https://github.com/bradtraversy/ebookseller LIVE APP: https://peaceful-island-46715.herokuapp.com BECOME A PATRON: Show support & get perks
-
14:43
Simple Explanation Of rem & em CSS Units
Added 97 Views / 0 LikesIn this video I give a simple explanation of the rem & em CSS units of measurement. We also talk a little bit about vh (viewport heights) and vw (viewport widths). BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBISTE: http://www.traversymedia.com $15 COUPON LINKS FOR ALL MY UDEMY COURSES: https://www.udemy.com/nodejs-express-mongodb-dev-to-deployment/?co
-
23:37
Fullscreen Video Background With HTML & CSS
Added 83 Views / 0 LikesAdd MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this video I will show you how to create a landing page with a full screen video background using HTML and CSS. We will use vh and vw units to achieve this. CODE: The CodePen for this project: https://codepen.io/bradtraversy/pen/pWpRom VIDEO DOWNLOAD LINK: https://www.videvo.net/video/typing-on-computer-white-bg/4475/ BECOME A PATRON: Show su
-
25:52 Popular
Vanilla JS Number Facts App - Ajax & Fetch
Added 123 Views / 0 LikesIn this video we will create a vanilla JavaScript application using that fetches random facts on any number entered. We will use both XHR and the Fetch API to make requests to http://numbersapi.com CODE: Plunk with this project http://plnkr.co/edit/6d7iWyArX40O3mGuQSt8?p=preview BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBISTE: http://www.traversymed
-
10:27 Popular
Full Stack React & LoopBack [5] - Front & Back End Integration
Added 120 Views / 0 LikesIn this video we will compile our client side source code (React) to the client folder in on the LoopBack server and combine the front and back end CODE: Full app code https://github.com/bradtraversy/meetupz 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 h
-
32:30 Popular
Full Stack React & LoopBack [4] - Add, Edit & Delete Meetups
Added 137 Views / 0 LikesIn this video we will create components and functionality to add, edit and delete meetups from the backend LoopBack server CODE: Full app code https://github.com/bradtraversy/meetupz 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/tra
-
28:57 Popular
Full Stack React & LoopBack [3] - Fetching & Displaying Meetups
Added 108 Views / 0 LikesIn this video we will fetch and display meetups from our backend LoopBack server. We will create the MeetupItem and MeetupDetails component CODE: Full app code https://github.com/bradtraversy/meetupz 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://ww
-
39:00 Popular
Full Stack React & LoopBack [2] - React, Routing and UI
Added 134 Views / 0 LikesIn this video we will setup our client/React app and implement routing with the react router dom. We will also create the basic UI with Materialize CSS CODE: Full app code https://github.com/bradtraversy/meetupz 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/traversymed
-
20:09
Full Stack React & LoopBack [1] - Intro & LoopBack Server
Added 87 Views / 0 LikesIn part one I will introduce the app and we will setup our backend LoopBack API. We will connect MongoDB and add some meetups through the explorer. CODE: Full app code https://github.com/bradtraversy/meetupz LoopBack Video: https://www.youtube.com/watch?v=UTxhKZuVaG8 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 FO
-
51:20 Popular
Google Chrome Developer Tools Crash Course
Added 119 Views / 0 LikesAdd MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video 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 &
-
10:04 Popular
Udemy Course Alert - Node.js Dev To Deployment
Added 119 Views / 0 Likes$10 PROMO LINK: Very Limited! https://www.udemy.com/nodejs-express-mongodb-dev-to-deployment/?couponCode=NODEYOUTUBE10 I have just released my 3rd Udemy course under Traversy Media. This course will take you from installing Node.js on your PC to deploying 2 real world applications. It includes 8.5 hours of content such as... Node.js/Express Fundamentals Application structure Mongoose ODM - Models, promises, relating collections, etc Handlebars.js - cu
-
45:35 Popular
PDO Crash Course (PHP)
Added 120 Views / 0 LikesIn 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/147443539b7e1afaf









