Traversy Media


  • 30:37 Popular Build A Mean js App In 30 Minutes

    Build A Mean js App In 30 Minutes

    by Best Webhosting Added 125 Views / 0 Likes

    In 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

    Build A Meteor.js App In 45 Minutes

    by Best Webhosting Added 108 Views / 0 Likes

    In 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

    Build a Mobile App With Ionic - Part 1

    by Best Webhosting Added 106 Views / 0 Likes

    In 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

    Build a Mobile App With Ionic - Part 2

    by Best Webhosting Added 89 Views / 0 Likes

    In 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

    Build a Mobile App With Ionic - Part 3

    by Best Webhosting Added 98 Views / 0 Likes

    In 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

    Build a Mobile App With Ionic - Part 4

    by Best Webhosting Added 105 Views / 0 Likes

    In 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

    Build a Modern Landing Page Website | HTML & CSS

    by Best Webhosting Added 87 Views / 0 Likes

    Build 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

    Build a Music Player | Vanilla JavaScript

    by Best Webhosting Added 56 Views / 0 Likes

    Let'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

    Build a Netflix Landing Page Clone with HTML, CSS & JS

    by Best Webhosting Added 133 Views / 0 Likes

    In 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

    Build A Node.js & Redis App From Scratch

    by Best Webhosting Added 114 Views / 0 Likes

    In 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

    Build a Node.js App With Sequelize [1] - Connection & Model

    by Best Webhosting Added 106 Views / 0 Likes

    In 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

    Build a Node.js App With Sequelize [2] - UI & Handlebars

    by Best Webhosting Added 104 Views / 0 Likes

    In 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

    Build a Node.js App With Sequelize [3] - Add & Search

    by Best Webhosting Added 119 Views / 0 Likes

    In 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

    Build a Node.js Password Generator

    by Best Webhosting Added 51 Views / 0 Likes

    Build 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

    Build A Pet Find App | JS, Parcel, Babel, Fetch-JSONP

    by Best Webhosting Added 95 Views / 0 Likes

    In 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

    Build a Photo Gallery With React & Firebase

    by Best Webhosting Added 100 Views / 0 Likes

    Build 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

    Build a Portfolio Website & Deploy

    by Best Webhosting Added 83 Views / 0 Likes

    In 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

    Build a Portfolio Website With React & Sanity.io

    by Best Webhosting Added 99 Views / 0 Likes

    The 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

    Build a PWA With Vue & Ionic 4

    by Best Webhosting Added 105 Views / 0 Likes

    In 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

    Build A Python Speech Assistant App

    by Best Webhosting Added 125 Views / 0 Likes

    In 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

    Build a Reddit Search App With ES6, Fetch & Parcel

    by Best Webhosting Added 132 Views / 0 Likes

    In 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

    Build a Responsive Grid CSS Website Layout From Scratch

    by Best Webhosting Added 140 Views / 0 Likes

    In 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

    Build A Responsive HTML & CSS Template With FlexboxGrid

    by Best Webhosting Added 104 Views / 0 Likes

    In 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

    Build a Responsive Website | HTML, CSS Grid, Flexbox & More

    by Best Webhosting Added 61 Views / 0 Likes

    In 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

    Build a Responsive, Mobile First Website - HTML5 & CSS3

    by Best Webhosting Added 114 Views / 0 Likes

    In 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

    Build a Ruby on Rails 4 Shopping Cart Usng Spree

    by Best Webhosting Added 117 Views / 0 Likes

    Create 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

    Build a Sails.js App [Part 1] - Sails & API Setup

    by Best Webhosting Added 101 Views / 0 Likes

    In 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

    Build a Sails.js App [Part 2] - MongoDB Adapter & Homepage

    by Best Webhosting Added 115 Views / 0 Likes

    In 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

    Build a Sails.js App [Part 3] - Article List & Add Pages

    by Best Webhosting Added 138 Views / 0 Likes

    In 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

    Build a Sails.js App [Part 4] - Edit & Delete Articles

    by Best Webhosting Added 98 Views / 0 Likes

    In 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

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA

RSS