Web Development
-
23:33 Popular
Build a Node.js App With Sequelize [2] - UI & Handlebars
Added 103 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 118 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 49 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 94 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 98 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 82 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 98 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 103 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 123 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 131 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 138 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 102 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
-
21:40
Build A Responsive Website with Animation From Scratch using Html CSS & Javascript | Glassmorphism
Added 64 Views / 0 LikesEnroll 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
Added 57 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 113 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 115 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 113 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 96 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
-
1:16:28
Build a Shopping Cart With React JS & Stripe
Added 49 Views / 0 LikesIn 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
Added 62 Views / 0 LikesWe 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
Added 77 Views / 0 LikesIn 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
Added 122 Views / 0 LikesIn 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
Added 49 Views / 0 LikesIn 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
Added 63 Views / 0 LikesBuild 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
Added 135 Views / 0 LikesAdd 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
Added 107 Views / 0 LikesIn 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
Added 93 Views / 0 LikesIn 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
Added 119 Views / 0 LikesIn 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









