Web Development
-
38:25
Responsive Coming Soon Landing Page With Countdown
Added 89 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 118 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 99 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 124 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 113 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 77 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 104 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 108 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 119 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 85 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 121 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 135 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 100 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 157 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 104 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 124 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 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
Added 121 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 89 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
-
39:00 Popular
Full Stack React & LoopBack [2] - React, Routing and UI
Added 143 Views / 0 LikesIn 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
Added 111 Views / 0 LikesIn 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
Added 139 Views / 0 LikesIn 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
Added 122 Views / 0 LikesIn 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
Added 126 Views / 0 LikesIn 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
Added 86 Views / 0 LikesAdd 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
Added 99 Views / 0 LikesIn 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
Added 132 Views / 0 LikesIn 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
Added 109 Views / 0 LikesAdd 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
Added 109 Views / 0 LikesIn 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









