Traversy Media

1:16:28
Build a Shopping Cart With React JS & Stripe

by Best Webhosting Added 3 years ago 46 Views / 0 Likes

In this project, we will create a shopping cart using React and Stripe. 📽️ Cooper Codes YouTube Channel: https://www.youtube.com/c/CooperCodes 💻 Code: https://github.com/coopercodes/ReactEcommerceStoreWithStripeAPI 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Traversy Media On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Lin
1:11:41
Build A Simple Android App With Kotlin

by Best Webhosting Added 5 years ago 61 Views / 0 Likes

We will create a basic todo list Android app using the Kotlin programming language Philipp Lackner YouTube Channel: https://www.youtube.com/channel/UCKNTZMRHPLXfqlbdOI7mCkg Code: https://github.com/philipplackner/TodoList Philipp's Kotlin Crash Course (Traversy Media): https://www.youtube.com/watch?v=5flXf8nuq60&t=302s Timestamps: 00:00 - Intro 00:33 - What we will build 01:42 - Why choose Kotlin for Android Development? 03:29 - Android Studio Setup 0
34:02
Build A Slackbot

by Best Webhosting Added 6 years ago 74 Views / 0 Likes

In this tutorial we will build a Slackbot using JavaScript/Node.js that reaches out to 2 public APIs and tells random jokes within Slack. We will use the Slackbots.js library to achieve this. Code: https://github.com/bradtraversy/slack_jokebot • 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.twit
32:38 Popular
Build A Speed Typing Game In JavaScript

by Best Webhosting Added 6 years ago 120 Views / 0 Likes

In this project we will build a speed typing game in JavaScript. Even if you are a beginner in JavaScript and programming I would encourage you to follow along. We are not using any frameworks or libraries. Sponsor: Ultimate Freelancing Bundle https://studywebdevelopment.com/freelancing.html Code: https://github.com/bradtraversy/wordbeater Play: https://bradtraversy.github.io/wordbeater • Become a Patron: Show support & get perks! http://www.patreon.c
1:19:23
Build a Starbucks Landing Page Clone

by Best Webhosting Added 3 years ago 48 Views / 0 Likes

In this video, we will build the homepage of Starbucks.com from scratch with HTML, CSS and a bit of JavaScript Code: https://github.com/bradtraversy/starbucks-homepage 👇 Website & Courses: https://traversymedia.com https://freelancemastery.dev 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/
34:49
Build a Touch Slider with HTML, CSS & JavaScript

by Best Webhosting Added 5 years ago 61 Views / 0 Likes

Build a full screen touch slider with HTML, CSS & JavaScript Full Screen Touch Slider Repo: https://github.com/bushblade/Full-Screen-Touch-Slider React Component Repo: https://github.com/bushblade/react-touch-drag-slider YouTube Video Codepen: https://codepen.io/bradtraversy/pen/ExNVwgZ Handmade Knives By Will Adams: https://bushblade.co.uk/ Timestamps: 0:00 - Intro 1:49 - The HTML 3:32 - The CSS 10:57 - The JavaScript
54:29 Popular
Build A Travel Agency Theme With Materialize CSS 1.0.0

by Best Webhosting Added 6 years ago 132 Views / 0 Likes

Add MailTag to Chrome: http://go.mailtag.io/7ubwpEqi In this video we will build a travel agency website theme using Materialize CSS 1.0 WITHOUT jQuery. We will utilize plugins like Scrollspy, Material Box, Slider and Sidenav using only the Materialize JavaScript and vanilla JS. Codepen: https://codepen.io/bradtraversy/pen/pLGzdg Full Theme With Images: http://traversymedia.com/downloads/travelville.zip Complete Materialize CSS Course: https://www.ude
44:39 Popular
Build a Useful Wordpress Widget Plugin

by Best Webhosting Added 6 years ago 105 Views / 0 Likes

In this video we will build a Wordpress widget plugin for displaying a YouTube channel subscriber button. It will have backend options to change the channel, the layout and the option to show the subscriber count. CODE: Code for this widget https://github.com/bradtraversy/youtubesubs BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA: http://www.f
36:26
Build a Vue js Translator App Using The Yandex API

by Best Webhosting Added 6 years ago 89 Views / 0 Likes

In this project we will build a useful Vue.js application that will translate any word to a different language. We are using the Yandex Translate API for this project CODE: Code for this video https://github.com/bradtraversy/wordtranslator DEMO: Try the app http://traversymedia.com/demos/wordtranslator MY VUE.JS COURSE http://www.traversymedia.com/course/learn-web-development-using-vuejs/ SUPPORT: We spend massive amounts of time creating these free v
50:02 Popular
Build a Webcam Filter & Picture App With WebRTC & Canvas

by Best Webhosting Added 6 years ago 116 Views / 0 Likes

In this project we will build a webcam app with filters that can snap and display pictures. We will be using WebRTC's getUserMedia API along with canvas. SPONSOR: GDP HOST - WANT CHEAP WEB HOSTING? https://goo.gl/iZjcGk CODE: Github Repo https://github.com/bradtraversy/vidsnapper SYNTAX PODCAST: https://syntax.fm/ BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISI
31:39
Build a Website Accessibility Tester With JavaScript & Pa11y

by Best Webhosting Added 3 years ago 42 Views / 0 Likes

In this project, we will build a web app with Node.js & Pa11y to find website accessibility issues 💻 Code: https://github.com/bradtraversy/website-accessibility-tester 👇 Website & Courses: https://traversymedia.com https://freelancemastery.dev 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/
38:45 Popular
Build A Website With Foundation and Sass - Part 1

by Best Webhosting Added 6 years ago 102 Views / 0 Likes

In 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=_
29:36
Build A Website With Foundation and Sass - Part 2

by Best Webhosting Added 6 years ago 96 Views / 0 Likes

In 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=_
15:38 Popular
Build A Website With Foundation and Sass - Part 3

by Best Webhosting Added 6 years ago 111 Views / 0 Likes

In 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=_
33:20
Build a Wildfire Tracker With React & NASA API

by Best Webhosting Added 5 years ago 53 Views / 0 Likes

In this project we will build a wildfire tracker map. This app uses the NASA Open API and the Google Maps API. Code: https://github.com/bradtraversy/wildfire-tracker • Support The Channel! http://www.patreon.com/traversymedia Website & Brad Traversy 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
1:10:20 Popular
Build a Wordpress Website In 1 Hour

by Best Webhosting Added 6 years ago 117 Views / 0 Likes

In 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.
36:19
Build An AI Image Generator With OpenAI & Node.js

by Best Webhosting Added 2 years ago 45 Views / 0 Likes

In this project, we will use OpenAI and the DALL-E model to create a web app that will generate images from scratch based on the entered text. 💻 Code: https://github.com/bradtraversy/nodejs-openai-image 📄OpenAI Docs: https://beta.openai.com/ ⭐ All Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Traversy Media On Social Media: Twitter: https://twitter.com/
02:09 Popular
Build An Angular 2 Spotify App - Part 1

by Best Webhosting Added 6 years ago 101 Views / 0 Likes

In this video I will quickly go over what we will be building. This Angular 2 application will use the Spotify API to allow us to search for artists and album info and allow us to preview tracks from the application. UPDATED RC6 & ORIGINAL RC4 CODE - https://github.com/bradtraversy/ngspotify This project is part of an Eduonix 12 project course in Angular 2. VIEW COURSE INFO: https://www.eduonix.com/affiliates/id/16-10413
16:29 Popular
Build An Angular 2 Spotify App - Part 2

by Best Webhosting Added 6 years ago 106 Views / 0 Likes

In this video we will build the Angular 2 navbar component and set up the application router as well as setup a custom Bootstrap template UPDATED RC6 & ORIGINAL RC4 CODE - https://github.com/bradtraversy/ngspotify This project is part of an Eduonix 12 project course in Angular 2. VIEW COURSE INFO: https://www.eduonix.com/affiliates/id/16-10413
14:14 Popular
Build An Angular 2 Spotify App - Part 3

by Best Webhosting Added 6 years ago 101 Views / 0 Likes

In this video we will setup the search component in Angular 2 and setup a service to interact with the Spotify API to fetch information about the specified artists and albums UPDATED RC6 & ORIGINAL RC4 CODE - https://github.com/bradtraversy/ngspotify This project is part of an Eduonix 12 project course in Angular 2. VIEW COURSE INFO: https://www.eduonix.com/affiliates/id/16-10413
07:34
Build An Angular 2 Spotify App - Part 4

by Best Webhosting Added 6 years ago 100 Views / 0 Likes

In this video we will handle displaying the search results that were returned from the Spotify API in our service. UPDATED RC6 & ORIGINAL RC4 CODE - https://github.com/bradtraversy/ngspotify VIEW COURSE INFO: https://www.eduonix.com/affiliates/id/16-10413
12:03
Build An Angular 2 Spotify App - Part 5

by Best Webhosting Added 6 years ago 96 Views / 0 Likes

In this video we will setup the artist component which handles fetching data including the artist title, image and genres UPDATED RC6 & ORIGINAL RC4 CODE - https://github.com/bradtraversy/ngspotify This project is part of an Eduonix 12 project course in Angular 2. VIEW COURSE INFO: https://www.eduonix.com/affiliates/id/16-10413
13:25 Popular
Build An Angular 2 Spotify App - Part 6

by Best Webhosting Added 6 years ago 109 Views / 0 Likes

In this video we will handle fetching a list of albums by a specified artist using the Spotify API UPDATED RC6 & ORIGINAL RC4 CODE - https://github.com/bradtraversy/ngspotify This project is part of an Eduonix 12 project course in Angular 2. VIEW COURSE INFO: https://www.eduonix.com/affiliates/id/16-10413
12:41
Build An Angular 2 Spotify App - Part 7

by Best Webhosting Added 6 years ago 100 Views / 0 Likes

In this video we will list tracks from albums along with a link to preview songs in the browser UPDATED RC6 & ORIGINAL RC4 CODE - https://github.com/bradtraversy/ngspotify This project is part of an Eduonix 12 project course in Angular 2. VIEW COURSE INFO: https://www.eduonix.com/affiliates/id/16-10413
32:20
Build an API Proxy Server - Hide Your API Keys, Rate Limiting & Caching

by Best Webhosting Added 3 years ago 66 Views / 0 Likes

We will use Node.js & Express to create a server in order to hide public API keys, add rate limiting and caching 💻 Code: https://github.com/bradtraversy/node-api-proxy-server Demo App: https://traversy-weather-app.herokuapp.com Node.js API Masterclass Course: (promo code: OCTOBER2021) https://www.udemy.com/course/nodejs-api-masterclass/?referralCode=F95A0D3B9CA1DB648F55 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www
44:25 Popular
Build an App With AngularJS & Firebase

by Best Webhosting Added 6 years ago 115 Views / 0 Likes

In this video we will build a contact manager application with Angular.js, Firebase and Angular Seed. The all will have full CRUD functionality 10 Project Angular Course - https://www.udemy.com/learn-angularjs-development/
35:37
Build An Audio Player Using HTML5 & jQuery - Part 1

by Best Webhosting Added 6 years ago 100 Views / 0 Likes

Here I will show you how to build a fully functional Audio player using the HTML5 JavaScript audio API. It allows you to create a playlist of songs and skip through and play, pause and stop tracks Here I will show you how to build a fully functional Audio player using the HTML5 JavaScript audio API. It allows you to create a playlist of songs and skip through and play, pause and stop tracks Project Files - https://github.com/bradtraversy/html5audiopla
29:51 Popular
Build An Audio Player Using HTML5 & jQuery - Part 2

by Best Webhosting Added 6 years ago 126 Views / 0 Likes

Here I will show you how to build a fully functional Audio player using the HTML5 JavaScript audio API. It allows you to create a playlist of songs and skip through and play, pause and stop tracks Project Files - https://github.com/bradtraversy/html5audioplayer
55:35
Build an Electron App in Under 60 Minutes

by Best Webhosting Added 6 years ago 97 Views / 0 Likes

In this video we will build a desktop application using Electron.js which allows us to build desktop apps using only JavaScript. We will build a minimal shopping list app with a custom menu and multiple windows and implement Materialize CSS for styling. We will also publish the app to a Windows .exe file using the Electron Packager. CODE: Code for this project https://github.com/bradtraversy/electronshoppinglist PACKAGER TUTORIAL PAGE: https://www.chr
1:29:16
Build an Event App with Vue.js, Gridsome & Strapi.js

by Best Webhosting Added 5 years ago 57 Views / 0 Likes

We will build a virtual events platform using the Vue.js static site generator, Gridsome and Strapi.js for our backend Faraday Academy YouTube Channel: https://www.youtube.com/channel/UCxA99Yr6P_tZF9_BgtMGAWA Code: https://github.com/gwenf/gridsome-strapi-tutorial Strapi Crash Course: https://www.youtube.com/watch?v=6FnwAbd2SDY • Support The Channel! http://www.patreon.com/traversymedia Website & Brad Traversy Udemy Course Links: https://www.traversym