Traversy Media
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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.
-
05:14
200k Subscribers - Thank You!
Added 79 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
-
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
-
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
-
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 -
-
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
-
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
-
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
-
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
-
18:45 Popular
Getting Started With AdonisJS 4.0 [1] - Framework Intro & Setup
Added 113 Views / 0 LikesIn this video we will talk about and setup the AdonisJS 4.0 Node.js framework and look at the file structure, talk about routes, views and more. We will get ready to start our blog application SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/trs CODE: Github Repo https://github.com/bradtraversy/adonis40blog BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversyme
-
12:55
Getting Started With AdonisJS 4.0 [2] - Controller, Layouts & Routing
Added 94 Views / 0 LikesIn this video we will setup a posts controller and add an index method. We will also look more at routing and views and create a layout to wrap around our views. We will also implement Twitter Bootstrap 4. CODE: Github Repo https://github.com/bradtraversy/adonis40blog 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.traversymedia.com FOLL
-
17:36
Getting Started With AdonisJS 4.0 [3] - Database & Model
Added 93 Views / 0 LikesIn this video we will be installing the MySQL driver and creating the database migration for the posts as well as the post model. We will fetch the posts from the database and display them in the view. We will create the index and details views to display the data CODE: Github Repo https://github.com/bradtraversy/adonis40blog BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traver
-
11:46
Getting Started With AdonisJS 4.0 [4] - Add Post & Validation
Added 93 Views / 0 LikesIn this video we will add functionality to the add post form and insert data into MySQL. We will also install the validator provider for form validation as well as setup the flash messaging for errors CODE: Github Repo https://github.com/bradtraversy/adonis40blog 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.traversymedia.com FOLLOW TR









