Traversy Media
-
25:06
Strapi.js Crash Course | Headless CMS
Added 99 Views / 0 LikesIn this video we will look at the Strapi headless CMS and create a REST API with JWT authentication all from the admin area of Strapi • 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
-
13:49
Build An HTML5 Template With Bootstrap and SASS - Part 5
Added 98 Views / 0 LikesIn this mini-series we will build a complete HTML5 Bootstrap template with SASS. It is a bit long but that is because it is from scratch and typed out line by line. --------------------------------------------------------------------------------------- Project Files - https://github.com/bradtraversy/skyapp_bootstrap For video courses like this check out - http://codeskillet.com
-
10:40
LimeStudio 700W Photography Lighting Kit Unboxing
Added 98 Views / 0 LikesAn unboxing of the LimeStudio 700W lighting kit for $69.99 Buy It - http://www.amazon.com/LimoStudio-Photography-Lighting-Equipment-AGG814/dp/B00E4YS2XU
-
29:41
Build A JavaScript & jQuery Movie Info App in 30 Minutes
Added 98 Views / 0 LikesIn this video we will build a movie listing application using JavaScript ES6, jQuery along with Axios for making HTTP requests to the OMDb API. CODE: Code for this video https://github.com/bradtraversy/movieinfo 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/traversy
-
56:08
Materialize CSS Crash Course [Part 1]
Added 98 Views / 0 LikesIn this video we will dive into Materialize CSS and create a cheat sheet with all of the main HTML/CSS components such as navbars, cards, collections, progress bars, helper classes, buttons and more. Materialize is a responsive framework based on Google's Material Design. We will look at the JavaScript widgets in a separate video. CODE: Sandbox/Cheatsheet Download http://www.traversymedia.com/downloads/materialize_sandbox.zip WATCH PART 2: https://www
-
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
-
21:10
Angular & FireStore Application - [2] Add & Delete Data
Added 98 Views / 0 LikesPart 2 of 3: We will create the add-item component and form to add an item to our FireStore using a custom service. We will also implement a service function to delete items from Firebase. CODE: Code for this project https://github.com/bradtraversy/angularfs ANGULAR 4 FRONT TO BACK: $10 COUPON https://www.udemy.com/angular-4-front-to-back/?couponCode=TRAVERSY010 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME D
-
18:06
PHP, MySQL & Stripe API Payment App - Part 3
Added 98 Views / 0 LikesIn part 3 we will build our customers.php and transactions.php pages so that we can view our stored data in MySQL. We will use our PDO library and models for this SPONSOR: Eduonix Machine Learning Course https://goo.gl/jo6vNd CODE: Github Repo https://github.com/bradtraversy/php_stripe_paypage Stripe API Docs: Card Element Quickstart https://stripe.com/docs/stripe-js/elements/quickstart PDO Class Gist: https://gist.github.com/bradtraversy/a77931605ba9
-
21:02
Responsive Portfolio Website [3] - Rotating Menu Button
Added 98 Views / 0 LikesIn this part we will create the pure CSS menu button and add the JavaScript and CSS transitions to rotate the button into an X Code For This Project: https://github.com/bradtraversy/moder... • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia
-
30:19
Learn The MERN Stack [6] - Finishing Redux
Added 98 Views / 0 LikesIn this video we will get the React/Redux app working with hardcoded state in the Redux store. We will create the ItemModal component to ad an item. After this video we will be ready to connect to the backend routes and make this FULL STACK!
-
1:10:23
Fancy Form UI From Scratch - HTML, CSS3, JS & Sass
Added 98 Views / 0 LikesIn 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
-
51:45
JavaScript BookList App | No Frameworks
Added 98 Views / 0 LikesWe build a full app in JavaScript without and library or JS framework, using classes, local storage and more. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://codepen.io/bradtraversy/pen/OrmKWZ • 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://w
-
18:15
Animated Counter With JavaScript (HTML, CSS)
Added 98 Views / 0 LikesIn this mini-project, I will show you how to create an animated counter that counts up to any number using JavaScript with HTML & CSS. Code: https://codepen.io/bradtraversy/pen/poJwqOK • 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/tr
-
17:52
Full Screen Video Background - HTML & CSS
Added 98 Views / 0 LikesIn 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
-
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:
-
05:54
PHP Arrays & Foreach Loops
Added 97 Views / 0 LikesQuick video on simple php arrays and looping through them with foreach()
-
13:44
Learning Flux and React.js - Part 2
Added 97 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 To learn more about Flux and React.js, signup for my course at - https://www.eduonix.com/courses/Web-Development/Getting-Started-with-Facebook-Flux-Tutorial
-
18:51
NodeJS & Express 4 With Cassandra - Part 4
Added 97 Views / 0 LikesIn this series we will build a simple app which runs on Express 4 and uses Apache Cassandra and the DataStax driver for a database solution. We will use Windows 7 as our OS. In this video we will setup our routes and views for both the subscriber list and individual subscribers
-
29:36
Build A Website With Foundation and Sass - Part 2
Added 97 Views / 0 LikesIn this video we will build a web hosting company website/template using the Foundation Framework, Foundation-cli and Sass. This project will give you a better grip on modern front-end development and build on your HTML and CSS skills CODE - https://github.com/bradtraversy/bthosting_foundation DONATIONS: We spend huge amounts of time making these videos available for free. Any donation is greatly appreciated https://www.paypal.com/cgi-bin/webscr?cmd=_
-
18:39
PHP Front To Back [Part 20] - OOP
Added 97 Views / 0 LikesIn this video I will introduce object oriented programming in PHP using classes, properties and methods CODE: Code for this video http://www.traversymedia.com/downloads/phpsandbox/phpsandbox18.zip EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-... SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia http://www.pa
-
16:49
Cmder: A Better Windows Command Line
Added 97 Views / 0 LikesWe are going to take a look at a Windows dev tool called Cmder which uses the ConEmu console, Clink, Git and a host of other tools to give you a MUCH better Windows command line experience. We will also install the "Terminal" package for Sublime Text and integrate Cmder with it Cmder Download: http://www.cmder.net Terminal Package: https://packagecontrol.io/packages/Terminal
-
32:21
Build a Chat App With MongoDB & Socket.io [Part 2]
Added 97 Views / 0 LikesThis is the second part of the chat application with Node.js, MongoDB and Socket.io. In this video we will build out the UI using Bootstrap 4 as well as the client side JavaScript CODE: Code for this project https://github.com/bradtraversy/mongochat MongoDB 12 Project Course: Please use this link :) https://www.eduonix.com/affiliates/id/16-10219 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://
-
49:41
Bulma CSS Framework Crash Course
Added 97 Views / 0 LikesThis is a crash course and resource guide for the Bulma HTML & CSS framework. We will create a cheat sheet with most of the elements that are available including the navigation, typography, boxes, grid system, forms, tables , etc CODE: Code for this video http://www.traversymedia.com/downloads/bulmasandbox.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa SUPPORT: We spend massive amounts of time creating these free videos, please donate to s
-
14:43
Simple Explanation Of rem & em CSS Units
Added 97 Views / 0 LikesIn this video I give a simple explanation of the rem & em CSS units of measurement. We also talk a little bit about vh (viewport heights) and vw (viewport widths). 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 FOR ALL MY UDEMY COURSES: https://www.udemy.com/nodejs-express-mongodb-dev-to-deployment/?co
-
55:35
Build an Electron App in Under 60 Minutes
Added 97 Views / 0 LikesIn this video we will build a desktop application using Electron.js which allows us to build desktop apps using only JavaScript. We will build a minimal shopping list app with a custom menu and multiple windows and implement Materialize CSS for styling. We will also publish the app to a Windows .exe file using the Electron Packager. CODE: Code for this project https://github.com/bradtraversy/electronshoppinglist PACKAGER TUTORIAL PAGE: https://www.chr
-
25:39
Responsive Portfolio Website [6] - Work & Contact Pages
Added 97 Views / 0 LikesIn this video we will create the work and contact pages. We will use CSS Grid for the work and Flexbox for the contact Code For This Project: https://github.com/bradtraversy/moder... • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia
-
21:25
GitHub Pages Deploy & Domain
Added 97 Views / 0 LikesIn this video we will use the gh-pages npm module to easily deploy any frontend app or website to Github pages. We will do a static site and a React app. I will also show you how to connect a domain name. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Github A Record IPs: 185.199.108.153 185.199.109.153 185.199.110.153 185.199.111.153 Get Domains Cheap: Please use affiliate link :) https://namecheap.pxf.io/c/1299552/386170/5618 Git Crash Course:
-
08:43
Start Building Your Empire As A Developer
Added 97 Views / 0 LikesIn this video I will discuss the mindset to be able to build your own business from the ground up and unlocking your potential as an individual 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/traversymedi
-
35:25
REST API With Flask & SQL Alchemy
Added 97 Views / 0 LikesIn this project we will use Python Flask along with SQL Alchemy and Marshmallow to create a RESTful API for products. Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html Code: https://github.com/bradtraversy/flask_sqlalchemy_rest Flask From Scratch Series: https://www.youtube.com/watch?v=zRwy8gtgJ1A • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Cours
-
36:43
MongoDB Crash Course 2019
Added 97 Views / 0 LikesIn this video we will go over MongoDB, which is a popular NoSQL database that is commonly used with Node.js and other technologies. MongoDB Cheat Sheet: https://gist.github.com/bradtraversy/f407d642bdc3b31681bc7e56d95485b6 Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Mac Install: https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/ • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses: http









