Traversy Media
-
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
-
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
-
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
-
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
-
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.
-
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
-
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
-
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.
-
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
-
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
-
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:/
-
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.
-
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
-
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: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
-
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
-
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
-
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
-
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
-
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/
-
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
-
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
-
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
-
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://
-
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
-
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
-
12:30 Popular
My Top 5 Free Text Editors For Web Development
Added 107 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
-
41:06 Popular
Node.js Rest API With Restify, Mongoose, JWT - Part 2
Added 102 Views / 0 LikesIn this part of the project we will implement the user model and authentication with JWT as well as password encryption with bcryptjs Code: https://github.com/bradtraversy/resti... • 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
-
39:59 Popular
Node.js Rest API With Restify, Mongoose, JWT - Part 1
Added 103 Views / 0 LikesIn this 2 part series we will create a real REST API with database integration and token authentication using Node.js with Restify, Mongoose/MongoDB and JWT. In this part we will create basic database CRUD and in the next we will implement users and authentication Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/restify_customer_api • Become a Patron: Show support & get perks! http://www.patreon.com/traversymed
-
40:25
JavaScript Cardio [Session 3] - Add All, Sum Primes, Seek & Destroy
Added 89 Views / 0 LikesSession 3 of our Intermediate whiteboard style JavaScript challenges and solutions to sharpen your skills and prepare you for interviews. Sponsor: http://brilliant.org/TraversyMedia First 200 students get 20% off! 100 Algo Course - Dylan Isreal: https://www.udemy.com/100-algorithms-challenge/?couponCode=CODINGGOD Past Sessions: Session 1: https://www.youtube.com/watch?v=M2bJBuaOeOQ Session 2: https://www.youtube.com/watch?v=FfchU1FS2IA • Become a Patr









