Web Development

42:52
Laravel 5.5 API From Scratch Using Resources

by Best Webhosting Added 6 years ago 99 Views / 0 Likes

In this video we will be building an API from scratch using Laravel 5.5 API resources. We will create an article model and use seeds and factories to create dummy data and then build the api endpoints with a resource CODE: Code for this video https://github.com/bradtraversy/larticles_api BUILD A VUE.JS FRONTEND: https://www.youtube.com/watch?v=DJ6PD_jBtU0 • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBIST
26:46 Popular
React & Express Starter Pack For Full Stack Development

by Best Webhosting Added 6 years ago 122 Views / 0 Likes

In this video we will create a starter pack for full stack React and Express development. I will show you how to integrate them and we will use concurrently to run both the front and back end web servers in one npm command. CODE: React Express Starter Pack Repo https://github.com/bradtraversy/react_express_starter CODE: Redux Version https://github.com/bradtraversy/react_redux_express_starter SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/
34:13 Popular
Create a Split Landing Page With HTML, CSS & JS

by Best Webhosting Added 6 years ago 127 Views / 0 Likes

Create a split animated landing page using HTML5, CSS3 transitions and a bit of vanilla JavaScript. We will also be using CSS variables aka custom properties. CODE: Code for this project https://codepen.io/bradtraversy/pen/dJzzdB • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://w
28:11 Popular
Concerns & Struggles Of A Web Developer

by Best Webhosting Added 6 years ago 127 Views / 0 Likes

In this video we will talk about some of the questions, concerns and some of the struggles that both web developers and other types of programmers have and deal with. Things like education, jobs, technology, confidence, time management and more. SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr Great Talk By Jeffrey Way: https://www.youtube.com/watch?v=mDotS5BDqRM&t=1582s • BECOME A PATRON: Show support & get perks! http://www.patreon
44:03
Golang REST API With Mux

by Best Webhosting Added 6 years ago 97 Views / 0 Likes

In this video we will look at building a simple REST API using the Go programming language along with the Mux router. I will also explain some of the fundamentals of the language for beginners. SPONSOR: GDP HOST - WANT CHEAP WEB HOSTING? https://goo.gl/iZjcGk CODE: Github Repo https://github.com/bradtraversy/go_restapi BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia
34:56
JavaScript Higher Order Functions & Arrays

by Best Webhosting Added 6 years ago 92 Views / 0 Likes

In this video we will look at some of the very powerful higher order functions and working with arrays. We will look at forEach, map, filter, reduce and sort. SPONSOR: https://www.bugreplay.com MODERN JAVASCRIPT FROM THE BEGINNING ($10 PROMO): https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=YOUTUBE10 CODE: JSFiddle https://jsfiddle.net/bradtraversy/e5rb0x0a/ • BECOME A PATRON: Show support & get perks! http://www.patreon.com/tra
50:02 Popular
Build a Webcam Filter & Picture App With WebRTC & Canvas

by Best Webhosting Added 6 years ago 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
41:35 Popular
Next.js Crash Course - Server Side React

by Best Webhosting Added 6 years ago 103 Views / 0 Likes

In this video we will talk about Next.js which is a framework to render React on the server. We will look at setup and build a simple application that pulls Bitcoin pricing from an API and displays it in the app CODE: https://github.com/bradtraversy/bitzprice • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.faceb
22:36 Popular
Modern Image Gallery With ES6 Vanilla JavaScript

by Best Webhosting Added 6 years ago 123 Views / 0 Likes

In this video we will build a simple image gallery with thumbnails and a fade effect with Vanilla JavaScript (NO JQUERY). We will use ES6/ES2015 arrow functions and other features along with higher order forEach and other modern concepts. SPONSOR: GDP HOST - WANT CHEAP WEB HOSTING? https://goo.gl/iZjcGk CODE: https://codepen.io/bradtraversy/pen/zpeyBv BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: h
25:24 Popular
Build & Publish a Custom Google Chrome Extension

by Best Webhosting Added 6 years ago 106 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
22:43 Popular
Yarn Package Manager Crash Course

by Best Webhosting Added 6 years ago 126 Views / 0 Likes

In this video we will look at the Yarn package manager and talk about what it is and then jump in and look at all of the fundamental commands to install, remove, updated packages, etc. SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr COMMAND GIST: https://gist.github.com/bradtraversy/9bdab9c9a0bf94e2c6952d3f89e9e350 NPM Crash Course: https://www.youtube.com/watch?v=jHDhaSSKmB0&t=1326s • BECOME A PATRON: Show support & get perks! http
27:38 Popular
Node.js & Pusher Real Time Polling App [1] - Initial Back End

by Best Webhosting Added 6 years ago 101 Views / 0 Likes

Part 1 of 3: In this video we will setup our backend for our real-time polling application using Node.js and Express. We will also enable CORS and create our initial API routes. We will not yet implement MongoDB. • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com CODE: PusherPoll Github Repo https://github.com/bradtraversy/pusherpoll PUSHER WEBSITE
15:02
Node.js & Pusher Real Time Polling App [2] - Front End JS & Chart

by Best Webhosting Added 6 years ago 99 Views / 0 Likes

Part 2 of 3: In this video we will code the front end JavaScript, make a request to the backend on form submission and subscribe to the Pusher real-time response, adding the result to the CanvasJS chart. • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com CODE: PusherPoll Github Repo https://github.com/bradtraversy/pusherpoll PUSHER WEBSITE: https:/
22:35 Popular
Node.js & Pusher Real Time Polling App [3] - MongoDB & Mongoose

by Best Webhosting Added 6 years ago 116 Views / 0 Likes

Part 3 of 3: Now that we have a real-time polling app created, let's persist the data to a MongoDB database using Mongoose. • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com CODE: PusherPoll Github Repo https://github.com/bradtraversy/pusherpoll PUSHER WEBSITE: https://pusher.com MLAB WEBSITE: https://mlab.com FOLLOW TRAVERSY MEDIA: http://www.fac
19:04 Popular
Starting A Serious Web Development Project

by Best Webhosting Added 6 years ago 118 Views / 0 Likes

In this video we will discuss some methods on approaching a serious web development or programming project, whether it is a freelance project, for a companay or your own. This video was created from my own experiences as well as some general research SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr SLIDE: https://www.slideshare.net/TechGuy1/starting-a-web-development-project • BECOME A PATRON: Show support & get perks! http://www.pat
13:33
Windows 10 Bash & Linux Subsystem Setup

by Best Webhosting Added 6 years ago 97 Views / 0 Likes

In this video we will setup the Windows Subsystem for Linux with Ubuntu and bash terminal on Windows 10. This will allow us to use Unix based tools from within Windows. We will also integrate with VScode and the Hyper terminal. • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www
45:33 Popular
Build a Responsive Grid CSS Website Layout From Scratch

by Best Webhosting Added 6 years ago 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
48:46 Popular
Vue.js Firebase Authentication - Add To An Existing Project

by Best Webhosting Added 6 years ago 130 Views / 0 Likes

In this video we will be implementing firebase authentication to a Vue.js employee manager project that we built about a month ago in a 6 part series. We will pull the initial project from Github and add the new features. Original Series - Part 1: https://www.youtube.com/watch?v=sYNjEzcOTOs Github Master (NO AUTHENTICATION): https://github.com/bradtraversy/vue_firestore_employeemanager Github Auth Branch (WITH AUTHENTICATION): https://github.com/bradt
45:53 Popular
Build a Reddit Search App With ES6, Fetch & Parcel

by Best Webhosting Added 6 years ago 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
10:22 Popular
Udemy Course Alert - Materialize CSS With 5 Projects

by Best Webhosting Added 6 years ago 144 Views / 0 Likes

$9.99 LIMITED PROMO LINK: https://www.udemy.com/materialize-css-from-scratch-with-5-projects/?couponCode=TRAVERSYMEDIA New course for creating websites and UIs using the Materialize framework which is based on Google's Material Design scheme. The only prerequisite is basic HTML and CSS knowledge
44:35
JavaScript Cardio [Session 1] - Reversals, FizzBuzz, MaxChar

by Best Webhosting Added 6 years ago 73 Views / 0 Likes

Intermediate whiteboard style JavaScript challenges and solutions to sharpen your skills and prepare you for interviews. In this video we will do 6 challenges... 1. String Reversal 2. Validate Palindromes 3. Integer Reversal 4. Capitalize Letters 5. Find The Max Character 6. FizzBuzz Challenge SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr CODE: Feel free to make a pull request and add other solutions https://github.com/bradtravers
45:15 Popular
Full Stack Vue.js & Laravel

by Best Webhosting Added 6 years ago 113 Views / 0 Likes

In this video we will build a Vue.js frontend to the Laravel 5.5 API that we created in the video below. It will be a full CRUD app with pagination and a Bootstrap 4 UI. LARAVEL API VIDEO: Video to build the backend to this app https://www.youtube.com/watch?v=4pc6cgisbKE&t=2314s LARAVEL API ONLY GITHUB: Starting point https://github.com/bradtraversy/larticles_api FULL APP GITHUB: https://github.com/bradtraversy/larticles_vue_app • BECOME A PATRON: Sho
40:25
PHP, MySQL & Stripe API Payment App - Part 1

by Best Webhosting Added 6 years ago 95 Views / 0 Likes

In this video series we will build a PHP payment page that accepts credit cards using the stripe API and also stores the data in a MySQL database using PDO. We will be creating tables and models for customers and transactions to store them in the database and retrieve them within the app. SPONSOR: Eduonix Machine Learning Course https://goo.gl/jo6vNd CODE: Github Repo https://github.com/bradtraversy/php_stripe_paypage Stripe API Docs: Card Element Qui
26:57 Popular
PHP, MySQL & Stripe API Payment App - Part 2

by Best Webhosting Added 6 years ago 107 Views / 0 Likes

In part 2 we will implement the PDO class and the customers and transaction models so we can store custom data from the Stripe API CODE: Github Repo https://github.com/bradtraversy/php_stripe_paypage Stripe API Docs: Card Element Quickstart https://stripe.com/docs/stripe-js/elements/quickstart PDO Class Gist: https://gist.github.com/bradtraversy/a77931605ba9b7cf3326644e75530464 PHP OOP Udemy Course: https://www.udemy.com/object-oriented-php-mvc/?coupo
18:06
PHP, MySQL & Stripe API Payment App - Part 3

by Best Webhosting Added 6 years ago 100 Views / 0 Likes

In part 3 we will build our customers.php and transactions.php pages so that we can view our stored data in MySQL. We will use our PDO library and models for this SPONSOR: Eduonix Machine Learning Course https://goo.gl/jo6vNd CODE: Github Repo https://github.com/bradtraversy/php_stripe_paypage Stripe API Docs: Card Element Quickstart https://stripe.com/docs/stripe-js/elements/quickstart PDO Class Gist: https://gist.github.com/bradtraversy/a77931605ba9
42:27
JavaScript Cardio [Session 2] - LongestWord, Anagrams, Array Chunking

by Best Webhosting Added 6 years ago 77 Views / 0 Likes

Session 2 of our Intermediate whiteboard style JavaScript challenges and solutions to sharpen your skills and prepare you for interviews. In this video we will do 5 challenges... 1. Longest Word 2. Array Chunking 3. Flatten Array 4. Anagrams 5. Letter Changes SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr CODE: Feel free to make a pull request and add other solutions https://github.com/bradtraversy/javascript_cardio • BECOME A PATR
19:53 Popular
Freelancing As A Web Developer

by Best Webhosting Added 6 years ago 122 Views / 0 Likes

In this video I will talk a little bit about freelancing as a web developer. Ill talk about the pros and cons, my own experience and things like how to get started and where to find work SPONSOR: Use the code "BRAD20" for 25% off https://studywebdevelopment.com/freelancing.html • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.faceboo
33:59 Popular
Star Ratings With JavaScript & Font Awesome

by Best Webhosting Added 6 years ago 111 Views / 0 Likes

In this Friday project we will build a star rating interface that takes a JavaScript object of 4K TVs with some ratings and transform it into a UI with Font Awesome star icons. We will also add a dynamic form to change the ratings. CODE: Codepen https://codepen.io/bradtraversy/pen/GQLRZv • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://w
55:22 Popular
Uploading Files to MongoDB With GridFS (Node.js App)

by Best Webhosting Added 6 years ago 114 Views / 0 Likes

In this project we will create an app that can upload files of all types to a MongoDB database with GridFS. We will use Node.js with Multer, the GridFS storage engine and gridfs-stream along with the EJS template engine SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr CODE: Github Repo https://github.com/bradtraversy/mongo_file_uploads • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy C
16:11 Popular
My Struggles & Success - Up Close & Personal With Brad

by Best Webhosting Added 6 years ago 103 Views / 0 Likes

No Coding today....This is a very personal video about my life struggles and success. I wanted to share it because I think it can help some people going through tough times. I also really want my supporters to know where I came from. I know some people will be judgmental but it is something I am willing to risk • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow