Traversy Media
-
43:58 Popular
Multi Step Form With React & Material UI
Added 131 Views / 0 LikesIn this project we will build a React multi step form with multiple componenets including user & personal details, confirmation and success. We will use Material UI as well Code: https://github.com/bradtraversy/react_step_form React Course: $9.99 Promo Code https://www.udemy.com/react-front-to-back/?couponCode=TRAVERSYMEDIA Sponsor: Synology JSeries - https://www.synology.com/en-us/products/series/j Value Series - https://www.synology.com/en-us/produc
-
42:35 Popular
Pluralsight Login Page Clone - HTML & CSS
Added 113 Views / 0 LikesIn this video we will be creating a clone of the Pluralsight login page with HTML5 and CSS3 including Flexbox and media queries for responsiveness. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://codepen.io/bradtraversy/pen/MzyJqw Flexbox in 20 Minutes: https://www.youtube.com/watch?v=JJSoEo8JSnc • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Foll
-
35:01 Popular
GraphQL With React & Apollo [1] - Express GraphQL Server
Added 111 Views / 0 LikesIn this series we will build a small app using GraphQL, Express, React & Apollo. In the first part we will implement our GraphQL Express server. We will use SpaceX data using their API. Sponsor: Eduonix AWS: https://www.indiegogo.com/projects/aws-architect-and-developer-certification-program/reft/19668519/brad-aws1 Data Science: https://www.kickstarter.com/projects/1311831077/data-science-foundational-program-4-courses-and-eb?ref=5u5zy0 Code: https://
-
29:39 Popular
GraphQL With React & Apollo [2] - React & Apollo Setup
Added 127 Views / 0 LikesWe will do a lot in this video from setting up React with concurrently, installing and setting up apollo and creating our launches query and component. • 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
-
28:08
GraphQL With React & Apollo [3] - Finishing The App
Added 79 Views / 0 LikesIn this part we will finish our app by adding color coded titles for success/fail missions, we will create the Launch component and make another query to our GraphQL server from React/Apollo. Code: https://github.com/bradtraversy/spacex_launch_stats 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
-
09:14 Popular
GraphQL With React & Apollo [4] - Simple Heroku Deploy
Added 105 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
-
20:50 Popular
Introducing React Hooks
Added 114 Views / 0 LikesIn this video we will look at the new "hooks" feature proposal in React 16.7, specifically the useState hook which allows us to store state in a functional component. We will also build a small todo app Sponsor: http://brilliant.org/TraversyMedia First 200 students get 20% off! Scotch.io Article: https://scotch.io/tutorials/build-a-react-to-do-app-with-react-hooks-no-class-components • Become a Patron: Show support & get perks! http://www.patreon.com/
-
10:02 Popular
5 Tips To Maximize & Move Beyond Tutorials
Added 109 Views / 0 LikesIn this video Ill give some tips from my own experience on how to make the most of the programming tutorials that you watch and also some ways to get out of tutorial purgatory Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html Todd Motto's List Of Public APIs: https://github.com/toddmotto/public-apis • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Cou
-
32:56 Popular
Data Driven Maps With Python Folium & Leaflet.js
Added 111 Views / 0 LikesPython Folium allows us to combine data and Python programming with the Leaflet.js map library to build powerful maps. This is a crash course on creating maps, markers, geojson overlays and choropleths Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code & Data: https://github.com/bradtraversy/python_folium_example Carlos Mafla YouTube Channel: https://www.youtube.com/channel/UCnFRgYETwUg6eoeHACuVkcA • Become a Patron: Show support & get perks! ht
-
18:59 Popular
10 Bad Habits To Avoid As A Developer
Added 133 Views / 0 LikesIn this video we will look at 10 bad habits that I have had experience with and have seen over and over in web development. Hopefully it can help some of you avoid them and work to stop them Written Version: https://medium.com/@traversymedia/10-bad-habits-to-avoid-as-a-developer-64a1677c60fe Sponsor: Synology JSeries - https://www.synology.com/en-us/produc... Value Series - https://www.synology.com/en-us/produc... Plus Series - https://www.synology.co
-
34:14 Popular
Newsletter Signup App - Mailchimp API
Added 102 Views / 0 LikesIn this project we will create a newsletter signup app to add a user to a list in Mailchimp. We will use Node.js with Express along with the Mailchimp API. Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html Code: https://github.com/bradtraversy/mailchimp_newsletter • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Fo
-
1:35:47
Python Crash Course For Beginners
Added 96 Views / 0 LikesIn 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
-
14:23 Popular
10 Resources For Free Website & Web App Themes
Added 124 Views / 0 LikesIn this video we will check out some free resources for free responsive themes and templates for the front-end of your websites and/or web apps. Hope you enjoy! Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Article With Links: https://medium.com/@traversymedia/10-resources-for-free-website-app-themes-77928980c241 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com
-
1:04:34
Gatsby JS Crash Course
Added 88 Views / 0 LikesThis 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 pe
-
08:33 Popular
Udemy Course Alert - MERN Stack Front To Back
Added 116 Views / 0 Likes$9.99 PROMO LINK! https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA Intro to my latest Udemy course "MERN Stack Front To Back". Build and deploy a social network using Node, Express, React, Redux and MongoDB.
-
23:25 Popular
Problems & Solutions In The Life Of A Programmer
Added 144 Views / 0 LikesIn this video we will discuss some of the tougher parts of being a developer/programmer from both a technical and a personal standpoint and we will look at some solutions and suggestions that may help you out in your career and in your life in general. • 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:/
-
57:19 Popular
Jest Crash Course - Unit Testing in JavaScript
Added 107 Views / 0 LikesIn 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
-
48:18 Popular
React & Material UI Project Using The PixaBay API
Added 114 Views / 0 LikesIn this project we will use React along with Material UI to build an image finder application that uses the PixaBay API to fetch images based on a query string. We will also implement a Dialog box from Material UI to view the large image Code For This Project: https://github.com/bradtraversy/pixabay_image_finder • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow
-
14:47
Angular 6 - What To Expect
Added 100 Views / 0 LikesIn this video we will briefly go through what you can expect from Angular 6 which is the latest version at this time. We will look at.. Updated Libraries Bazel & Closure Compiler New CLI Commands - ng update / ng add Ivy Renderer CDK - Component DevKit Angular Elements Code Workflow Medium Article On Bazel & Closure https://medium.com/@Jakeherringbone/what-angular-is-doing-with-bazel-and-closure-21f526f64a34 My Angular Udemy Course: https://www.udemy.
-
15:03
Simple Pure CSS Spinners
Added 89 Views / 0 LikesIn this video we will be creating some simple pure CSS spinners or loaders using keyframes. Code: https://codepen.io/bradtraversy/pen/YLNYQE • 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
-
46:31 Popular
Vagrant Crash Course
Added 110 Views / 0 LikesIn 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.traversyme
-
1:10:20 Popular
Build a Wordpress Website In 1 Hour
Added 117 Views / 0 LikesIn this video we will build a Wordpress website without writing one line of code in about 1 hour. This is a good example of how practical and fast Wordpress development can be for freelancers and beginners. We will use a little Photoshop for the simple logos and image resizing but I will include the images below if you want to skip that part and still follow along. Finally we will deploy to InMotion hosting Cpanel and setup SMTP for our contact form.
-
09:20 Popular
Learning & Memorizing In Programming
Added 121 Views / 0 LikesIn this video I will briefly talk about learning strategies and how you should memorize coding concepts not necessarily the actual code. • 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 h
-
19:26
Facebook Login Button In React
Added 87 Views / 0 LikesIn this video we will create a Facebook login button in React to get the users name, email and picture. We will then add it to the component state and render the data. This is an introductory based tutorial. Code: Github Gist https://gist.github.com/bradtraversy/815369774ece6ede28a564e2a1e7153a React Facebook Login Repo: https://github.com/keppelen/react-facebook-login Sponsor: Anthrodesk - http://anthrodesk.com • Become a Patron: Show support & get p
-
29:52 Popular
Push Notifications Using Node.js & Service Worker
Added 111 Views / 0 LikesIn this video we will create push notification capability using Node.js without any 3rd party services. We will achieve this using web-push, the push/notifications api and service workers. Code: https://github.com/bradtraversy/node_push_notifications Webpush Repo: https://github.com/web-push-libs/web-push Helpful Articles: https://developers.google.com/web/ilt/pwa/introduction-to-push-notifications https://developers.google.com/web/fundamentals/primer
-
32:19 Popular
Shell Scripting Crash Course - Beginner Level
Added 102 Views / 0 LikesThis is an intro to shell scripting with Bash. We will learn what shell scripting is and create a cheat sheet with things like variables, conditionals, loops, functions, etc. We will also do things like rename multiple files. Cheat Sheet Gist: https://gist.github.com/bradtraversy/ac3b1136fc7d739a788ad1e42a78b610 Command Line Tutorial: https://www.youtube.com/watch?v=cBokz0LTizk • Become a Patron: Show support & get perks! http://www.patreon.com/traver
-
11:29 Popular
What's New In Node.js 10?
Added 121 Views / 0 LikesIN this quick video we will go over some of the new features of Node.js version 10 including error codes, HTTP2 and NPM 6 ESM Modules & Node Article: https://medium.com/@giltayar/native-es-modules-in-nodejs-status-and-future-directions-part-i-ee5ea3001f71 • 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 htt
-
19:00 Popular
Drag & Drop With Vanilla JS
Added 129 Views / 0 LikesIn this video we will take a look at drag events in JavaScript to be able to create drag and drop functionality Code: https://codepen.io/bradtraversy/pen/odmVgN • 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:
-
15:52 Popular
Learning Outside Of Your Full Time Job & Time Management
Added 146 Views / 0 LikesIn this video we will talk about learning, side projects and time management while you have a full time job as a developer or even something else. Looking at areas of your life such as nights, mornings, weekends and your commute. Sponsor: Study Web Development Freelance Bundle (CODE: BRAD20) https://studywebdevelopment.com/freelancing.html Check Out The Syntax Podcast: https://syntax.fm/ • Become a Patron: Show support & get perks! http://www.patreon.
-
32:18 Popular
PHP REST API From Scratch [1] - Database & Read
Added 116 Views / 0 LikesIn this series we will put together a REST API using PHP with NO FRAMEWORK. We will use object oriented programming along with PDO to connect and query a MySQL database. Code: https://github.com/bradtraversy/php_rest_myblog • 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/traversymedi









