Traversy Media
-
1:10:23
Fancy Form UI From Scratch - HTML, CSS3, JS & Sass
Added 97 Views / 0 LikesIn this video we will build a nice looking form UI with a progress bar that will show one field at a time. We will use HTML, CSS3 with transitions, Sass and vanilla JavaScript. We will compile our Sass with node-sass. Code: https://codepen.io/bradtraversy/pen/xzrMom https://github.com/bradtraversy/fancy_form • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Tra
-
39:43
Fastify Crash Course | Node.js Framework
Added 41 Views / 0 LikesFastify is a "fast" Node.js framework. In this video, we will build a REST API with validation schemas and swagger documentation Code: https://github.com/bradtraversy/fastify-crash-course Website & Docs: https://www.fastify.io/ Article: Fastify vs. Express https://medium.com/@onufrienkos/express-vs-fastify-performance-4dd5d73e08e2 Latest Udemy Courses: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0
-
30:54 Popular
Fetch API Introduction
Added 125 Views / 0 LikesIn this video we are going to take a look at the fetch API for making requests and fetching resources. This is an introductory based tutorial. We will create a fetch API sandbox to get data from local resources as well as a remote API CODE: Code for this video http://www.traversymedia.com/downloads/fetchsandbox.zip BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COU
-
41:22 Popular
Figma in 40 Minutes
Added 233 Views / 0 LikesEntertaining video showing you how to create a simple and clean design in Figma Dev Ed Channel: https://www.youtube.com/channel/UClb90NQQcskPUGDIXsQEz5Q Produced By Ed Channel: https://www.youtube.com/c/producedbyed • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversyme
-
18:28 Popular
Finding A Web Developer Job With No Experience
Added 130 Views / 0 LikesFinding a job or career in web development or design can be a little overwhelming. In this video I will talk a little bit about preparing and finding a web developer job or web design job without having real-world experience. Well talk about things like... Are You Ready? What Type Of Developer Are You? Resumes Experience Social Media Branding Resources Check Out My Full Courses http://www.traversymedia.com/eduonix-courses/ SLIDE DOWNLOAD - http://www.
-
46:54
Flexbox Crash Course 2022
Added 37 Views / 0 LikesFlexbox is used for space distribution, positioning and alignment in CSS. 💻 Project Code: https://codepen.io/bradtraversy/pen/JjrzzOW 👇 Website & Courses: https://traversymedia.com 💖 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/traversymedia Linkedin: https://www.linkedin.com/in/bradtravers
-
19:59
Flexbox CSS In 20 Minutes
Added 95 Views / 0 LikesIn this quick video we will go over the CSS Flexbox model. This is a quick overview, not an in-depth course. We will look at the basics such as Code - https://jsfiddle.net/bradtraversy/bu0ecodm/1/ display:flex flex order flex-direction justify-content flex-basis align-items
-
59:20 Popular
Flutter Crash Course
Added 132 Views / 0 LikesIn this crash course we will look at Flutter for building native mobile apps. We will look at what Flutter is, how to get setup, built in widgets, stateless and stateful widgets, routing and more Sponsor: Linode Hosting https://linode.com/traversy Flutter Setup Gist: https://gist.github.com/bradtraversy/f1af78251962bb210c2ebe5b4f9a5c35 Code: https://github.com/bradtraversy/wordpair_generator Docs Tutorial: https://flutter.dev/docs/get-started/codelab
-
02:18 Popular
Font Dragr
Added 128 Views / 0 LikesUse this tool to test different fonts on a website in the browser. This is a very handy little tool for developers and designers
-
08:37 Popular
Forget Programmer Stereotypes
Added 118 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
-
1:13:00 Popular
Foundation Framework Crash Course
Added 101 Views / 0 LikesIn this crash course we will be looking at the Zurb Foundation front-end framework which is an alternative to Twitter Bootstrap Foundation Tutorial Contents: What is Foundation? Installation/Setup Typography Helper Classes Topbar Forms Tables & Lists Buttons & Links Callouts, Progressbars, Badges, etc Much More... Code for this video - http://www.traversymedia.com/downloads/foundation_sandbox.zip 10 Project Foundation Course (Foundation 5) - http://ww
-
06:04 Popular
Free Joomla Templates - 2.5 & 3.0
Added 111 Views / 0 LikesThe best free Joomla templates on the Internet. All come with an Easy Start Package to get your template up and running in under 3 minutes
-
04:52
Freelance Course Launch & Update
Added 56 Views / 0 LikesCourse link - https://freelancemastery.dev We finally finished the freelance course. We are launching with a special 2 week promo price
-
19:53 Popular
Freelancing As A Web Developer
Added 119 Views / 0 LikesIn this video I will talk a little bit about freelancing as a web developer. Ill talk about the pros and cons, my own experience and things like how to get started and where to find work SPONSOR: Use the code "BRAD20" 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: http://www.faceboo
-
13:28 Popular
Front End, Back End & Full Stack Web Development
Added 121 Views / 0 LikesIn this video we wil discuss the technologies and responsabilities needed to become a front end, back end and full stack web developer. 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
-
23:48 Popular
Full Node.js Deployment - NGINX, SSL With Lets Encrypt
Added 101 Views / 0 LikesIn this video we will do a full deployment of Node.js using PM2 and an NGINX reverse proxy and a free SSL from Lets Encrypt to a DigitalOcean droplet Commands & Steps: https://gist.github.com/bradtraversy/cd90d1ed3c462fe3bddd11bf8953a896 $10 Free Digital Ocean Credits: https://m.do.co/c/5424d440c63a DigitalOcean Docs & Tutorials: https://www.digitalocean.com/community/tutorials/initial-server-setup-with-ubuntu-18-04 https://www.digitalocean.com/commun
-
27:26 Popular
Full Screen Image Slider With HTML, CSS & JS
Added 106 Views / 0 LikesIn this video we will be creating a full screen image slider with HTML, CSS and JavaScript. We will not be using any 3rd party libraries like jQuery. All Images are free stock images from pexels.com SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr CODE: https://codepen.io/bradtraversy/pen/boydaE BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT
-
31:55 Popular
Full Screen Responsive Image Slider | No Libraries
Added 104 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
-
17:52
Full Screen Video Background - HTML & CSS
Added 98 Views / 0 LikesIn this project we will create a full screen video background for a landing page using HTML & CSS Code: https://codepen.io/bradtraversy/pen/BaoWWjb • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & 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
-
2:30:45
Full Stack Photobook App | Vue, GraphQL, AWS Amplify
Added 62 Views / 0 LikesBuild and deploy a full stack Photobook app built with Vue.js, GraphQL& AWS Amplify Program With Erik YouTube Channel https://www.youtube.com/channel/UCshZ3rdoCLjDYuTR_RBubzw Code: https://github.com/ErikCH/TraversyMediaAWSPhotoBook AWS Workshop: https://github.com/amazon-archives/aws-reinvent-2019-mobile-workshops/tree/master/MOB303 Timestamps: 0:00 Overview of Application 1:32 Setup 4:04 Overview of AWS Services 06:10 Install Tools 11:36 Amplify Con
-
22:42 Popular
Full Stack React & Django [1] - Basic REST API
Added 191 Views / 0 LikesIn part 1 of this series we will setup a Django app and create a REST API with the Django Rest Framework. We will use Postman for API testing. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa 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/bl
-
31:14 Popular
Full Stack React & Django [2] - Implementing React
Added 190 Views / 0 LikesIn part 2 we will integrate React into a Django "app" called frontend. We will setup React manually with Webpack & Babel and just get a few basic components created 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-settin
-
47:06 Popular
Full Stack React & Django [3] - Redux & HTTP
Added 174 Views / 0 LikesIn part 3 we will implement Redux and start making calls to the API within actions. We will setup our lead reducer and make the form and leads component functional. 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-settin
-
34:54 Popular
Full Stack React & Django [4] - Error Handling & Alerts
Added 129 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-
-
45:05 Popular
Full Stack React & Django [5] - Django Token Authentication
Added 129 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
-
33:01 Popular
Full Stack React & Django [6] - Auth State & Private Routes
Added 140 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
-
47:11
Full Stack React & Django [7] - Frontend Authentication
Added 96 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
-
20:09
Full Stack React & LoopBack [1] - Intro & LoopBack Server
Added 87 Views / 0 LikesIn part one I will introduce the app and we will setup our backend LoopBack API. We will connect MongoDB and add some meetups through the explorer. CODE: Full app code https://github.com/bradtraversy/meetupz LoopBack Video: https://www.youtube.com/watch?v=UTxhKZuVaG8 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FO
-
39:00 Popular
Full Stack React & LoopBack [2] - React, Routing and UI
Added 134 Views / 0 LikesIn this video we will setup our client/React app and implement routing with the react router dom. We will also create the basic UI with Materialize CSS CODE: Full app code https://github.com/bradtraversy/meetupz BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymed
-
28:57 Popular
Full Stack React & LoopBack [3] - Fetching & Displaying Meetups
Added 108 Views / 0 LikesIn this video we will fetch and display meetups from our backend LoopBack server. We will create the MeetupItem and MeetupDetails component CODE: Full app code https://github.com/bradtraversy/meetupz BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://ww









