Traversy Media
-
1:04:07
Responsive Landing Page Using HTML & CSS (A Little jQuery)
Added 91 Views / 0 LikesIn this project we will build a responsive landing page website from scratch without any frameworks. It will be modeled after the iTunes website as far as layout and content. We will use HTML5, CSS3 and a bit of jQuery Sponsor: JavaScript Edegree Mastery Course https://www.kickstarter.com/projects/1311831077/eduonix-fullstack-javascript-developer-edegree?ref=clxt1u Code: https://github.com/bradtraversy/mytunes_landing Deployment: https://bradtraversy.
-
27:28
Coder Cloud IDE Crash Course
Added 75 Views / 0 LikesIn this video we will explore the hot new cloud IDE called Coder. We will take a look at the interface, features and create a couple projects Coder IDE: https://coder.com/ Coding Help Community: https://discord.gg/pQsS2X3 Connect With Coder: Twitter: https://twitter.com/CoderHQ Instagram:https://www.instagram.com/coderhq/ Facebook: https://www.facebook.com/CoderHQ Reddit: https://www.reddit.com/r/Coder/
-
27:02 Popular
Simple Machine Learning With JavaScript - Brain.js
Added 102 Views / 0 LikesThis is a very basic intro to machine learning and neural networks using Brain.js which is a machine learning library for JavaScript. Code: Feel free to add examples https://github.com/bradtraversy/brainjs_examples Article 1: https://coderoncode.com/machine/learning/2016/06/06/machine-learning-a-simple-neural-network.html Article 2: Trump vs Kardashian https://itnext.io/you-can-build-a-neural-network-in-javascript-even-if-you-dont-really-understand-ne
-
54:32
Lyric Search App With React & Context API [1] - Top 10 Tracks
Added 88 Views / 0 LikesIn this project mini-series we will create an app that we can use to search song lyrics using Reacts built in context API along with the Musixmatch public API. This is video 1 of 3 Sponsor: DevMountain Bootcamp - https://goo.gl/6q0dEa Code For This Project: https://github.com/bradtraversy/lyricfinder React Front To Back (Full Course): https://www.udemy.com/react-front-to-back/?couponCode=TRAVERSYMEDIA Musixmatch Developer Site: https://developer.musix
-
28:13
Lyric Search App With React & Context API [2] - Lyrics Page
Added 95 Views / 0 LikesIn this part of the project we will create the lyrics page by making a request to the Musixmatch API. This is video 2 of 3 Code For This Project: https://github.com/bradtraversy/lyricfinder React Front To Back (Full Course): https://www.udemy.com/react-front-to-back/?couponCode=TRAVERSYMEDIA Musixmatch Developer Site: https://developer.musixmatch.com/ • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Cou
-
31:25 Popular
Lyric Search App With React & Context API [3] - Search
Added 109 Views / 0 LikesIn this part of the project we will build the search component and the ability to dispatch an action to the reducer in our context to update the track list in the state with the search results. This is video 3 of 3 Code For This Project: https://github.com/bradtraversy/lyricfinder React Front To Back (Full Course): https://www.udemy.com/react-front-to-back/?couponCode=TRAVERSYMEDIA Musixmatch Developer Site: https://developer.musixmatch.com/ • Become
-
22:41 Popular
70+ Websites To Find Developer Jobs
Added 130 Views / 0 LikesIn this video we will look over a list of 70+ job search websites to find a job in the development and tech industry. Article With Links: https://medium.com/@traversymedia/70-job-find-websites-for-developers-other-tech-professionals-34cdb45518be 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
-
44:08 Popular
Text To Speech & Synthesis App - JavaScript & Web Speech API
Added 125 Views / 0 LikesIn this video we will build a text synthesis application using vanilla JavaScript and the web speech API. We will also use Bootstrap 4 to create the UI. Sponsor: DevMountain Bootcamp - https://goo.gl/6q0dEa Code For This Project: https://github.com/bradtraversy/type-n-speak App Demo: https://bradtraversy.github.io/type-n-speak/ • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversy
-
20:22 Popular
Web Development Framework Pros & Cons
Added 138 Views / 0 LikesIn this video we will look at the pros and cons of using a web development framework including UI/CSS frameworks like Bootstrap, front-end frameworks like React and backend frameworks like Laravel and Django. Sponsor: Eduonix JavaScript E-Degree https://www.kickstarter.com/projects/1311831077/eduonix-fullstack-javascript-developer-edegree?ref=d8quqt Slide: https://www.slideshare.net/TechGuy1/web-development-frameworks-pros-cons • Become a Patron: Show
-
21:25
GitHub Pages Deploy & Domain
Added 97 Views / 0 LikesIn this video we will use the gh-pages npm module to easily deploy any frontend app or website to Github pages. We will do a static site and a React app. I will also show you how to connect a domain name. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Github A Record IPs: 185.199.108.153 185.199.109.153 185.199.110.153 185.199.111.153 Get Domains Cheap: Please use affiliate link :) https://namecheap.pxf.io/c/1299552/386170/5618 Git Crash Course:
-
34:43 Popular
HTML & CSS Easy Elegant Landing Page With Blur Effect
Added 123 Views / 0 LikesIn this video we will build a simple responsive and elegant landing page with HTML and CSS. We will be using the grid system, media queries, transitions, etc Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://codepen.io/bradtraversy/pen/jvKmjB • 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
-
1:38:42 Popular
Go / Golang Crash Course
Added 115 Views / 0 LikesIn this crash course we will get started with the Go programming language. There is no prior knowledge of Go required. We will setup a workspace and look at fundamentals like variables, slices, conditionals, maps, structs and more Workspace - 1:35 Hello World - 7:37 Variable & Types - 11:18 Packages - 21:43 Functions - 26:25 Arrays / Slices - 29:35 Conditionals - 35:15 Loops - 41:30 Maps - 47:27 Range - 0:53:25 Pointers - 1:01:23 Closures - 1:06:48 St
-
37:23 Popular
Koa.js Crash Course - Modern & Minimalist Node.js Framework
Added 116 Views / 0 LikesIn this video we will look at the Koa framework which is a microframework created by the same creators of Express. We will look at basic concepts, setup, routing, templates and more Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • 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/
-
36:25 Popular
Pure JavaScript Type Writer Effect
Added 120 Views / 0 LikesIn this project we will create a little website with a type writer effect using pure vanilla JavaScript. We will also do some CSS (Flexbox, etc) Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Carlos Mafla Dev Channel: https://www.youtube.com/channel/UCnFRgYETwUg6eoeHACuVkcA • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Code: https://codepen.io/bradtraversy/pen/jeNjwP Pexels Image: https://www.pexels.com/photo/c
-
22:06 Popular
Deploy Websites In Seconds With Netlify
Added 101 Views / 0 LikesIn this video I will show you how to deploy a website or frontend application to Netlify which is a fantastic service for hosting with free SSL, server-side functions and even built in form functionality. This video is NOT sponsored by Netlify in any way 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
-
13:48 Popular
Developer Education - College, Bootcamp & Self Taught
Added 133 Views / 0 LikesIn this video we will look at some of the benefits and drawbacks of learning how to code by going to college, bootcamp and being self taught. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • 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/
-
25:30 Popular
Full Stack Vue.js, Express & MongoDB [1] - Express API
Added 105 Views / 0 LikesIn this 3 part series we will build a small app using Vue.js on the client, Express on the backend and MongoDB for our database and we will deploy to Heroku. The point of this series is to see how it all comes together Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/microposts_fullstack_vue • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.trav
-
28:46 Popular
Full Stack Vue.js, Express & MongoDB [2] - Vue Frontend
Added 117 Views / 0 LikesIn part 2 we will be adding the client side using the Vue CLI and connect to our backend Express app. We will create a PostService to interact with the API from part 1 Code: https://github.com/bradtraversy/microposts_fullstack_vue • 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/tra
-
15:16 Popular
Full Stack Vue.js, Express & MongoDB [3] - Prepare & Deploy
Added 109 Views / 0 LikesIn this video we will prepare our app with a proxy and special build location config. Then we will deploy our app to Heroku using the Heroku CLI and Git Code: https://github.com/bradtraversy/microposts_fullstack_vue • 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 http
-
10:23 Popular
Udemy Course Alert - Python Django Dev To Deployment
Added 104 Views / 0 LikesGet the 11 hour course for just $9.99 https://www.udemy.com/python-django-dev-to-deployment/?couponCode=TRAVERSYMEDIA
-
30:49 Popular
Data Display With ApexCharts | Vanilla JS & React
Added 107 Views / 0 LikesSponsor: http://brilliant.org/TraversyMedia In this video we will take a look at the ApexChart open source library for creating charts to display data. We will build a simple chart using vanilla JS as well as React Code: https://codepen.io/bradtraversy/pen/KGqqmr • 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/traversy
-
18:48 Popular
30 Blogs & Podcasts For Web Developers
Added 126 Views / 0 LikesThis is a list I compiled of 31 valuable resources for web developers including blogs, tutorial sites, podcasts and newsletters. All the links are in the Medium article below. Article: https://medium.com/@traversymedia/30-blogs-podcasts-for-web-developers-to-follow-984ac66783ca Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html • Become a Patron: Show support & get perks! http://www.patreon.com/trave
-
17:29
Creating A Simple VSCode Extension
Added 94 Views / 0 LikesIn this video we will explore what goes into creating a simple Visual Studio Code Extension. We will create a simple Bootstrap Snippet extension based on an extension that is already in the marketplace (Link Below) Sponsor: http://brilliant.org/TraversyMedia First 200 students get 20% off! Bootstrap 4 CDN Snippet Extension: https://marketplace.visualstudio.com/items?itemName=eventyret.bootstrap-4-cdn-snippet Bootstrap 4 CDN Snippet Github: https://git
-
09:55 Popular
Dealing With Frustration As A Web Developer
Added 124 Views / 0 LikesIn this video we will talk about some triggers of frustration in development/programming and some ways to deal with them Sponsor: http://brilliant.org/TraversyMedia First 200 students get 20% off! • 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.c
-
06:43 Popular
What's New In Create React App 2.0?
Added 110 Views / 0 LikesThis is a quick video going over the new features and changes in Create-React-App 2. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Official React Blog Post: https://reactjs.org/blog/2018/10/01/create-react-app-v2.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/traversymedia https://www.twitter.com/traversyme
-
51:20 Popular
Wordpress Website Build For Beginners
Added 128 Views / 0 LikesIn this tutorial we will build a simple Wordpress website for a financial company called SaveLight. We will use the Elementor plugin with no hand coding. This is a beginner based tutorial. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa InMotion Hosting: https://inmotion-hosting.evyy.net/c/396530/260033/4222 Resource Files: http://www.traversymedia.com/downloads/savelight_resources.zip Airi Theme (Free): https://athemes.com/theme/airi • Become a P
-
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
-
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
-
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
-
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









