Traversy Media


  • 35:20 Popular Build & Deploy A React JS Text Generator App

    Build & Deploy A React JS Text Generator App

    by Best Webhosting Added 110 Views / 0 Likes

    In 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

    Build & Publish a Custom Google Chrome Extension

    by Best Webhosting Added 107 Views / 0 Likes

    In 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

    Build 5 Projects With HTML, CSS & JavaScript

    by Best Webhosting Added 35 Views / 0 Likes

    Sharpen 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

    Build a Blog With Next.js & Ghost

    by Best Webhosting Added 65 Views / 0 Likes

    In 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

    Build A Bootstrap 4 Theme | Latest Beta Version

    by Best Webhosting Added 144 Views / 0 Likes

    This 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

    Build a Bootstrap Theme With Scroll Animation

    by Best Webhosting Added 99 Views / 0 Likes

    In 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

    Build a C# .NET Application in 60 Minutes

    by Best Webhosting Added 132 Views / 0 Likes

    In 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

    Build a Calendar With Vue, Vuetify & Firebase

    by Best Webhosting Added 134 Views / 0 Likes

    In 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]

    Build a Chat App With MongoDB & Socket.io [Part 1]

    by Best Webhosting Added 145 Views / 0 Likes

    In 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]

    Build a Chat App With MongoDB & Socket.io [Part 2]

    by Best Webhosting Added 101 Views / 0 Likes

    This 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

    Build A CMS Admin Bootstrap Theme From Scratch

    by Best Webhosting Added 127 Views / 0 Likes

    In 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

    Build A CodeIgniter PHP App - Part 1

    by Best Webhosting Added 123 Views / 0 Likes

    We 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

    Build A CodeIgniter PHP App - Part 2

    by Best Webhosting Added 134 Views / 0 Likes

    We 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

    Build A Codeigniter PHP App - Part 3

    by Best Webhosting Added 134 Views / 0 Likes

    We 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

    Build A Codeigniter PHP App - Part 4

    by Best Webhosting Added 105 Views / 0 Likes

    In 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

    Build A Codeigniter PHP App - Part 5

    by Best Webhosting Added 100 Views / 0 Likes

    In 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

    Build A Codeigniter PHP App - Part 6

    by Best Webhosting Added 141 Views / 0 Likes

    IN 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

    Build A Codeigniter PHP App - Part 7

    by Best Webhosting Added 108 Views / 0 Likes

    In 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

    Build A Codeigniter PHP App - Part 8

    by Best Webhosting Added 135 Views / 0 Likes

    In 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

    Build A Command Line Interface With Node.js & MongoDB

    by Best Webhosting Added 133 Views / 0 Likes

    In 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

    Build a Covid Tracker App With Vue.js & Tailwind

    by Best Webhosting Added 53 Views / 0 Likes

    In 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

    Build a Custom URL Shortener Service

    by Best Webhosting Added 120 Views / 0 Likes

    In 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

    Build A Digital Resume & Host For Free

    by Best Webhosting Added 68 Views / 0 Likes

    Turning 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

    Build A Filterable List With Vanilla JavaScript

    by Best Webhosting Added 110 Views / 0 Likes

    In 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

    Build a Full Featured Ecommerce Website With Opencart

    by Best Webhosting Added 124 Views / 0 Likes

    In 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

    Build a GitHub Jobs App With React Hooks

    by Best Webhosting Added 86 Views / 0 Likes

    React 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

    Build a Gym Website Using The Tailwind Starter Kit

    by Best Webhosting Added 63 Views / 0 Likes

    We 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

    Build A JavaScript & jQuery Movie Info App in 30 Minutes

    by Best Webhosting Added 105 Views / 0 Likes

    In 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

    Build a Joomla 2.5 Blog

    by Best Webhosting Added 122 Views / 0 Likes

    A 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

    Build a Keyword Extractor: React + OpenAI API + Chakra UI

    by Best Webhosting Added 61 Views / 0 Likes

    Build 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

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