Traversy Media
-
35:15
Create a Website With Video Background | HTML & CSS
Added 54 Views / 0 LikesCreate a beautiful, custom landing page for a Travel website using HTML, CSS and a little JavaScript Code: https://codepen.io/bradtraversy/pen/eYdMqvx Find a list of my latest Udemy courses at: https://traversymedia.com • Support The Channel! http://www.patreon.com/traversymedia
-
12:14 Popular
Create A Wordpress Widget - Part 1
Added 108 Views / 0 LikesIn this series we will build a Facebook likebox widget with multiple parameters -- Exercise Files - https://github.com/codeskillet/likebox -- For more web development videos, visit http://codeskillet.com
-
12:05 Popular
Create A Wordpress Widget - Part 2
Added 107 Views / 0 LikesIn this series we will build a Facebook likebox widget with multiple parameters -- Exercise Files - https://github.com/codeskillet/likebox -- For more web development videos, visit http://codeskillet.com
-
18:59 Popular
Create A Wordpress Widget - Part 3
Added 103 Views / 0 LikesIn this series we will build a Facebook likebox widget with multiple parameters -- Exercise Files - https://github.com/codeskillet/likebox -- For more web development videos, visit http://codeskillet.com
-
06:34 Popular
Create A Wordpress Widget - Part 4
Added 105 Views / 0 LikesIn this series we will build a Facebook likebox widget with multiple parameters -- Exercise Files - https://github.com/codeskillet/likebox -- For more web development videos, visit http://codeskillet.com
-
05:16 Popular
Create and connect to FTP
Added 110 Views / 0 LikesHow to create an FTP account in cPanel then connect to it via Filezilla
-
12:58
Create Desktop Apps With Web Technologies - NW.js
Added 90 Views / 0 LikesIn this video I will show you how to use the NW SDK (Node-Webkit) to create a desktop app with web technologies (HTML/CSS/JS, React, Node, etc). We will take a vanilla JS app and create a desktop version of it in about 10 minutes. Code: https://github.com/bradtraversy/breakout_desktop_nw Vanilla Web Projects Course: (FEBRUARY1399) https://www.udemy.com/course/web-projects-with-vanilla-javascript/?referralCode=F9B7C7FED834F91ADE75 • Become a Patron: Sh
-
30:30
Create Particle Effects With Particles.js
Added 98 Views / 0 LikesIn this tutorial we will be looking at the Particle.js JavaScript library which allows us to create really cool particle systems and effects. We will configure things like number of particles, colors, movement, interactivity and more. We will also build a login box over the particle js canvas. CODE: Code for this project http://www.traversymedia.com/downloads/particleslogin.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa BECOME A PATRON: Sh
-
17:29
Creating A Simple VSCode Extension
Added 94 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:01 Popular
Creating Simple YouTube Thumbnails With Photoshop
Added 104 Views / 0 LikesIn this video I will go through the process I use to create my YouTube channel thumbnails in Photoshop. This tutorial is very beginner friendly SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-courses SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia http://
-
1:26:51
Creative Agency Website From Scratch | HTML & CSS
Added 52 Views / 0 LikesWe will build a responsive website using HTML/CSS and look at things like positioning, flexbox, CSS Grid basics, and media queries Code & Images: https://github.com/bradtraversy/creative-agency-website Latest Udemy Courses: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro 2:47 - Homepage HTML 8:52 - Homepage CSS 21:02 - Toggle & Navigation CSS 34:11 - JavaScript Toggle 38:09 - Media Queri
-
1:25:11 Popular
CSS Crash Course For Absolute Beginners
Added 123 Views / 0 LikesIn this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations, etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox. 17+ Hour HTML & CSS Course (Promo Link): ht
-
53:45
CSS Grid Crash Course 2022
Added 31 Views / 0 LikesThis crash course will teach you all of the fundamentals of CSS Grid ⭐ Sponsor: InMotion Hosting! https://bit.ly/35rBjYU 💻 Code: https://github.com/bradtraversy/grid-crash 👇 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: h
-
27:55 Popular
CSS Grid Layout Crash Course
Added 106 Views / 0 LikesIn this video we will look at the new CSS Grid layout and how to create grid based layouts and alignments. We will look at properties for containers and items. CODE: Code for this tutorial http://www.traversymedia.com/downloads/cssgrid.zip BUILD A CSS GRID WEBSITE: https://www.youtube.com/watch?v=moBhzSC455o BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRA
-
13:38
CSS Grid Layout With Image Span
Added 82 Views / 0 LikesIn this video we will build a Grid layout with images that span multiple elements from scratch using CSS, specifically the "background-attachment: fixed" property/value Code: https://codepen.io/bradtraversy/pen/rNOKEYR • 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/travers
-
11:15
CSS Text Background Animation
Added 88 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/
-
23:06 Popular
CSS Variables Tutorial (CSS Custom Properties)
Added 125 Views / 0 LikesIn this video we will dive into CSS variables, also called CSS custom properties. We can now have dynamic values in our CSS without the use of a CSS pre-processor like Sass or Less SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr CODE: Codepen for this video https://codepen.io/bradtraversy/pen/VyPNOr • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://w
-
36:20
CSS3 Animation & Transitions Crash Course
Added 79 Views / 0 LikesAdd MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video This is a beginner friendly crash course on CSS animation using keyframes as well as CSS transitions. We will do a little experimenting and we will build a small animated landing page project. CODE: Code for this project http://www.traversymedia.com/downloads/cssanimations.zip CSS CRASH COURSE FOR BEGINNERS: https://www.youtube.com/watch?v=yfoY5
-
1:04:19
Custom Bootstrap Theme With Sass
Added 84 Views / 0 LikesIn this video we will build a completely custom Twitter Bootstrap theme with the Sass Pre-compiler. We will use other technologies such as... Bootstrap-sass Koala NPM Bower Live-Server Font-Awesome Theme Files - https://github.com/bradtraversy/bizlight_theme
-
30:49 Popular
Data Display With ApexCharts | Vanilla JS & React
Added 107 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
-
32:56 Popular
Data Driven Maps With Python Folium & Leaflet.js
Added 111 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:35 Popular
Dealing With Depression & Anxiety In Programming
Added 140 Views / 0 LikesThis is a different more personal type of video. We will be talking about depression, anxiety, adhd and other mental issues that some programmers deal with. Please be respectful in the comments section. SUGGESTED: Healthy Tips For Programmers https://www.youtube.com/watch?v=_CDKp0CJ0mw EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-courses SUPPORT: We spend massive amounts of time creating these fre
-
09:55 Popular
Dealing With Frustration As A Web Developer
Added 124 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
-
14:21 Popular
Dealing With Programmer Burnout
Added 145 Views / 0 LikesAdd MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this video we will talk about programmer burnout which is something that is very common but not talked about enough. We will look at what it is, the symptoms, how to prevent it and how to get out of it. SLIDESHARE: https://www.slideshare.net/TechGuy1/dealing-with-programmer-burnout-82110367 BECOME A PATRON: Show support & get perks! http://ww
-
11:31
Dealing With Some Common Frustrations As A Developer
Added 51 Views / 0 LikesIn this video, I'll talk about some of the downsides and common frustrations that many developers deal with, whether working at a company or freelancing. 👇 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.linkedi
-
07:38
December Check In - #50Projects50Days, 2021 Roadmap, Health Update
Added 54 Views / 0 Likes5 Day $9.99 Promo Code: https://www.udemy.com/course/50-projects-50-days/?couponCode=5DAYPROMO 30 Day $12.99 Promo Code: https://www.udemy.com/course/50-projects-50-days/?couponCode=30DAYPROMO Florin Pop (aka. Captain Purple • ) YouTube Channel: https://www.youtube.com/channel/UCeU-1X402kT-JlLdAitxSMA
-
40:54
Deno & PostgreSQL (Crash Course Part 2)
Added 78 Views / 0 LikesWe will add a PostgreSQL database to the REST API that we created in the Deno crash course. We will also implement Denon Code: https://github.com/bradtraversy/deno-rest-api Original Crash Course: https://www.youtube.com/watch?v=NHHhiqwcfRM • 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.
-
52:06
Deno Crash Course
Added 98 Views / 0 LikesIn this Deno crash course we will talk about what Deno is and look at some of the basics as well as create a full REST API which starts at 21:54 REST API Code: https://github.com/bradtraversy/deno-rest-api • 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:
-
07:04 Popular
Deploy An Angular App To Firebase In Minutes
Added 112 Views / 0 LikesAdd MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this video I will show you how to deploy an Angular 4 or 5+ application to Firebase hosting in just a few minutes using the Firebase Tools CLI. We will install the CLI, login, initialize the app and deploy it live on the web. We will be using the Client Panel app built in the Udemy course below... ANGULAR FRONT TO BACK COURSE: Compatible with
-
13:41 Popular
Deploy Laravel To Shared Hosting The Easy Way
Added 113 Views / 0 LikesIn this video I will show you how to easily deploy a Laravel application to a shared hosting account with InMotion hosting. We will deploy without having to type in one command. Everything will be done via Cpanel and FTP. INMOTION HOSTING: Get an account for $5.99 per month https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=traversymedia 10 PROJECT LARAVEL COURSE: Please use affiliate link below https://www.eduonix.com/affiliates/id/16-1









