Traversy Media
-
35:20 Popular
Build & Deploy A React JS Text Generator App
Added 110 Views / 0 LikesIn this video we will put together a simple and useful React.js dummy text generator application and deploy it to a server. React is a popular JavaScript UI library CODE: Code for this video https://github.com/bradtraversy/sampletextgen REACT PROJECTS COURSE: http://www.traversymedia.com/course/projects-in-reactjs-the-complete-react-learning-course/ SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your suppor
-
25:24 Popular
Build & Publish a Custom Google Chrome Extension
Added 107 Views / 0 LikesIn this video we will build and publish a simple Google Chrome extension to easily access Traversy Media links. This is beginner friendly as it is only HTML, CSS and a bit of JSON. Use it to create your own launcher. If you are interested, please download and rate :) CHROME EXTENSION PAGE: https://chrome.google.com/webstore/detail/traversy-launcher/doecjfbmicanlniogakomoajbmojcfcn?hl=en CODE: Github Repo https://github.com/bradtraversy/traversy-launch
-
1:51:00
Build 5 Projects With HTML, CSS & JavaScript
Added 35 Views / 0 LikesSharpen your JavaScript, CSS, DOM skills by building 5 projects in one video Full Course : https://www.udemy.com/course/50-projects-50-days/?referralCode=684EE5F9DE1745B6428B $12.99 Coupon Code: MONTH2021 (Replace with current month) GitHub Repo: https://github.com/bradtraversy/50projects50days Timestamps: 0:00 - Intro 2:23 - Project 1 - Blurry Loading 15:31 - Project 2 - Vertical Slider 41:23 - Project 3 - Random Choice Picker 1:01:44 - Project 4 - L
-
1:01:55
Build a Blog With Next.js & Ghost
Added 65 Views / 0 LikesIn this video we will build a simple server-side rendered blog with Next.js and the Ghost CMS for the backend. Codedamn YouTube Channel: https://www.youtube.com/channel/UCJUmE61LxhbhudzUugHL2wQ Codedamn Platform: https://codedamn.com Code: https://github.com/mehulmpt/ghost-cms-nextjs TimeStamps: 00:00 Introduction and overview 00:46 Project Intro 02:48 Setting up Next.js 07:57 Setting up Ghost CMS 13:33 Content API Overview 16:02 Fetching Post Titles
-
53:04 Popular
Build A Bootstrap 4 Theme | Latest Beta Version
Added 144 Views / 0 LikesThis is a full Bootstrap 4 Beta project which is a theme called LoopLab. This is from my premium Udemy course. It uses many of the new version 4 classes and utilities including flexbox. FULL COURSE: ONLY $10! https://www.udemy.com/bootstrap-4-from-scratch-with-5-projects/?couponCode=YOU_TUBE BOOTSTRAP 4 STARTER PACK: https://github.com/bradtraversy/bs4starter PROJECT FILES: http://www.traversymedia.com/downloads/looplab.zip BECOME A PATRON: Show suppo
-
35:45
Build a Bootstrap Theme With Scroll Animation
Added 99 Views / 0 LikesIn this video we will create a clean Bootstrap theme that implements animation using ScrollReveal. CODE: Code for this project http://www.traversymedia.com/downloads/techscroll.zip ScrollReveal Github: https://github.com/jlmakes/scrollreveal 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:
-
55:42 Popular
Build a C# .NET Application in 60 Minutes
Added 132 Views / 0 LikesIn this video we are going to talk about what C# and the .NET framework are and then jump right in and install Visual Studio 2017. We will be creating a Windows console application from absolute scratch, start to finish. We will build a number guessing game that you can actually compile and give to your friends! Here are some of the things you will be learning... What is C#, .NET, CLR? Installing Visual Studio Community 2017 Setting up a console proje
-
1:00:57 Popular
Build a Calendar With Vue, Vuetify & Firebase
Added 134 Views / 0 LikesIn this project we will hook up a Firebase Firestore to a custom Vue.js application using the Vuetify calendar component. Sponsor: Linode Cloud Hosting Get $20 Free by visiting https://www.linode.com/traversy Code: https://github.com/jsfanatik/vuestacks-calendar-vue-firebase Vuetify Calendar Component: https://vuetifyjs.com/en/components/calendars • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course
-
20:54 Popular
Build a Chat App With MongoDB & Socket.io [Part 1]
Added 145 Views / 0 LikesIn this 2 part series we will be building a simple Node.js chat application that uses a MongoDB database to store messages and Socket.io for bi-directional communication. Although this is a simple app, the code is a bit advanced but I do try and explain things the best I can. We will build the Node server in this video CODE: Code for this project https://github.com/bradtraversy/mongochat MongoDB 12 Project Course: Please use this link :) https://www.e
-
32:21 Popular
Build a Chat App With MongoDB & Socket.io [Part 2]
Added 101 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://
-
1:00:47 Popular
Build A CMS Admin Bootstrap Theme From Scratch
Added 127 Views / 0 LikesIn this video we will build the UI for a CMS (content management system) admin area. It will feature a dashboard, pages, posts, users and login page. We will look at almost all of the Bootstrap css components as well as some JavaScript such as the modal. CODE DOWNLOAD: http://www.traversymedia.com/downloads/adminstrap_theme.zip SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.payp
-
44:21 Popular
Build A CodeIgniter PHP App - Part 1
Added 123 Views / 0 LikesWe will be building a PHP Codeigniter blog application with CRUD functionality. In this video we will install Codeigniter, setup a Pages controller, add views and routing. Code For This Application - https://github.com/bradtraversy/ciblog 10 project PHP Frameworks course - https://www.eduonix.com/affiliates/id/16-10371 PHP 7 Developers Guide - https://www.eduonix.com/affiliates/id/16-10399
-
30:18 Popular
Build A CodeIgniter PHP App - Part 2
Added 134 Views / 0 LikesWe will be building a PHP Codeigniter blog application with CRUD functionality. In this video we will create the Posts model, database table and create functionality to read and manage posts Code For This Application - https://github.com/bradtraversy/ciblog 10 project PHP Frameworks course - https://www.eduonix.com/affiliates/id/16-10371 PHP 7 Developers Guide - https://www.eduonix.com/affiliates/id/16-10399
-
26:45 Popular
Build A Codeigniter PHP App - Part 3
Added 134 Views / 0 LikesWe will be building a PHP Codeigniter blog application with CRUD functionality. In this video we will truncate text on the posts page, add categories and add image upload functionality Code For This Application - https://github.com/bradtraversy/ciblog 10 project PHP Frameworks course - https://www.eduonix.com/affiliates/id/16-10371 PHP 7 Developers Guide - https://www.eduonix.com/affiliates/id/16-10399
-
29:33 Popular
Build A Codeigniter PHP App - Part 4
Added 105 Views / 0 LikesIn this part of the codeigniter PHP framework series we will add the functionality to create categories as well as display categories and all posts from a single category CODE: Code for this video https://github.com/bradtraversy/ciblog EDUONIX COURSES: Pleas 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:/
-
24:02
Build A Codeigniter PHP App - Part 5
Added 100 Views / 0 LikesIn this video we will add comment functionality to our blog posts in the Codeigniter blog application project. We will add a new controller, model and add to the post view CODE: Code for this series https://github.com/bradtraversy/ciblog 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: htt
-
32:29 Popular
Build A Codeigniter PHP App - Part 6
Added 141 Views / 0 LikesIN this part we will create the register functionality. We will add a users table and also make email and username fields unique. CODE: Code for this series https://github.com/bradtraversy/ciblog 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.patreon.com/traversymedia http://w
-
28:03 Popular
Build A Codeigniter PHP App - Part 7
Added 108 Views / 0 LikesIn this video we will complete the login and logout functionality and add the access control CODE: Code for this series https://github.com/bradtraversy/ciblog 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.patreon.com/traversymedia http://www.paypal.me/traversymedia FOLLOW TRA
-
21:36 Popular
Build A Codeigniter PHP App - Part 8
Added 135 Views / 0 LikesIn this video we will add pagination to the blog posts and create access control for the categories by adding a user_id field to the categories table CODE: Code for this series https://github.com/bradtraversy/ciblog 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.patreon.com/tr
-
45:18 Popular
Build A Command Line Interface With Node.js & MongoDB
Added 133 Views / 0 LikesIn this video we build a custom command line interface (CLI) console app with Node.js. We will be able to run CRUD functionality on customers stored in a MongoDB database using Mongoose. We will also use commander.js for the CLI tools and inquirer.js for the user experience. SPONSOR: GDP HOST - WANT CHEAP WEB HOSTING? https://goo.gl/iZjcGk CODE: Github Repo https://github.com/bradtraversy/customer-cli Node.js, Express & MongoDB Udemy Course: $10 Bucks
-
48:45
Build a Covid Tracker App With Vue.js & Tailwind
Added 53 Views / 0 LikesIn this project, we will use Vue.js and Tailwind to create a simple tracker app Code: https://github.com/bradtraversy/vue-covid-tracker API: https://covid19api.com https://ksred.com Latest Udemy Courses: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro 2:13 - Vue Setup 6:30 - Header & Tailwind Config 13:02 - Fetching Data 17:00 - Setting the state data 21:54 - DataTitle Component 27:31 -
-
34:07 Popular
Build a Custom URL Shortener Service
Added 120 Views / 0 LikesIn this project, we will build an API to shorten URLs, like Bitly. We will use Node.js/Express/MongoDB to store the long, short and url code for each. Code: https://github.com/bradtraversy/url_shortener_service Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://ww
-
1:10:20
Build A Digital Resume & Host For Free
Added 68 Views / 0 LikesTurning a real-life resume into a digital resume hosted free on Github pages. Live Demo: https://divanov11.github.io/Digital-Resume/ Source Code: https://github.com/divanov11/Digital-Resume Article: https://dev.to/dennisivy11/build-a-digital-resume-host-for-free-559 Check out Agora! https://bit.ly/3bLM8Iu Dennis Ivy's Channel: https://www.youtube.com/c/DennisIvy Timestamps 00:00 - Introduction 4:56 - Project Setup 9:15 - Hero Section 35:50 - Adding Da
-
17:46 Popular
Build A Filterable List With Vanilla JavaScript
Added 110 Views / 0 LikesIn this mini-project and JavaScript tutorial we we will build a filterable list. We will also be using Materialize for CSS and layout. We are not using any other plugins or anything like that, it is all vanilla JavaScript CODE: Code for this project http://www.traversymedia.com/downloads/filterablelist.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa BECOME A PATRON: Support me directly for even $1 per month http://www.patreon.com/traversyme
-
47:11 Popular
Build a Full Featured Ecommerce Website With Opencart
Added 124 Views / 0 LikesIn this video we will create a full featured Ecommerce shopping cart website using OpenCart which is an open source PHP platform. ANYONE can follow along as we will not even be writing any code. We will be deploying the site to a live server using InMotion hosting. A full demo is available at the link below Full Demo: Admin is disabled http://djoutlet.codedemos.com/ CODE: Including Images http://traversymedia.com/downloads/djoutlet_opencart.zip InMoti
-
48:47
Build a GitHub Jobs App With React Hooks
Added 86 Views / 0 LikesReact app that works with the GitHub Jobs API that includes search, filter, pagination, etc Web Dev Simplified Channel: https://www.youtube.com/c/WebDevSimplified Code: https://github.com/WebDevSimplified/GitHub-Jobs-API-React-App • 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
-
41:30
Build a Gym Website Using The Tailwind Starter Kit
Added 63 Views / 0 LikesWe will use the Tailwind CSS Starter Kit and modify it into a gym website. You will learn about Tailwind CSS utility classes. We will also implement the AOS (Animation on Scroll) library for animation Code (Get Images there): https://codepen.io/bradtraversy/pen/zYqVgXO Creative Tim Starter Kit: https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation AOS Library: https://michalsnik.github.io/aos/ My Tailwind CSS Crash Course: https:
-
29:41 Popular
Build A JavaScript & jQuery Movie Info App in 30 Minutes
Added 105 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
-
21:55 Popular
Build a Joomla 2.5 Blog
Added 122 Views / 0 LikesA video on how to create a blog with categories and comments in Joomla 2.5.
-
47:51
Build a Keyword Extractor: React + OpenAI API + Chakra UI
Added 61 Views / 0 LikesBuild and deploy a keyword extractor powered by OpenAI, using React, Vite and Chakra UI. Hostinger: https://hostinger.com/traversy Use the code TRAVERSY for 10% off! Github Repo: https://github.com/bradtraversy/ai-keyword-extractor Blog Post: https://www.traversymedia.com/blog/ai-keyword-extractor-with-react-openai My Web Development Courses: https://www.traversymedia.com Timestamps: 0:00 - Intro 1:58 - Hostinger Sponsor 3:13 - Vite & React Setup 4:30









