Traversy Media
-
12:41
Wordpress Theme With Bootstrap [7] - Post Formats
Added 90 Views / 0 LikesIn this video we will add post format support to our Bootstrap Wordpress theme Project Files - https://github.com/bradtraversy/wpbootstrap_theme 10 PROJECT WORDPRESS THEME COURSE: https://www.eduonix.com/affiliates/id/16-10405 SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia
-
24:10
An Intro To Electron - Desktop Apps with JavaScript
Added 90 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
-
31:27
Create a Modal With HTML, CSS & JavaScript
Added 90 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
-
38:25
Responsive Coming Soon Landing Page With Countdown
Added 90 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!
-
07:14
Learn The MERN Stack [1] - Series Introduction
Added 90 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
-
1:04:34
Gatsby JS Crash Course
Added 90 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
-
08:57
My Opinion On Pre-Made Templates
Added 90 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 90 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
-
22:20
Setting Up VSCode For Python Programming
Added 90 Views / 0 LikesIn this video I will show you how to setup VSCode to write Python code with some helpful extensions that include features like managing environments, intellisense, snippets, debugging, testing, documentation, live output and more Python Extension: https://marketplace.visualstudio.com/items?itemName=ms-python.python Download Kite: https://kite.com/download/?utm_medium=referral&utm_source=youtube&utm_campaign=TechGuyWeb&utm_content=python_vscode AREPL:
-
10:22
Build a Mobile App With Ionic - Part 2
Added 89 Views / 0 LikesIn this video we will create our Angular controller and template as well as the router
-
1:13:05
RxJS Observables Crash Course
Added 89 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
-
04:58
Simple JavaScript Slideshow In 5 Minutes
Added 89 Views / 0 LikesLets build a really simple image slideshow using just Javascript. We will not use any jQuery or fancy libraries, just plain old JavaScript. This is for absolute beginners Code (fiddle): https://jsfiddle.net/bradtraversy/74owmd01/ Code (zip): http://www.traversymedia.com/downloads/simpleslideshow.zip My Courses: http://traversymedia.com/eduonix-courses: Donate - Any donation is greatly appreciated: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&ho
-
16:57
Simple Weight Converter App With JavaScript & Bootstrap 4
Added 89 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
-
21:43
Angular 4 vs React - A Comprehensive Comparison
Added 89 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
-
19:26
Facebook Login Button In React
Added 89 Views / 0 LikesIn this video we will create a Facebook login button in React to get the users name, email and picture. We will then add it to the component state and render the data. This is an introductory based tutorial. Code: Github Gist https://gist.github.com/bradtraversy/815369774ece6ede28a564e2a1e7153a React Facebook Login Repo: https://github.com/keppelen/react-facebook-login Sponsor: Anthrodesk - http://anthrodesk.com • Become a Patron: Show support & get p
-
35:35
HTML & CSS Mobile UI Layout | CVS Clone
Added 89 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
-
10:55
Easy JQuery Widgets
Added 88 Views / 0 LikesSimple tutorial for beginners on how to implement JQuery widgets such as the accordion and tabs widget
-
05:27
Add Facebook Login To Jomsocial
Added 88 Views / 0 LikesQuick video explaining how to add Facebook login/connect to your Jomsocial website.
-
1:01:47
Vue.js 2.0 In 60 Minutes
Added 88 Views / 0 LikesUPDATED VERSION - https://www.youtube.com/watch?v=Wy9q22isx3U In this crash course we will cover all of the fundamentals of the Vue.js 2.0 JavaScript framework. Vue-cli Declarative Rendering Directives Conditionals & Loops Events & Input Templates Components Properties vue-router vue-resource FULL VUE.JS COURSE: https://www.eduonix.com/affiliates/id/16-10450 For more on this video and others, visit http://www.traversymedia.com SUPPORT THIS CHANNEL WIT
-
16:21
MEAN Stack Front To Back [Part 10] - App Deployment to Heroku
Added 88 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
-
28:56
Intro To Web Crawlers & Scraping With Scrapy
Added 88 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:
-
22:43
Breathe & Relax App - JavaScript & CSS Animations
Added 88 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
-
1:04:49
Remix Crash Course | Full Stack React
Added 88 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
-
15:25
Learning Flux and React.js - Part 1
Added 87 Views / 0 LikesIn this series we will take an in depth look at how to structure a Flux/React.js application. Fluxboiler - https://github.com/bradtraversy/fluxboiler React.js and Flux Course: https://www.eduonix.com/affiliates/id/16-10226 10 Projects Using React and Flux Course: https://www.eduonix.com/affiliates/id/16-10377
-
48:10
Meteor.js in 50 Minutes
Added 87 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
-
29:03
Neo4j Graph Database & Cypher
Added 87 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
-
39:35
Redis Crash Course Tutorial
Added 87 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 87 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 87 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
-
08:44
Should You Learn Bootstrap in 2020?
Added 87 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://









