Web Development
-
34:43 Popular
HTML & CSS Easy Elegant Landing Page With Blur Effect
Added 125 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 117 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 118 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 124 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 103 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 136 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 107 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 121 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 111 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 106 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 109 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 129 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 96 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 128 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 113 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 130 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 92 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 105 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 105 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 109 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
-
43:58 Popular
Multi Step Form With React & Material UI
Added 133 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 116 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 113 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 130 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 81 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 108 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 118 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 112 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 114 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 136 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









