Web Development


  • 38:25 Responsive Coming Soon Landing Page With Countdown

    Responsive Coming Soon Landing Page With Countdown

    by Best Webhosting Added 89 Views / 0 Likes

    In this video we will build a custom coming soon or under construction page with a launch countdown timer in HTML/CSS/JavaScript. Feel free to use this in your own projects. Changing the logo and background image is easy Check out our sponsor, Coding Dojo - http://www.codingdojo.com/l/yt/tr Project Codepen: https://codepen.io/bradtraversy/pen/pLvjQR Favicon Generator: http://tools.dynamicdrive.com/favicon/ • Become a Patron: Show support & get perks!

  • 32:48 Popular Up & Running With Symfony 4 - Part 1: Setup, Controllers, Twig

    Up & Running With Symfony 4 - Part 1: Setup, Controllers, Twig

    by Best Webhosting Added 118 Views / 0 Likes

    In this first part of the series we will setup Symfony 4 using Composer as well as Xampp. We will create a controller, setup routes with annotations, render a Twig template and pass data to the template. Code: Github Repo https://github.com/bradtraversy/symphart • 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/traversyme

  • 22:50 Up & Running With Symfony 4 - Part 2: Database & Doctrine ORM

    Up & Running With Symfony 4 - Part 2: Database & Doctrine ORM

    by Best Webhosting Added 99 Views / 0 Likes

    In the second part of the Symfony 4 series we will implement the Doctrine ORM to create and interact with our MySQL database. We will add some records, fetch them and setup our routes/annotations Code: Github Repo https://github.com/bradtraversy/symphart • 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

  • 29:59 Popular Up & Running With Symfony 4 - Part 3: Create, Update & Delete

    Up & Running With Symfony 4 - Part 3: Create, Update & Delete

    by Best Webhosting Added 124 Views / 0 Likes

    In this first part of the series we will add the functionality in our controller to create a form programmatically with the form extension and create, update and delete articles. Code: Github Repo https://github.com/bradtraversy/symphart • 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.twitter.co

  • 1:09:23 Popular Redux Crash Course With React

    Redux Crash Course With React

    by Best Webhosting Added 113 Views / 0 Likes

    In this video we will talk about what Redux is and build a React app from scratch and add all of the boilerplate for Redux and work with the store/state, actions, reducers and all of the other fundamentals of the Redux state manager. The actual Redux implementation starts around 22:00. This video is for people that know the basics of React and want to learn about Redux. If you want to learn React, check out my crash course at https://www.youtube.com/w

  • 37:44 Social Media Accordion With CSS3 Transitions

    Social Media Accordion With CSS3 Transitions

    by Best Webhosting Added 77 Views / 0 Likes

    In this mini project we will create a social media accordion slider using only CSS. We will use CSS3 transitions only, no JavaScript at all. Code For This Project: https://codepen.io/bradtraversy/pen/EEWNQP Genericons Fonts Download: http://traversymedia.com/downloads/genericons.zip Original Codepen: https://codepen.io/rrenula/pen/DGrhf • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www

  • 19:32 Popular Markdown Crash Course

    Markdown Crash Course

    by Best Webhosting Added 104 Views / 0 Likes

    In this video we will discuss what Markdown is, what it is used for and we will jump into VSCode and learn the entire syntax in around 10 minutes. We will also push to a Github repo to see what it looks like there. Sponsor: Coding Dojo http://www.codingdojo.com/l/yt/tr Cheat Sheet Gist: https://gist.github.com/bradtraversy/547a7bbf35ffba1561706e161a50b05a • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy

  • 19:44 Popular PHP vs. Python In 2018 - My Take...

    PHP vs. Python In 2018 - My Take...

    by Best Webhosting Added 108 Views / 0 Likes

    Add MailTag to Chrome: http://go.mailtag.io/7ubwpEqi In this video we are going to talk about PHP and Python and some of the differences in use, popularity, learning curve, frameworks and so on. • 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.twitter.com/traversymedia http://www.instagram.com/tr

  • 24:45 Popular React & Webpack 4 From Scratch - No CLI

    React & Webpack 4 From Scratch - No CLI

    by Best Webhosting Added 119 Views / 0 Likes

    In this video we will setup React WITHOUT the Create-React-App CLI. The CLI is fantastic but many people do not understand how it works behind the scenes. In this video we will setup React from scratch with Webpack 4 and Babel. Sponsor: Coding Dojo http://www.codingdojo.com/l/yt/tr Code For This Project: https://github.com/bradtraversy/react_webpack_starter • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Ude

  • 22:18 Is jQuery Still Relevant in 2018?

    Is jQuery Still Relevant in 2018?

    by Best Webhosting Added 85 Views / 0 Likes

    Add MailTag to Chrome: http://go.mailtag.io/7ubwpEqi In this video we will talk about jQuery in 2018 and compare some of it's features like DOM manipulation, ajax, utilities, etc to the vanilla JS solutions and code samples as well as talk about some other small specialized libraries to take the place in some areas. I will also give my own opinions and thoughts as well Modern JS From The Beginning: (Learn JS Without Libraries) https://www.udemy.com/mo

  • 46:30 Popular CamanJS - Build An Image Filter Web App

    CamanJS - Build An Image Filter Web App

    by Best Webhosting Added 121 Views / 0 Likes

    In this video we will build a web app that lets you upload an image to a canvas and add filters and effects using CamanJS, then download the edited image. Sponsor: Coding Dojo http://www.codingdojo.com/l/yt/tr Code For This Project: https://codepen.io/bradtraversy/pen/qoJZBy • 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.c

  • 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

  • 55:35 Build an Electron App in Under 60 Minutes

    Build an Electron App in Under 60 Minutes

    by Best Webhosting Added 100 Views / 0 Likes

    In this video we will build a desktop application using Electron.js which allows us to build desktop apps using only JavaScript. We will build a minimal shopping list app with a custom menu and multiple windows and implement Materialize CSS for styling. We will also publish the app to a Windows .exe file using the Electron Packager. CODE: Code for this project https://github.com/bradtraversy/electronshoppinglist PACKAGER TUTORIAL PAGE: https://www.chr

  • 42:03 Popular NPM Crash Course

    NPM Crash Course

    by Best Webhosting Added 157 Views / 0 Likes

    This is a beginner-friendly crash course and tutorial on NPM or the Node Package Manager. Some of what you will learn..... Install and remove modules Update modules All about package.json Set init defaults Local & global modules Dependencies & dev dependencies Listing modules Semantic Versioning NPM Scripts COMMANDS: https://gist.github.com/bradtraversy/09177818de0f43a6e74e2cd05d1fe596 BECOME A PATRON: Show support & get perks! http://www.patreon.com/

  • 25:33 Popular reCAPTCHA v2 Client-Server Implementation With Node.js

    reCAPTCHA v2 Client-Server Implementation With Node.js

    by Best Webhosting Added 104 Views / 0 Likes

    In this video we will implement Google's reCaptcha v2 in a client-server environment with Node.js. We will submit the client side form to the server using the Fetch API. CODE: Code for this project https://github.com/bradtraversy/recaptchav2_node BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA:

  • 38:37 Skeleton CSS Crash Course & Landing Page

    Skeleton CSS Crash Course & Landing Page

    by Best Webhosting Added 68 Views / 0 Likes

    In this video we will create a Skeleton CSS boilerplate cheat sheet and then create a simple responsive landing page based on the demo CODE: Code for this video http://www.traversymedia.com/downloads/skeletoncrash.zip BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/trave

  • 45:35 Popular PDO Crash Course (PHP)

    PDO Crash Course (PHP)

    by Best Webhosting Added 124 Views / 0 Likes

    In this video we will go over the basics of PDO (PHP Data Objects) which is a secure and consistent way to connect to a database via PHP. It is an alternative to mysqli. We will go over connection, PDO::Query and CRUD operations through prepared statements OOP PHP MVC Udemy Course $10 Promo: https://www.udemy.com/object-oriented-php-mvc/?couponCode=TRAVERSY010 CODE: All code is in this GitHub Gist https://gist.github.com/bradtraversy/147443539b7e1afaf

  • 10:04 Popular Udemy Course Alert - Node.js Dev To Deployment

    Udemy Course Alert - Node.js Dev To Deployment

    by Best Webhosting Added 122 Views / 0 Likes

    $10 PROMO LINK: Very Limited! https://www.udemy.com/nodejs-express-mongodb-dev-to-deployment/?couponCode=NODEYOUTUBE10 I have just released my 3rd Udemy course under Traversy Media. This course will take you from installing Node.js on your PC to deploying 2 real world applications. It includes 8.5 hours of content such as... Node.js/Express Fundamentals Application structure Mongoose ODM - Models, promises, relating collections, etc Handlebars.js - cu

  • 51:20 Popular Google Chrome Developer Tools Crash Course

    Google Chrome Developer Tools Crash Course

    by Best Webhosting Added 121 Views / 0 Likes

    Add MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this video we will be taking an intermediate look at the Google Developer Tools. You will learn how to do things such as... Inspect & Examine HTML/CSS Edit HTML/CSS Enable/Disabled styles Move & Delete Elements Console Logs & Other Commands Special Console Symbols Examine Network & Resources Use Snippets Workspaces & Permanent Changes View &

  • 20:09 Full Stack React & LoopBack [1] - Intro & LoopBack Server

    Full Stack React & LoopBack [1] - Intro & LoopBack Server

    by Best Webhosting Added 89 Views / 0 Likes

    In part one I will introduce the app and we will setup our backend LoopBack API. We will connect MongoDB and add some meetups through the explorer. CODE: Full app code https://github.com/bradtraversy/meetupz LoopBack Video: https://www.youtube.com/watch?v=UTxhKZuVaG8 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FO

  • 39:00 Popular Full Stack React & LoopBack [2] - React, Routing and UI

    Full Stack React & LoopBack [2] - React, Routing and UI

    by Best Webhosting Added 143 Views / 0 Likes

    In this video we will setup our client/React app and implement routing with the react router dom. We will also create the basic UI with Materialize CSS CODE: Full app code https://github.com/bradtraversy/meetupz BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymed

  • 28:57 Popular Full Stack React & LoopBack [3] - Fetching & Displaying Meetups

    Full Stack React & LoopBack [3] - Fetching & Displaying Meetups

    by Best Webhosting Added 111 Views / 0 Likes

    In this video we will fetch and display meetups from our backend LoopBack server. We will create the MeetupItem and MeetupDetails component CODE: Full app code https://github.com/bradtraversy/meetupz BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://ww

  • 32:30 Popular Full Stack React & LoopBack [4] - Add, Edit & Delete Meetups

    Full Stack React & LoopBack [4] - Add, Edit & Delete Meetups

    by Best Webhosting Added 139 Views / 0 Likes

    In this video we will create components and functionality to add, edit and delete meetups from the backend LoopBack server CODE: Full app code https://github.com/bradtraversy/meetupz BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/tra

  • 10:27 Popular Full Stack React & LoopBack [5] - Front & Back End Integration

    Full Stack React & LoopBack [5] - Front & Back End Integration

    by Best Webhosting Added 122 Views / 0 Likes

    In this video we will compile our client side source code (React) to the client folder in on the LoopBack server and combine the front and back end CODE: Full app code https://github.com/bradtraversy/meetupz BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia h

  • 25:52 Popular Vanilla JS Number Facts App - Ajax & Fetch

    Vanilla JS Number Facts App - Ajax & Fetch

    by Best Webhosting Added 126 Views / 0 Likes

    In this video we will create a vanilla JavaScript application using that fetches random facts on any number entered. We will use both XHR and the Fetch API to make requests to http://numbersapi.com CODE: Plunk with this project http://plnkr.co/edit/6d7iWyArX40O3mGuQSt8?p=preview BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBISTE: http://www.traversymed

  • 23:37 Fullscreen Video Background With HTML & CSS

    Fullscreen Video Background With HTML & CSS

    by Best Webhosting Added 86 Views / 0 Likes

    Add MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this video I will show you how to create a landing page with a full screen video background using HTML and CSS. We will use vh and vw units to achieve this. CODE: The CodePen for this project: https://codepen.io/bradtraversy/pen/pWpRom VIDEO DOWNLOAD LINK: https://www.videvo.net/video/typing-on-computer-white-bg/4475/ BECOME A PATRON: Show su

  • 14:43 Simple Explanation Of rem & em CSS Units

    Simple Explanation Of rem & em CSS Units

    by Best Webhosting Added 99 Views / 0 Likes

    In this video I give a simple explanation of the rem & em CSS units of measurement. We also talk a little bit about vh (viewport heights) and vw (viewport widths). BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBISTE: http://www.traversymedia.com $15 COUPON LINKS FOR ALL MY UDEMY COURSES: https://www.udemy.com/nodejs-express-mongodb-dev-to-deployment/?co

  • 1:01:53 Popular Node.js & Stripe API - Ebook Sales App & Heroku Deploy

    Node.js & Stripe API - Ebook Sales App & Heroku Deploy

    by Best Webhosting Added 132 Views / 0 Likes

    In this video we will build a Node.js/Express app using the Stripe API to sell an ebook. We will be able to create a customer and charge their card. Everything is done in test mode. Once we build the app, we will deploy to Heroku SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/trs CODE: Github Repo https://github.com/bradtraversy/ebookseller LIVE APP: https://peaceful-island-46715.herokuapp.com BECOME A PATRON: Show support & get perks

  • 35:00 Popular JavaScript Zipcode App Using Fetch & Bulma CSS

    JavaScript Zipcode App Using Fetch & Bulma CSS

    by Best Webhosting Added 109 Views / 0 Likes

    Add MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this application well be using Vanilla JavaScript with the Fetch API and the Bulma CSS framework to create an app to get location info from a zipcode using the zippopotam.us API. Well we will also use ES6 features like arrow functions and template strings CODE: https://codepen.io/bradtraversy/pen/zEJzBp BECOME A PATRON: Show support & get per

  • 37:11 Popular Node.js Image Uploading With Multer

    Node.js Image Uploading With Multer

    by Best Webhosting Added 109 Views / 0 Likes

    In this project we will look at file/image uploading in Node.js with the Multer module. We will also be using the EJS template engine and MaterializeCSS for the form UI. SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/trs CODE: Github Repo https://github.com/bradtraversy/nodeuploads BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBISTE: ht

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