Web Development
-
32:20 Popular
Svelte Crash Course
Added 115 Views / 0 LikesIn this video we will scratch the surface with the Svelte and look at how to set it up and create a simple user interface Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/svelte-scoreboard • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia
-
35:11
Dynamic Landing Page | JavaScript
Added 99 Views / 0 LikesIn this project we will build a homepage or landing page with the time that we can interact with and save our name/focus to local storage. Code: https://codepen.io/bradtraversy/pen/XLrQvz 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:
-
21:54 Popular
Easy Peasy React State Management
Added 137 Views / 0 LikesEasy Peasy simplifies Redux state management and takes away all of that annoying boiler plate. Well take a look at how to get going with it. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Codesandbox: https://codesandbox.io/s/easypeasyreact-jpdd2 Docs: https://easy-peasy.now.sh/ • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/tr
-
09:28 Popular
Before Learning a JavaScript Framework...
Added 107 Views / 0 LikesIn this video I will give my advice about learning a JavaScript front-end framework like React or Vue. Modern JS From The Beginning: https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=TRAVERSYMEDIA Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia htt
-
47:03 Popular
Rock Paper Scissors Game - UI & JavaScript
Added 120 Views / 0 LikesIn this video we will build a rock paper scissors game from scratch including the HTML, CSS and JavaScript. No libraries or frameworks, just pure vanilla JavaScript. Code: https://codepen.io/bradtraversy/pen/wLgPzr • Show Your Support: http://www.patreon.com/traversymedia Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia
-
19:13 Popular
Simple Frontend Pagination | React
Added 109 Views / 0 LikesIn this video we will implement some custom pagination in React to get a certain number of fetched posts per page. We will be using the useState and useEffect hooks as well. Code: https://github.com/bradtraversy/simple_react_pagination 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
-
11:11 Popular
Quoting Web Development Clients
Added 147 Views / 0 LikesSome things to think about when quoting clients for web development services. 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/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia
-
36:27
RethinkDB & ReQL Crash Course
Added 79 Views / 0 LikesIn this video we will look at setting up RethinkDB and learning the ReQL syntax. We will also look at using it with both Node.js and Python. Cheat Sheet: https://gist.github.com/bradtraversy/6aef077f93c48465891f12958b84a22d • 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
-
29:36 Popular
Linked List Data Structure | JavaScript
Added 114 Views / 0 LikesIn this video we're going to learn about linked lists using OOP JavaScript (ES6 Classes). Linked lists are very popular in interview settings and are good to know. Code: https://gist.github.com/bradtraversy/c38f029e5f9e56a19c393d3a3b1e1544 Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter
-
10:31 Popular
10 In-Demand Technology Jobs In 2019
Added 109 Views / 0 LikesIn this video we will discuss 10 of the most in-demand technology jobs in 2019. • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses: https://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia
-
34:07 Popular
Build a Custom URL Shortener Service
Added 118 Views / 0 LikesIn this project, we will build an API to shorten URLs, like Bitly. We will use Node.js/Express/MongoDB to store the long, short and url code for each. Code: https://github.com/bradtraversy/url_shortener_service Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://ww
-
07:33 Popular
Negative Mindsets Are Counterproductive
Added 104 Views / 0 LikesI want to discuss how being negative and having a victim mindset will bring the opposite of what you want. • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses: https://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia
-
36:43
MongoDB Crash Course 2019
Added 99 Views / 0 LikesIn this video we will go over MongoDB, which is a popular NoSQL database that is commonly used with Node.js and other technologies. MongoDB Cheat Sheet: https://gist.github.com/bradtraversy/f407d642bdc3b31681bc7e56d95485b6 Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Mac Install: https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/ • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses: http
-
22:40 Popular
VSCode ESLint, Prettier & Airbnb Style Guide Setup
Added 119 Views / 0 LikesIn this video we will setup linting with the Airbnb style guide for clean and consitent JavaScript code in VSCode Commands & Config: https://gist.github.com/bradtraversy/aab26d1e8983d9f8d79be1a9ca894ab4 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 Travers
-
30:31 Popular
Tailwind CSS Crash Course
Added 127 Views / 0 LikesIn this video we will look at the TailwindCSS utility framework including what it is, setup and creating custom components with utilities Code: https://codepen.io/bradtraversy/pen/JgXqBL Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Docs: https://tailwindcss.com Mac Install: https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/ • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses: https://ww
-
10:45 Popular
10 Tips For Starting & Creating Side Projects
Added 104 Views / 0 LikesIn this video we will be talking about starting and creating side projects Syntaxfm Podcast: https://syntax.fm/ Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses: https://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia
-
1:01:21 Popular
Product Landing Page | Build & Deploy | HTML & CSS
Added 130 Views / 0 LikesIn this project we will build a small responsive landing page using modern css (grid, flex, media queries) and deploy it to Netlify with a working form. Code: https://codepen.io/bradtraversy/pen/MNEgoJ Udemy Course - Modern HTML & CSS From The Beginning https://www.udemy.com/course/modern-html-css-from-the-beginning/?couponCode=TRAVERSYMEDIA Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.pat
-
1:27:37 Popular
Apex Legends Tracker App | Full Stack Node & Vue.js
Added 114 Views / 0 LikesIn this project we will build an Apex Legends stat tracking app with Express & Vue.js and then deploy to Heroku Code: https://github.com/bradtraversy/apex-legends-tracker Get API Key: https://tracker.gg/developers/apps Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses: https://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversym
-
12:57 Popular
Why Developers Should Have a YouTube Channel
Added 122 Views / 0 LikesStarting a YouTube channel as a developer may not be a bad idea. It can help you grow professionally and personally Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing • 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:
-
53:24 Popular
Build & Deploy A Python Web App | Flask, Postgres & Heroku
Added 110 Views / 0 LikesIn this project we will build a feedback form with Python Flask, Postgresql and mailtrap.io. We will also deploy it to Heroku Code: https://github.com/bradtraversy/python_feedback_app Deployment Gist: https://gist.github.com/bradtraversy/0029d655269c8a972df726ed0ac56b88 Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses: https://www.traversymedia.com Follo
-
17:42 Popular
Redis Caching in Node.js
Added 124 Views / 0 LikesIn this video I will show you how to setup caching with Node.js & Redis and look at how it is beneficial. Code: https://gist.github.com/bradtraversy/a9dedcdf4350fd417819ee6538482aae Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Windows Download: https://github.com/dmajkic/redis/downloads Redis Crash Course: https://www.youtube.com/watch?v=Hbt56gFj998 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses:
-
17:25 Popular
Web Development & Making Money - My Story
Added 111 Views / 0 LikesHopefully my story can give you some ideas and/or inspiration to make money from software development. My story is just one of many paths to take. • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses: https://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia
-
21:25 Popular
Animate On Scroll Webpage | AOS Library
Added 136 Views / 0 LikesIn this project we will build a webpage from scratch that uses the AOS (Animate on Scroll) library to implement a fading effect when the page is scrolled Code: https://codepen.io/bradtraversy/pen/bGbREWg Library Github: https://github.com/michalsnik/aos Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses: https://www.traversymedia.com Follow Traversy Media:
-
14:53 Popular
MongoDB In The Cloud With Atlas
Added 108 Views / 0 LikesIn this video I will show you how to create a MongoDB cluster in the cloud with MongoDB Atlas. We will also take an existing project, the Dev Connector, from my MERN stack course and connect to an Atlas cluster database MERN Stack Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA DevConnector Repo: https://github.com/bradtraversy/devconnector • Become a Patron: Show support & get perks! http://www.patreon.com/traversymed
-
31:25 Popular
Serverless Lambda Functions
Added 106 Views / 0 LikesIn this video we will look at serverless architecture and AWS lambda functions using Netlify. We will use the Netlify Lambda CLI tool to test the function locally. We will also deploy the very simple app Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Sample Code: https://github.com/netlify/netlify-lambda • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Tr
-
23:19 Popular
What To Learn Before A JavaScript Framework
Added 116 Views / 0 LikesIn this video I will share what I think people should learn in JavaScript before moving to a front end framework like React, Angular or Vue. This includes things like modules, classes, arrow functions and more. Ill also give some examples of these things being used in different frameworks. Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html 21 Hour JavaScript Course! https://www.udemy.com/modern-javas
-
24:07 Popular
Build a Node.js App With Sequelize [1] - Connection & Model
Added 104 Views / 0 LikesIn this series we will create a simple job find app using Node.js with Sequelize which is an ORM for relational databases like MySQL, PostgreSQL, etc. We will be using Postgres in this series. Code: https://github.com/bradtraversy/codegig HTML Template Download: https://traversymedia.com/downloads/codegig_html.zip • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Foll
-
23:33 Popular
Build a Node.js App With Sequelize [2] - UI & Handlebars
Added 103 Views / 0 LikesIn part 2 we will be implementing our UI with handlebars. We will also add some data to the database to work with. Code: https://github.com/bradtraversy/codegig HTML Template Download: https://traversymedia.com/downloads/codegig_html.zip • 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.
-
21:15 Popular
Build a Node.js App With Sequelize [3] - Add & Search
Added 118 Views / 0 LikesIn part 3 we will add the functionality of the add gig form as well as the search functionality on the index page Code: https://github.com/bradtraversy/codegig HTML Template Download: https://traversymedia.com/downloads/codegig_html.zip • 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.c
-
11:15
CSS Text Background Animation
Added 90 Views / 0 LikesIn this video we will create a little landing page with text background animation using CSS3. This tutorial is short and very beginner friendly. Code: https://codepen.io/bradtraversy/pen/BvKOKp • 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/









