Web Development


  • 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 103 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 118 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 49 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 94 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 98 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 82 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 98 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 103 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 123 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 131 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 138 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 102 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

  • 21:40 Build A Responsive Website with Animation From Scratch using Html CSS & Javascript | Glassmorphism

    Build A Responsive Website with Animation From Scratch using Html CSS & Javascript | Glassmorphism

    by Best Webhosting Added 64 Views / 0 Likes

    Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E ------------------ Join Our Channel Membership And Get Source Code of My New Video's Eve

  • 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 57 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 113 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 115 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 113 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 96 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

  • 1:16:28 Build a Shopping Cart With React JS & Stripe

    Build a Shopping Cart With React JS & Stripe

    by Best Webhosting Added 49 Views / 0 Likes

    In this project, we will create a shopping cart using React and Stripe. 📽️ Cooper Codes YouTube Channel: https://www.youtube.com/c/CooperCodes 💻 Code: https://github.com/coopercodes/ReactEcommerceStoreWithStripeAPI 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Traversy Media On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Lin

  • 1:11:41 Build A Simple Android App With Kotlin

    Build A Simple Android App With Kotlin

    by Best Webhosting Added 62 Views / 0 Likes

    We will create a basic todo list Android app using the Kotlin programming language Philipp Lackner YouTube Channel: https://www.youtube.com/channel/UCKNTZMRHPLXfqlbdOI7mCkg Code: https://github.com/philipplackner/TodoList Philipp's Kotlin Crash Course (Traversy Media): https://www.youtube.com/watch?v=5flXf8nuq60&t=302s Timestamps: 00:00 - Intro 00:33 - What we will build 01:42 - Why choose Kotlin for Android Development? 03:29 - Android Studio Setup 0

  • 34:02 Build A Slackbot

    Build A Slackbot

    by Best Webhosting Added 77 Views / 0 Likes

    In this tutorial we will build a Slackbot using JavaScript/Node.js that reaches out to 2 public APIs and tells random jokes within Slack. We will use the Slackbots.js library to achieve this. Code: https://github.com/bradtraversy/slack_jokebot • 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.twit

  • 32:38 Popular Build A Speed Typing Game In JavaScript

    Build A Speed Typing Game In JavaScript

    by Best Webhosting Added 122 Views / 0 Likes

    In this project we will build a speed typing game in JavaScript. Even if you are a beginner in JavaScript and programming I would encourage you to follow along. We are not using any frameworks or libraries. Sponsor: Ultimate Freelancing Bundle https://studywebdevelopment.com/freelancing.html Code: https://github.com/bradtraversy/wordbeater Play: https://bradtraversy.github.io/wordbeater • Become a Patron: Show support & get perks! http://www.patreon.c

  • 1:19:23 Build a Starbucks Landing Page Clone

    Build a Starbucks Landing Page Clone

    by Best Webhosting Added 49 Views / 0 Likes

    In this video, we will build the homepage of Starbucks.com from scratch with HTML, CSS and a bit of JavaScript Code: https://github.com/bradtraversy/starbucks-homepage 👇 Website & Courses: https://traversymedia.com https://freelancemastery.dev 💖 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/

  • 34:49 Build a Touch Slider with HTML, CSS & JavaScript

    Build a Touch Slider with HTML, CSS & JavaScript

    by Best Webhosting Added 63 Views / 0 Likes

    Build a full screen touch slider with HTML, CSS & JavaScript Full Screen Touch Slider Repo: https://github.com/bushblade/Full-Screen-Touch-Slider React Component Repo: https://github.com/bushblade/react-touch-drag-slider YouTube Video Codepen: https://codepen.io/bradtraversy/pen/ExNVwgZ Handmade Knives By Will Adams: https://bushblade.co.uk/ Timestamps: 0:00 - Intro 1:49 - The HTML 3:32 - The CSS 10:57 - The JavaScript

  • 54:29 Popular Build A Travel Agency Theme With Materialize CSS 1.0.0

    Build A Travel Agency Theme With Materialize CSS 1.0.0

    by Best Webhosting Added 135 Views / 0 Likes

    Add MailTag to Chrome: http://go.mailtag.io/7ubwpEqi In this video we will build a travel agency website theme using Materialize CSS 1.0 WITHOUT jQuery. We will utilize plugins like Scrollspy, Material Box, Slider and Sidenav using only the Materialize JavaScript and vanilla JS. Codepen: https://codepen.io/bradtraversy/pen/pLGzdg Full Theme With Images: http://traversymedia.com/downloads/travelville.zip Complete Materialize CSS Course: https://www.ude

  • 44:39 Popular Build a Useful Wordpress Widget Plugin

    Build a Useful Wordpress Widget Plugin

    by Best Webhosting Added 107 Views / 0 Likes

    In this video we will build a Wordpress widget plugin for displaying a YouTube channel subscriber button. It will have backend options to change the channel, the layout and the option to show the subscriber count. CODE: Code for this widget https://github.com/bradtraversy/youtubesubs 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.f

  • 36:26 Build a Vue js Translator App Using The Yandex API

    Build a Vue js Translator App Using The Yandex API

    by Best Webhosting Added 93 Views / 0 Likes

    In this project we will build a useful Vue.js application that will translate any word to a different language. We are using the Yandex Translate API for this project CODE: Code for this video https://github.com/bradtraversy/wordtranslator DEMO: Try the app http://traversymedia.com/demos/wordtranslator MY VUE.JS COURSE http://www.traversymedia.com/course/learn-web-development-using-vuejs/ SUPPORT: We spend massive amounts of time creating these free v

  • 50:02 Popular Build a Webcam Filter & Picture App With WebRTC & Canvas

    Build a Webcam Filter & Picture App With WebRTC & Canvas

    by Best Webhosting Added 119 Views / 0 Likes

    In this project we will build a webcam app with filters that can snap and display pictures. We will be using WebRTC's getUserMedia API along with canvas. SPONSOR: GDP HOST - WANT CHEAP WEB HOSTING? https://goo.gl/iZjcGk CODE: Github Repo https://github.com/bradtraversy/vidsnapper SYNTAX PODCAST: https://syntax.fm/ BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISI

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