Traversy Media


  • 1:10:23 Fancy Form UI From Scratch -  HTML, CSS3, JS & Sass

    Fancy Form UI From Scratch - HTML, CSS3, JS & Sass

    by Best Webhosting Added 97 Views / 0 Likes

    In 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

    Fastify Crash Course | Node.js Framework

    by Best Webhosting Added 41 Views / 0 Likes

    Fastify 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

    Fetch API Introduction

    by Best Webhosting Added 125 Views / 0 Likes

    In 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

    Figma in 40 Minutes

    by Best Webhosting Added 233 Views / 0 Likes

    Entertaining 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

    Finding A Web Developer Job With No Experience

    by Best Webhosting Added 130 Views / 0 Likes

    Finding 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

    Flexbox Crash Course 2022

    by Best Webhosting Added 37 Views / 0 Likes

    Flexbox 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

    Flexbox CSS In 20 Minutes

    by Best Webhosting Added 95 Views / 0 Likes

    In 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

    Flutter Crash Course

    by Best Webhosting Added 132 Views / 0 Likes

    In 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

    Font Dragr

    by Best Webhosting Added 128 Views / 0 Likes

    Use 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

    Forget Programmer Stereotypes

    by Best Webhosting Added 118 Views / 0 Likes

    I 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

    Foundation Framework Crash Course

    by Best Webhosting Added 101 Views / 0 Likes

    In 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

    Free Joomla Templates - 2.5 & 3.0

    by Best Webhosting Added 111 Views / 0 Likes

    The 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

    Freelance Course Launch & Update

    by Best Webhosting Added 56 Views / 0 Likes

    Course 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

    Freelancing As A Web Developer

    by Best Webhosting Added 119 Views / 0 Likes

    In 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

    Front End, Back End & Full Stack Web Development

    by Best Webhosting Added 121 Views / 0 Likes

    In 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

    Full Node.js Deployment - NGINX, SSL With Lets Encrypt

    by Best Webhosting Added 101 Views / 0 Likes

    In 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

    Full Screen Image Slider With HTML, CSS & JS

    by Best Webhosting Added 106 Views / 0 Likes

    In 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

    Full Screen Responsive Image Slider | No Libraries

    by Best Webhosting Added 104 Views / 0 Likes

    In 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

    Full Screen Video Background - HTML & CSS

    by Best Webhosting Added 98 Views / 0 Likes

    In 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

    Full Stack Photobook App | Vue, GraphQL, AWS Amplify

    by Best Webhosting Added 62 Views / 0 Likes

    Build 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

    Full Stack React & Django [1] - Basic REST API

    by Best Webhosting Added 191 Views / 0 Likes

    In 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

    Full Stack React & Django [2] - Implementing React

    by Best Webhosting Added 190 Views / 0 Likes

    In 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

    Full Stack React & Django [3] - Redux & HTTP

    by Best Webhosting Added 174 Views / 0 Likes

    In 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

    Full Stack React & Django [4] - Error Handling & Alerts

    by Best Webhosting Added 129 Views / 0 Likes

    In 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

    Full Stack React & Django [5] - Django Token Authentication

    by Best Webhosting Added 129 Views / 0 Likes

    In 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

    Full Stack React & Django [6] - Auth State & Private Routes

    by Best Webhosting Added 140 Views / 0 Likes

    In 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

    Full Stack React & Django [7] - Frontend Authentication

    by Best Webhosting Added 96 Views / 0 Likes

    In 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

    Full Stack React & LoopBack [1] - Intro & LoopBack Server

    by Best Webhosting Added 87 Views / 0 Likes

    In 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

    Full Stack React & LoopBack [2] - React, Routing and UI

    by Best Webhosting Added 134 Views / 0 Likes

    In 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

    Full Stack React & LoopBack [3] - Fetching & Displaying Meetups

    by Best Webhosting Added 108 Views / 0 Likes

    In 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

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA

RSS