Traversy Media
-
44:35
JavaScript Cardio [Session 1] - Reversals, FizzBuzz, MaxChar
Added 71 Views / 0 LikesIntermediate 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
Added 111 Views / 0 LikesIn 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
Added 93 Views / 0 LikesIn 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
Added 105 Views / 0 LikesIn 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
Added 98 Views / 0 LikesIn 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
Added 75 Views / 0 LikesSession 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
Added 119 Views / 0 LikesIn 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
Added 108 Views / 0 LikesIn 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)
Added 112 Views / 0 LikesIn 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
Added 101 Views / 0 LikesNo 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
-
38:25
Responsive Coming Soon Landing Page With Countdown
Added 86 Views / 0 LikesIn 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
Added 116 Views / 0 LikesIn 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
Added 96 Views / 0 LikesIn 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
Added 121 Views / 0 LikesIn 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
Added 111 Views / 0 LikesIn 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
Added 76 Views / 0 LikesIn 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
Added 101 Views / 0 LikesIn 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...
Added 106 Views / 0 LikesAdd 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
Added 116 Views / 0 LikesIn 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?
Added 83 Views / 0 LikesAdd 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
Added 117 Views / 0 LikesIn 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
Added 133 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
-
55:35
Build an Electron App in Under 60 Minutes
Added 97 Views / 0 LikesIn 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
Added 154 Views / 0 LikesThis 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
Added 102 Views / 0 LikesIn 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
Added 68 Views / 0 LikesIn 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)
Added 120 Views / 0 LikesIn 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
Added 119 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
Added 119 Views / 0 LikesAdd 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
Added 87 Views / 0 LikesIn 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









