Traversy Media
-
30:37 Popular
Build A Mean js App In 30 Minutes
Added 125 Views / 0 LikesIn this video we will create a MEAN stack application using the Mean.js generator. We'll create a blog application with a complete user login and registration system, all in around 30 minutes. MEAN stands for MongoDB, Express js, Angular and Node.js. NOTE: When installing the lobal dependencies, it is actually "grunt-cli" not "grunt" Code for this video - https://github.com/bradtraversy/meanblog Express Course - http://www.traversymedia.com/course/pro
-
48:21 Popular
Build A Meteor.js App In 45 Minutes
Added 108 Views / 0 LikesIn this video we will build a note manager application with the Meteor.js full stack JavaScript framework. Meteor uses MongoDB which is a NoSQL database, it also uses the Blaze template system. We will also use MaterializeCSS by installing the Meteor package. CODE: Code for this project https://github.com/bradtraversy/notemanager SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa MOBILE COURSE: http://www.traversymedia.com/course/projects-top-five
-
06:57 Popular
Build a Mobile App With Ionic - Part 1
Added 106 Views / 0 LikesIn this video will will get started with the Ionic framework which is a JavaScript framework for creating hybrid mobile apps. Ionic uses AngularJS underneath the hood. We will install both Ionic and Cordova (Phonegap) and create an app called MyTodos
-
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
-
14:12
Build a Mobile App With Ionic - Part 3
Added 98 Views / 0 LikesIn this video we will create a Firebase account and add functionality to add todos with our Ionic app.
-
08:13 Popular
Build a Mobile App With Ionic - Part 4
Added 105 Views / 0 LikesIn this video we will be fetching data from Firebase through our Ionic application. We will also be able to delete data from the app
-
1:15:26
Build a Modern Landing Page Website | HTML & CSS
Added 87 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.
-
44:06
Build a Music Player | Vanilla JavaScript
Added 56 Views / 0 LikesLet's create a music player with HTML, CSS, JavaScript, and the HTML5 Audio API Code: https://github.com/bradtraversy/vanillawebprojects/tree/master/music-player 20 Vanilla Projects Course: https://www.udemy.com/course/web-projects-with-vanilla-javascript/?referralCode=F9B7C7FED834F91ADE75 $11.99 Promo(5 Days Only): APR5DAY Timestamps: Intro - 0:00 HTML - 1:51 CSS - 5:27 JavaScript - 23:10
-
1:32:19 Popular
Build a Netflix Landing Page Clone with HTML, CSS & JS
Added 133 Views / 0 LikesIn this video, we will re-create the Netflix landing page using HTML, CSS and a bit of JavaScript for the tabs. We will use modern CSS3+ techniques like Grid, Flex, overlays, shadows, etc Code: https://codepen.io/bradtraversy/pen/yWPONg Modern HTML & CSS Udemy Course Promo: https://www.udemy.com/course/modern-html-css-from-the-beginning/?couponCode=TRAVERSYMEDIA Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get
-
34:12 Popular
Build A Node.js & Redis App From Scratch
Added 114 Views / 0 LikesIn this video we will build a user management application using Node.js and Redis which is an open source database/caching system. We will be able to add users to the system and search for them by id. CODE: Code for this video https://github.com/bradtraversy/redusers YOUTUBE REDIS CRASH COURSE https://www.youtube.com/watch?v=Hbt56gFj998 FULL REDIS COURSE: Please Use This Link https://www.eduonix.com/affiliates/id/16-10420 SUPPORT: We spend massive amo
-
24:07 Popular
Build a Node.js App With Sequelize [1] - Connection & Model
Added 106 Views / 0 LikesIn this series we will create a simple job find app using Node.js with Sequelize which is an ORM for relational databases like MySQL, PostgreSQL, etc. We will be using Postgres in this series. Code: https://github.com/bradtraversy/codegig HTML Template Download: https://traversymedia.com/downloads/codegig_html.zip • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Foll
-
23:33 Popular
Build a Node.js App With Sequelize [2] - UI & Handlebars
Added 104 Views / 0 LikesIn part 2 we will be implementing our UI with handlebars. We will also add some data to the database to work with. Code: https://github.com/bradtraversy/codegig HTML Template Download: https://traversymedia.com/downloads/codegig_html.zip • 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.
-
21:15 Popular
Build a Node.js App With Sequelize [3] - Add & Search
Added 119 Views / 0 LikesIn part 3 we will add the functionality of the add gig form as well as the search functionality on the index page Code: https://github.com/bradtraversy/codegig HTML Template Download: https://traversymedia.com/downloads/codegig_html.zip • 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.c
-
30:42
Build a Node.js Password Generator
Added 51 Views / 0 LikesBuild a simple command-line app using Node.js along with Commander and Chalk Code: https://github.com/bradtraversy/passgen Node.js API Course: Coupon MONTHNAME2021 https://www.udemy.com/course/nodejs-api-masterclass/?referralCode=F95A0D3B9CA1DB648F55 💖 Support The Channel! http://www.patreon.com/traversymedia Packages: Commander.js - https://github.com/tj/commander.js Chalk - https://github.com/chalk/chalk Clipboardy - https://github.com/sindresorhus/
-
49:59
Build A Pet Find App | JS, Parcel, Babel, Fetch-JSONP
Added 95 Views / 0 LikesIn this simple vanilla JS project we will use the Petfinder API to create an application to find animals near a specific zipcode. We will use Parcel to build our assets and Babel to compile our JavaScript. We will also use the fetch-jsonp package to deal with cross domain requests. Code: https://github.com/bradtraversy/find_a_pet • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traver
-
1:21:31
Build a Photo Gallery With React & Firebase
Added 100 Views / 0 LikesBuild an instagram-like photo gallery app with React & Firebase The Net Ninja YouTube Channel: https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg Starter files: https://github.com/iamshaunjp/firegram/tree/starter-files Final files: https://github.com/iamshaunjp/firegram/tree/final-files • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Med
-
2:00:45
Build a Portfolio Website & Deploy
Added 83 Views / 0 LikesIn this video we will create a portfolio website and deploy to AWS Denis Ivy YouTube Channel: https://www.youtube.com/channel/UCTZRcDjjkVajGL6wd76UnGg Code: https://github.com/divanov11/portfolio-website Live Project: http://dennisivy-portfolio.s3-website-us-west-2.amazonaws.com/ Infographic (Flex vs Grid): https://dennisivy-portfolio.s3-us-west-2.amazonaws.com/Flexbox+vs.+CSS+Grids+infographic.pdf • Become a Patron: Show support & get perks! http://w
-
2:06:52
Build a Portfolio Website With React & Sanity.io
Added 99 Views / 0 LikesThe beginner's guide to building out your own portfolio using React, Sanity, and Tailwind. From scratch, learn the basics of React, how Sanity can manage the content for your portfolio, and how Tailwind can help create beautiful designs. Kapehe's Social Links: Twitter: https://twitter.com/kapehe_ok YouTube: https://www.youtube.com/c/kapehe Website: https://kapehe.io 0:00 - Intro 02:23 - Setup React app, Sanity Studio, and GitHub 15:06 - Setup Tailwind
-
59:35 Popular
Build a PWA With Vue & Ionic 4
Added 105 Views / 0 LikesIn this project we will built a progressive web app with Vue.js and Ionic 4. We will use the @ionic/vue package and the @vue/pwa plugin to do this. Code: https://github.com/bradtraversy/zip-info-pwa Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html @ionic/vue Info: https://blog.ionicframework.com/announcing-the-ionic-vue-beta/ • Become a Patron: Show support & get perks! http://www.patreon.com/trave
-
26:47 Popular
Build A Python Speech Assistant App
Added 125 Views / 0 LikesIn this video we will build a speech assistant app using the speech regonition library and Google's text-to-speech API. Download Kite free: https://kite.com/download/?utm_medium=referral&utm_source=youtube&utm_campaign=TechGuyWeb&utm_content=speech-assistant-tutorial Code: https://github.com/bradtraversy/alexis_speech_assistant • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.t
-
45:53 Popular
Build a Reddit Search App With ES6, Fetch & Parcel
Added 132 Views / 0 LikesIn this video we will build an app that will search articles using the Reddit API. We will be using vanilla ES6 along with the Parcel bundler and Bootstrap 4 for the UI. If you like this project, check out... MODERN JAVASCRIPT FROM THE BEGINNING: https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=YOUTUBE10 CODE: Code for this project https://github.com/bradtraversy/finddit • BECOME A PATRON: Show support & get perks! http://www.pat
-
45:33 Popular
Build a Responsive Grid CSS Website Layout From Scratch
Added 140 Views / 0 LikesIn this video we will build a responsive Grid CSS layout using grid template areas. We will also be using other modern CSS features and techniques like css variables, rem units and flexbox. CODE: https://codepen.io/bradtraversy/pen/gvMGyB MY CSS GRID CRASH COURSE: https://www.youtube.com/watch?v=jV8B24rSN5o WES BOS COURSE: https://cssgrid.io/ • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out
-
1:12:06 Popular
Build A Responsive HTML & CSS Template With FlexboxGrid
Added 104 Views / 0 LikesIn this beginner friendly front-end project we will build a responsive HTML5 and CSS3 website template and we will use FlexboxGrid which is a lightweight Flexbox based grid system to align our elements easily. It uses the same classes as the Bootstrap grid. CODE: Code for this project http://www.traversymedia.com/downloads/apptheme.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa EDUONIX COURSES: Please use affiliate links from website below
-
2:02:22
Build a Responsive Website | HTML, CSS Grid, Flexbox & More
Added 61 Views / 0 LikesIn this project we will build a custom website using HTML5 and modern CSS techniques such as CSS Grid, Flexbox, psuedo selectors, animation and more. We will also deploy to Netlify and add form functionality Code: https://github.com/bradtraversy/loruki-website • 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
-
48:23 Popular
Build a Responsive, Mobile First Website - HTML5 & CSS3
Added 114 Views / 0 LikesIn this project we will build a responsive single page photography website using a mobile first approach with just HTML5 and CSS3. This is a project suitable for everyone including beginners. Code: https://codepen.io/bradtraversy/pen/mKdGzd Some Prerequisite Videos: HTML Crash Course - https://www.youtube.com/watch?v=UB1O30fR-EE CSS Crash Course - https://www.youtube.com/watch?v=yfoY53QXEnI Build a Responsive Website - https://www.youtube.com/watch?v=
-
35:37 Popular
Build a Ruby on Rails 4 Shopping Cart Usng Spree
Added 117 Views / 0 LikesCreate a full featured shopping cart website in just over a half hour using Ruby on Rails 4 and the Spree gem
-
14:04 Popular
Build a Sails.js App [Part 1] - Sails & API Setup
Added 101 Views / 0 LikesIn this 4-part mini-series we will put together a CRUD application using the Sails.js MVC framework along with MongoDB as our database. We will also build the UI using Bootstrap 4 Beta. In this video we will setup Sails and the api for articles. CODE: Code for this project https://github.com/bradtraversy/articlebase BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FO
-
12:51 Popular
Build a Sails.js App [Part 2] - MongoDB Adapter & Homepage
Added 115 Views / 0 LikesIn part 2 of 4 we will implement the sails-mongo MongoDB adapter and build our homepage view using EJS CODE: Code for this project https://github.com/bradtraversy/articlebase 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.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia
-
12:58 Popular
Build a Sails.js App [Part 3] - Article List & Add Pages
Added 138 Views / 0 LikesIn part 3 of 4 we will create the article list page to list articles in a table. We will also create the form to add articles to MongoDB CODE: Code for this project https://github.com/bradtraversy/articlebase 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.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.in
-
10:23
Build a Sails.js App [Part 4] - Edit & Delete Articles
Added 98 Views / 0 LikesIn part 4 of 4 we will finish up CRUD functionality with the edit and delete methods. CODE: Code for this project https://github.com/bradtraversy/articlebase 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.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia









