Traversy Media
-
20:48
Basic Parallax Website With HTML & CSS
Added 95 Views / 0 LikesIn this video we will be building a very basic implementation of a parallax website with fixed scrolling using HTML and CSS. We will make it so that we can scroll and the images will stay in place. We will also learn some other basic HTML and CSS tips along the way CODE: Code for this video http://www.traversymedia.com/downloads/parallaxwebsite.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa BECOME A PATRON: Support me directly for even $1
-
09:22
Responsive Portfolio Website [7] - Website Deployment
Added 95 Views / 0 LikesIn this video we will deploy to Github Pages using the gh-pages package. I will also upload to my shared hosting account with InMotion hosting. If you would like to try InMotion, please use my affiliate link below... INMOTION HOSTING AFFILIATE LINK: http://inmotion-hosting.evyy.net/c/396530/260033/4222 Code For This Project: https://github.com/bradtraversy/moder... • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Websi
-
07:51
Minimum Job Requirements in Development
Added 95 Views / 0 LikesLet's talk about some of the minimum job requirements for getting a dev job and some of the misconceptions Adrian Twarog YouTube Channel: https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ Adrian's Twitter: https://twitter.com/adrian_twarog • 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
-
38:04
Building An App With FuelPHP - Part 1
Added 94 Views / 0 LikesIn this project we will be building a basic CRUD application using the FuelPHP framework. If you like my videos, I have full courses at Eduonix.com https://www.eduonix.com/
-
1:04:19
Custom Bootstrap Theme With Sass
Added 94 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
-
24:10
An Intro To Electron - Desktop Apps with JavaScript
Added 94 Views / 0 LikesIn this video we will just start to scratch the surface with Electron which is a library to create desktop applications using only HTML, CSS and JavaScript. We will use code from the quick start and create a very simple system info desktop app Quick Start Repo: https://github.com/electron/electron-quick-start SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia htt
-
10:20
Tips On Learning How To Code
Added 94 Views / 0 LikesIn this video we will discuss some helpful tips on learning how to code. We will describe some strategies that programmers and developers can use when learning a language, framework, etc Health Tips For Programmers Video https://www.youtube.com/watch?v=_CDKp0CJ0mw EDUONIX COURSES: Pleas 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
-
16:21
MEAN Stack Front To Back [Part 10] - App Deployment to Heroku
Added 94 Views / 0 LikesIn this video we will deploy the MEAN application to Heroku and setup mLab for our MongoDB database. CODE: Final Code https://github.com/bradtraversy/meanauthapp My Courses: http://traversymedia.com/eduonix-courses DONATIONS: Any donation is greatly appreciated.... https://www.paypal.me/traversymedia https://www.patreon.com/traversymedia
-
31:27
Create a Modal With HTML, CSS & JavaScript
Added 94 Views / 0 LikesIn this video we will be creating a modal from scratch using HTML, CSS and JavaScript. You see these a lot with frameworks like Bootstrap but here we will create our own custom modal. CODE: Code for this video https://codepen.io/bradtraversy/pen/zEOrPp BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA: http://www.traversymedia.com http://www.face
-
16:57
Simple Weight Converter App With JavaScript & Bootstrap 4
Added 94 Views / 0 LikesIn this mini-project tutorial we will be building a simple weight converter app using JavaScript and Bootstrap 4 for the ui. It will convert pounds to grams, kilograms and ounces. This will be pure vanilla JavaScript with no JS libraries or frameworks. CODE: Code for this project https://codepen.io/bradtraversy/pen/jGNWey BECOME A PATRON: Get special perks http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLL
-
38:25
Responsive Coming Soon Landing Page With Countdown
Added 94 Views / 0 LikesIn this video we will build a custom coming soon or under construction page with a launch countdown timer in HTML/CSS/JavaScript. Feel free to use this in your own projects. Changing the logo and background image is easy Check out our sponsor, Coding Dojo - http://www.codingdojo.com/l/yt/tr Project Codepen: https://codepen.io/bradtraversy/pen/pLvjQR Favicon Generator: http://tools.dynamicdrive.com/favicon/ • Become a Patron: Show support & get perks!
-
1:04:34
Gatsby JS Crash Course
Added 94 Views / 0 LikesThis is a 1 hour crash course on Gatsby JS which is a static site generator that runs on React and GraphQL. We will be creating a static site along with a Markdown based blog using a few plugins. We will also deploy our Gatsby site to Netlify Sponsor: Anthrodesk http://anthrodesk.com/ Code: Github Repo: https://github.com/bradtraversy/gatsby_crash_course Deployed Site: https://sharp-williams-dedbed.netlify.com/ • Become a Patron: Show support & get pe
-
35:35
HTML & CSS Mobile UI Layout | CVS Clone
Added 94 Views / 0 LikesIn this project we will use HTML & CSS to build a mobile first layout. We will build a clone of the CVS app landing page and learn about the grid, flex, media queries and more. Sponsor: Linode Hosting https://linode.com/traversy Code: https://codepen.io/bradtraversy/full/RwNoRVm • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://ww
-
28:56
Intro To Web Crawlers & Scraping With Scrapy
Added 94 Views / 0 LikesIn this video we will look at Python Scrapy and how to create a spider to crawl websites to scrape and structure data. Download Kite free: https://kite.com/download/?utm_medium=referral&utm_source=youtube&utm_campaign=TechGuyWeb&utm_content=scrapy-tutorial Code & Commands: https://gist.github.com/bradtraversy/94df3dd4168b82a204273d0ca80e17f8 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links:
-
1:15:26
Build a Modern Landing Page Website | HTML & CSS
Added 94 Views / 0 LikesBuild a clean and modern landing page website with HTML, CSS & Sass Kevin Powell YouTube Channel: https://www.youtube.com/channel/UCJZv4d5rbIKd4QHMPkcABCw Code: https://github.com/kevin-powell/shoes • Support The Channel! http://www.patreon.com/traversymedia Website & Brad Traversy Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.
-
29:03
Neo4j Graph Database & Cypher
Added 93 Views / 0 LikesIn this video we will look at the Neo4j graph database and the Cypher query language. Ill show you how to install Neo4j in Windows and create a database with nodes, relationships, labels and properties FULL NEO4J COURSE - https://www.eduonix.com/affiliates/id/16-10415
-
21:43
Angular 4 vs React - A Comprehensive Comparison
Added 93 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 compare Angular 4 to React in a few different categories such as... Learning Curve Performance Features Tooling Ecosystem Jobs BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBISTE: http://www.traversymedia.com $15 COUPON LINKS
-
08:57
My Opinion On Pre-Made Templates
Added 93 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
-
1:16:42
Node.js GeoJSON API & App | Store Locator
Added 93 Views / 0 LikesIn this project we will create a store locator API that serves GeoJSON data. We will also build a simple frontend using Mapbox to plot the points. For more stuff like this, check out my Node.js API Masterclass course: https://www.udemy.com/course/nodejs-api-masterclass/?referralCode=F95A0D3B9CA1DB648F55 Code: https://github.com/bradtraversy/store_locator_api Sponsor: Linode Hosting https://linode.com/traversy • Become a Patron: Show support & get perk
-
1:04:49
Remix Crash Course | Full Stack React
Added 93 Views / 0 LikesThis is an intro to the Remix Run framework. We build a blog app with Prisma and Sqlite. Part 2: User Auth - https://youtu.be/wEoktJMSWLY Code: https://github.com/bradtraversy/remix-blog 👇 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/traversyme
-
10:55
Easy JQuery Widgets
Added 92 Views / 0 LikesSimple tutorial for beginners on how to implement JQuery widgets such as the accordion and tabs widget
-
48:10
Meteor.js in 50 Minutes
Added 92 Views / 0 LikesIn this crash course we will go over all of the fundamentals of the MeteorJS JavaScript framework. Some of the concepts we will look at are... Installation & Setup Templates MongoDB Collections Minimongo Package Manager Authentication Subscriptions Security 10 PROJECT METEOR COURSE - https://www.eduonix.com/affiliates/id/16-10214
-
1:13:05
RxJS Observables Crash Course
Added 92 Views / 0 LikesOver an hour of programming with RxJS (Reactive Extensions) using observables and asynchronous data streams. The content is based on our ReactiveX Eduonix course below FULL COURSE - https://www.eduonix.com/affiliates/id/16-10436 RxJS Boiler - https://github.com/bradtraversy/rxjs_boiler
-
39:35
Redis Crash Course Tutorial
Added 92 Views / 0 LikesIn this crash course we will discuss and demonstrate the fundamentals of Redis including... What Redis Is Installation Redis-cli Data Types - Strings, Lists, Sets, Sorted Sets, Hashes Data Persistence FULL REDIS COURSE: Please Use This Link https://www.eduonix.com/affiliates/id/16-10420 SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia http://www.patreon.com/tra
-
47:34
Create a Responsive Website With the W3 CSS Framework
Added 92 Views / 0 LikesIn this video we will build a responsive website using the W3.CSS framework from W3Schools. We will be working with HTML5 and CSS and a tiny bit of JavaScript. Font Awesome will be used for icons CODE: Code for this video http://www.traversymedia.com/downloads/acme_w3css.zip EDUONIX COURSES: Pleas use affiliate links from website below http://www.traversymedia.com/eduonix-courses SUPPORT: We spend massive amounts of time creating these free videos, pl
-
23:37
Fullscreen Video Background With HTML & CSS
Added 92 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 create a landing page with a full screen video background using HTML and CSS. We will use vh and vw units to achieve this. CODE: The CodePen for this project: https://codepen.io/bradtraversy/pen/pWpRom VIDEO DOWNLOAD LINK: https://www.videvo.net/video/typing-on-computer-white-bg/4475/ BECOME A PATRON: Show su
-
07:14
Learn The MERN Stack [1] - Series Introduction
Added 92 Views / 0 LikesIn this series we will build a full stack application with MERN (MongoDB, Express, React, Node.js). We will also implement Redux for state management and some other things like Reactstrap and React Transitions. Wel will also deploy to Heroku at the end. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support
-
22:43
Breathe & Relax App - JavaScript & CSS Animations
Added 92 Views / 0 LikesThis is a project from my 20 web projects course on Udemy. We create an animation to visualize breathing to relax. Course & $13.99 Promo: https://www.udemy.com/course/web-projects-with-vanilla-javascript/?couponCode=JUNE30DAY Code: https://github.com/bradtraversy/vanillawebprojects/tree/master/relaxer-app • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow
-
48:47
Build a GitHub Jobs App With React Hooks
Added 92 Views / 0 LikesReact app that works with the GitHub Jobs API that includes search, filter, pagination, etc Web Dev Simplified Channel: https://www.youtube.com/c/WebDevSimplified Code: https://github.com/WebDevSimplified/GitHub-Jobs-API-React-App • 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
-
08:44
Should You Learn Bootstrap in 2020?
Added 92 Views / 0 LikesBootstrap 5 Alpha has been released and a lot of people have asked me if they should learn it or use it. I address that in this video Bootstrap 5 Video: https://www.youtube.com/watch?v=I7CfaDYzTVM&t=282s • 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://









