Traversy Media
-
1:13:05
RxJS Observables Crash Course
Added 86 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
-
16:57
Simple Weight Converter App With JavaScript & Bootstrap 4
Added 86 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 86 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!
-
19:14
Create a Sortable & Responsive Grid With Muuri
Added 86 Views / 0 LikesIn this video we will take a look at a JavaScript layout engine called Muuri which allows us to create sortable, draggable and responsive grid layout with ease. CODE: Codepen for this project https://codepen.io/bradtraversy/pen/qpqPGv • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia htt
-
1:16:42
Node.js GeoJSON API & App | Store Locator
Added 86 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:17:32
Create a Discord Bot With Node.js
Added 86 Views / 0 LikesLet's create a Discord bot using Node.js (JavaScript) Anson The Developer YouTube: https://www.youtube.com/channel/UCvjXo25nY-WMCTEXZZb0xsw Code: https://github.com/ansonfoong/discordjs-bot-starter • 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.c
-
10:55
Easy JQuery Widgets
Added 85 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 85 Views / 0 LikesQuick video explaining how to add Facebook login/connect to your Jomsocial website.
-
10:22
Build a Mobile App With Ionic - Part 2
Added 85 Views / 0 LikesIn this video we will create our Angular controller and template as well as the router
-
1:01:47
Vue.js 2.0 In 60 Minutes
Added 85 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 85 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 85 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:27
Sass Workflow & Dev Server From Scratch Using Gulp
Added 85 Views / 0 LikesIn this video we are going to build the "Sass Starter Pack" which is a complete Sass workflow and dev server and environment using Gulp, the Gulp-Sass plugin and BrowserSync. Then well mess with it a little bit and create a simple little project. Feel free to use this starter pack in future Sass projects SASS STARTER PACK GITHUB: https://github.com/bradtraversy/sass_starter_pack CHECK OUT THE NEW DISCORD SERVER:https://discord.gg/PCb6PaM BECOME A PATR
-
21:43
Angular 4 vs React - A Comprehensive Comparison
Added 85 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
-
09:22
Responsive Portfolio Website [7] - Website Deployment
Added 85 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:14
Learn The MERN Stack [1] - Series Introduction
Added 85 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
-
28:56
Intro To Web Crawlers & Scraping With Scrapy
Added 85 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:20
Setting Up VSCode For Python Programming
Added 85 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:
-
15:25
Learning Flux and React.js - Part 1
Added 84 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
-
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
-
29:03
Neo4j Graph Database & Cypher
Added 84 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
-
04:58
Simple JavaScript Slideshow In 5 Minutes
Added 84 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
-
47:34
Create a Responsive Website With the W3 CSS Framework
Added 84 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
-
22:43
Breathe & Relax App - JavaScript & CSS Animations
Added 84 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:10
Meteor.js in 50 Minutes
Added 83 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
-
16:57
PHP Front To Back [Part 10] - $_SERVER Superglobal
Added 83 Views / 0 LikesIn this video we will create a simple webpage that displays the server, file and client info. We will use Twitter Bootstrap to make the page look nice and clean. CODE: Code for this video http://www.traversymedia.com/downloads/phpsandbox/phpsandbox8.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, please donate to show yo
-
14:32
Top 5 JavaScript Frameworks 2017
Added 83 Views / 0 LikesThis is MY top 5 front end JavaScript Frameworks of 2017. This list took many things into factor such as ease of use, popularity, features, syntax, performance and more #5 - Polymer #4 - Ember #3 - Angular 2+ #2 - React #1 - Vue.js Comparison Article - http://www.valuecoders.com/blog/technology-and-apps/vue-js-comparison-angular-react/ SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa EDUONIX COURSES: Please use affiliate links from website below
-
23:37
Fullscreen Video Background With HTML & CSS
Added 83 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
-
35:35
HTML & CSS Mobile UI Layout | CVS Clone
Added 83 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
-
22:26
Easy Frontend JS Workflow With No Framework
Added 83 Views / 0 LikesIn this video, we will create a boilerplate for creating frontend applications with vanilla JS with Parcel bundler, babel and sass. Code: https://github.com/bradtraversy/vanilla-parcel-boilerplate • 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.fac









