Web Development
-
32:38 Popular
Build A Speed Typing Game In JavaScript
Added 122 Views / 0 LikesIn 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
-
35:26 Popular
Intro To Service Workers & Caching
Added 121 Views / 0 LikesIn this video we will learn about service workers and how to use them to cache pages for offline viewing. Service workers are a huge aspect of PWA's or "Progressive Web Apps". We will add a service worker to a tiny sample website so that if the connection goes out, users can still view the pages. Sponsor: DevMountain Bootcamp - https://goo.gl/6q0dEa Code For This Project: http://traversymedia.com/downloads/simple_service_worker.zip Node.js Push Notifi
-
08:21 Popular
The Importance Of Passion & Hard Work
Added 170 Views / 0 LikesIn this video I'm going to touch on how important passion and hard work is to being successful. A break from coding for a little motivational talk :) • 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
-
1:00:00 Popular
NestJS Crash Course
Added 138 Views / 0 LikesIn this video we will explore the Nest JS Node.js framework which allows you to build fast and scalable server-side apps and APIs. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/nestjs_rest_api • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Nest JS Docs: https://docs.nestjs.com Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.c
-
10:31 Popular
Overwhelmed With Web Development Technology
Added 118 Views / 0 LikesIn this video I want to talk about being overwhelmed with the vast amount of technology that web development includes (Languages, frameworks, libraries, etc) 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
-
31:55 Popular
Full Screen Responsive Image Slider | No Libraries
Added 107 Views / 0 LikesIn this video we will create a responsive image & content slider using just HTML, CSS transitions and a little bit of ES6 JavaScript. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://codepen.io/bradtraversy/pen/oVPBaa • 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
-
1:01:19
Vuex Crash Course | State Management
Added 93 Views / 0 LikesIn this video we will build an application using Vue.js with the Vuex state management library. Check Out My Sponsor - Monday.com http://go.thoughtleaders.io/955920190318 Code: https://github.com/bradtraversy/vuex_todo_manager • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Vue.js Crash Course: https://www.youtube.com/watch?v=Wy9q22isx3U&t=1217s Website & Udemy Courses: https://traversymedia.com Follow Traversy Media:
-
1:40:30 Popular
JavaScript Crash Course For Beginners
Added 125 Views / 0 LikesIn this crash course we will go over the fundamentals of JavaScript including more modern syntax like classes, arrow functions, etc. This is the starting point on my channel for learning JS. Code including html/css: https://embed.plnkr.co/plunk/8ujYdL1BxZftGoS4Cf14 21 Hour JavaScript Course: https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=TRAVERSYMEDIA Suggested Videos To Watch Next: DOM Crash Course - https://www.youtube.com/wa
-
08:37 Popular
Forget Programmer Stereotypes
Added 122 Views / 0 LikesI want to quickly discuss feeling like you don't fit in in this industry for any reason at all and share my experience and advice. • 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
-
22:43 Popular
Landing Page With Smooth Scroll - 3 Options
Added 120 Views / 0 LikesIn this video we will create a simple landing page with smooth scrolling. I will show you 3 options including pure CSS (scroll-behavior), jQuery and a lightweight JS script. Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html Code: https://codepen.io/bradtraversy/pen/xBdyzr Smoothscroll Script: https://github.com/cferdinandi/smooth-scroll • Become a Patron: Show support & get perks! http://www.patreon
-
23:52 Popular
Learn The Mern Stack [12] - React Login & Access Control
Added 111 Views / 0 LikesIn this final video we will add the authentication of existing users and limit access based on if a user is logged in or not. Original Series First Video: https://www.youtube.com/watch?v=PBTYxXADG_k&list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE Code: https://github.com/bradtraversy/mern_shopping_list • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: h
-
31:49 Popular
Learn The Mern Stack [11] - React Registration
Added 106 Views / 0 LikesIn this video we will create the React register modal component and implement the create user functionality as well as getting the JWT token from the API. Original Series First Video: https://www.youtube.com/watch?v=PBTYxXADG_k&list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE Code: https://github.com/bradtraversy/mern_shopping_list • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia
-
29:01 Popular
Learn The Mern Stack [10] - React & Redux Auth State
Added 104 Views / 0 LikesIn this video we will add our auth reducer to handle storing authentication state including the JWT token and the user data. Original Series First Video: https://www.youtube.com/watch?v=PBTYxXADG_k&list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE Code: https://github.com/bradtraversy/mern_shopping_list • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: ht
-
48:58 Popular
Learn The Mern Stack [9] - Backend JWT Auth
Added 105 Views / 0 LikesIn this part we will add user registration and login with JWT (JSON Web Tokens) in Node/Express Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Original Series First Video: https://www.youtube.com/watch?v=PBTYxXADG_k&list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE Code: https://github.com/bradtraversy/mern_shopping_list • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Fo
-
12:59 Popular
8 Tips To Increase Developer Productivity
Added 129 Views / 0 LikesHere are some things that have helped me become more productive in development, business and content creation Monday.com - http://go.thoughtleaders.io/934120190227 Timestamps: 1: Be Less Random - 1:18 2: Stop Wasting Time - 2:34 3: Well Planned Project Structure - 4:10 4: Use Project Management Tools - 5:53 5: Code Faster - 7:05 6: Don't Work Too Much & Take Brakes - 8:31 7: Minimize Distractions - 10:02 8: Always Be Learning - 11:00 • Become a Patron
-
20:40 Popular
Code Faster With Custom VS Code Snippets
Added 124 Views / 0 LikesIn this video we will create custom visual studio code JavaScript snippets with tabstops, placeholders and choices. We will use a fantastic generator tool at https://snippet-generator.app which can also be used for Sublime Text and Atom Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html Snippets We Did & More: https://gist.github.com/bradtraversy/c3d5c35e77633601bc0ce5646d584fc9 • Become a Patron: Sh
-
33:54
Python Data Visualization With Bokeh
Added 99 Views / 0 LikesIn this video we will get started with data visualization in Python by creating a top horsepower chart using the Bokeh library Code: https://github.com/bradtraversy Bokeh Docs: https://bokeh.pydata.org/en/latest/ 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/travers
-
1:14:01
Express JS Crash Course
Added 95 Views / 0 LikesIn this crash course we will dive into the Express JS framework for Node.js. I recommend first watching my Node.js crash course. Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html Code: https://github.com/bradtraversy/express_crash_course • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Node/Express/Mongo Udemy Course: https://www.udemy.com/nodejs-express-mongodb-dev-
-
1:50:44 Popular
Rust Crash Course | Rustlang
Added 104 Views / 0 LikesLearn all the fundamentals of the Rust programming language in this crash course. Sponsor: Eduonix http://bit.ly/traversymedia Code: https://github.com/bradtraversy/rust_sandbox Timestamps: Intro - 1:05 Install Rust - 4:45 Creating a file - 6:26 Cargo Init & Build - 7:50 Print & Formatting - 10:42 Variables - 19:35 Data Types - 25:15 Strings - 33:42 Tuples - 44:34 Arrays - 47:14 Vectors - 55:00 Conditionals - 1:16:00 Loops - 1:07:03 Functions - 1:13:5
-
37:09
React Infinite Scroll Challenge | Scotch.io
Added 75 Views / 0 LikesIn this video we will create an image gallery with infinite scrolling using Node, React and the Unsplash API. THis is a challenge from Scotch.io Challenge Info: https://scotch.io/bar-talk/code-challenge-16-infinite-scroll-unsplash-gallery Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/infinite_scroll_react_unsplash • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Ude
-
28:27
Create a Custom PDF Viewer With JavaScript
Added 84 Views / 0 LikesIn this practical project we will use pdf.js to create a custom pdf view interface with pagination using JavaScript. We will be using modern syntax such as arrow functions and promises. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/pdf_viewer • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Carlos Mafla YouTube Channel: https://www.youtube.com/channel/UCnFRgYETwUg6eoeHACuVkcA
-
08:57
My Opinion On Pre-Made Templates
Added 89 Views / 0 LikesIn this video I want to share my opinion on web developers using pre-made templates, wether it is an HTML/CSS theme, Wordpresss theme or anything else. Also, what do you think? Leave a comment 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.t
-
51:32 Popular
Exploring The Wordpress REST API & React Integration
Added 109 Views / 0 LikesIn this video we will be looking at the Wordpress Rest API and how to navigate the response data, create custom post types, JWT authentication and we will do a bit of integration with React Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html Wordpress Docker Compose File: https://gist.github.com/bradtraversy/faa8de544c62eef3f31de406982f1d42 • Become a Patron: Show support & get perks! http://www.patre
-
1:30:08 Popular
Node.js Crash Course
Added 134 Views / 0 LikesIn this crash course we will explore Node.js fundamentals including modules such as path, url, fs, events and we will create an HTTP server from scratch without Express and deploy to Heroku. Watch Next: Express Crash Course: https://www.youtube.com/watch?v=L72fhGm1tfE Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/node_crash_course • Become a Patron: Show support & get perks! http://www.patreon.com/traversyme
-
11:22 Popular
Simple Contact Form Submission With Netlify
Added 111 Views / 0 LikesIn this video I will show you the easiest way to add a contact or any type of form to your website by using the Netlify form feature including file uploads and spam filtering Netlify Website: http://www.netlify.com Docs: https://www.netlify.com/docs/form-handling/ Carlos Mafla YouTube Channel: https://www.youtube.com/channel/UCnFRgYETwUg6eoeHACuVkcA • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Cours
-
09:25 Popular
10 Web Developer Portfolio Tips
Added 127 Views / 0 LikesIn this video I will discuss 10 tips to create a productive and effective developer portfolio website based on my own experience and reviews. 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/
-
47:11
Full Stack React & Django [7] - Frontend Authentication
Added 100 Views / 0 LikesIn this final part we will add the login, register and logout functionality as well as fix our leads requests to include the token. All users will only manage their own leads Code: https://github.com/bradtraversy/lead_manager_react_django Helpful Links & Tuorials: https://www.django-rest-framework.org https://www.valentinog.com/blog/tutorial-api-django-rest-react/#Django_REST_with_React_Django_and_React_together http://v1k45.com/blog/modern-django-par
-
33:01 Popular
Full Stack React & Django [6] - Auth State & Private Routes
Added 143 Views / 0 LikesIn this part we will add react router, create login and register components, add auth reducer and create the private route component Code: https://github.com/bradtraversy/lead_manager_react_django Helpful Links & Tuorials: https://www.django-rest-framework.org https://www.valentinog.com/blog/tutorial-api-django-rest-react/#Django_REST_with_React_Django_and_React_together http://v1k45.com/blog/modern-django-part-1-setting-up-django-and-react/ • Become
-
45:05 Popular
Full Stack React & Django [5] - Django Token Authentication
Added 131 Views / 0 LikesIn this part we will handle the backend authentication using Knox token authentication. We will create a new acccounts app with serializers, api methods and endpoints Code: https://github.com/bradtraversy/lead_manager_react_django Helpful Links & Tuorials: https://www.django-rest-framework.org https://www.valentinog.com/blog/tutorial-api-django-rest-react/#Django_REST_with_React_Django_and_React_together http://v1k45.com/blog/modern-django-part-1-sett
-
34:54 Popular
Full Stack React & Django [4] - Error Handling & Alerts
Added 131 Views / 0 LikesIn this part we will be adding an error and message reducer to add any errors to state. We will also create an Alerts component to handle messaging using the react-alert package Code: https://github.com/bradtraversy/lead_manager_react_django Helpful Links & Tuorials: https://www.django-rest-framework.org https://www.valentinog.com/blog/tutorial-api-django-rest-react/#Django_REST_with_React_Django_and_React_together http://v1k45.com/blog/modern-django-









