Traversy Media
-
33:42 Popular
Gulp JS Crash Course
Added 112 Views / 0 LikesIn this video we will work with the Gulp.js task runner and toolkit. We will talk about how it works as well as create an example app with the following tasks and plugins... Moving/Copying Files Concatenate JavaScript Files Minify / Uglify JavaScript Files Compile Sass/scss Files Optimize Images with Imagemin Code: Code for this video https://github.com/bradtraversy/gulpexapp EDUONIX COURSES: Please use affiliate links from website below http://www.tr
-
15:13 Popular
Building a GraphQL Server [Part 3] - RootQuery & Fetching Data
Added 112 Views / 0 LikesIn part 3 of 5 of this series we will be creating the RootQuery in our schema.js file as well as creating the CustomerType. We will be able to fetch hardcoded customers via Graphql IDE by the end of the video CODE: Code for this project https://github.com/bradtraversy/customerbase BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA: http://www.face
-
07:04 Popular
Deploy An Angular App To Firebase In Minutes
Added 112 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 deploy an Angular 4 or 5+ application to Firebase hosting in just a few minutes using the Firebase Tools CLI. We will install the CLI, login, initialize the app and deploy it live on the web. We will be using the Client Panel app built in the Udemy course below... ANGULAR FRONT TO BACK COURSE: Compatible with
-
39:59 Popular
Angular & FireStore Application [1] - Setup & Getting Data
Added 112 Views / 0 LikesPart 1 of 3: We will setup FireStore from Firebase, create an Angular 4 application and integrate AngularFire2 to work with FireStore and fetch items. We will also install Materialize CSS and Font Awesome for our app UI CODE: Code for this project https://github.com/bradtraversy/angularfs ANGULAR 4 FRONT TO BACK: $10 COUPON https://www.udemy.com/angular-4-front-to-back/?couponCode=TRAVERSY010 BECOME A PATRON: Show support & get perks! http://www.patre
-
1:27:37 Popular
Apex Legends Tracker App | Full Stack Node & Vue.js
Added 112 Views / 0 LikesIn this project we will build an Apex Legends stat tracking app with Express & Vue.js and then deploy to Heroku Code: https://github.com/bradtraversy/apex-legends-tracker Get API Key: https://tracker.gg/developers/apps Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses: https://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversym
-
44:03 Popular
Social Network Theme With Sass - Part 4
Added 112 Views / 0 LikesIn this part we will add the rest of the pages, finish up the utility classes and make the site responsive with media queries Code: https://github.com/bradtraversy/devconnector_theme_sass MERN Course With Full App: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com
-
28:20 Popular
15 VS Code Extensions For Front-End Developers in 2019
Added 112 Views / 0 LikesIn this video I will go over and 15 of my favorite Visual Studio Code extensions for front end development in 2019. I will show you how each one works, settings and more Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedi
-
35:48 Popular
Pure CSS Hamburger Menu & Overlay
Added 112 Views / 0 LikesIn this video we will create a landing page with a pure CSS responsive hamburger menu (No JavaScript) with a bit of animation using CSS transitions. CSS Starts - 6:27 Menu CSS Starts - 15:40 Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html Code: https://codepen.io/bradtraversy/pen/vMGBjQ • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Modern HTML & CSS From The Beg
-
42:20 Popular
Axios Crash Course | HTTP Library
Added 112 Views / 0 LikesIn this video we will be looking at the Axios HTTP client to make requests, add headers, create interceptors and more Code: https://github.com/bradtraversy/axios-crash • 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.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia
-
34:00 Popular
React App - Breaking Bad API
Added 112 Views / 0 LikesIn this project we will use React and the breaking bad api to create a small app to show and filter the character info Code: https://github.com/bradtraversy/breaking-bad-cast Docs: https://breakingbadapi.com/documentation • 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.com/trav
-
06:04 Popular
Free Joomla Templates - 2.5 & 3.0
Added 111 Views / 0 LikesThe best free Joomla templates on the Internet. All come with an Easy Start Package to get your template up and running in under 3 minutes
-
08:18 Popular
Install Phoca Gallery On Joomla 2.5
Added 111 Views / 0 LikesQuick video on how to install Phoca Gallery 3.2.3 on a Joomla 2.5 website
-
07:13 Popular
Connect Dreamweaver to your website
Added 111 Views / 0 LikesManage your website through Dreamweaver
-
22:49 Popular
Build An HTML5 Template With Bootstrap and SASS - Part 2
Added 111 Views / 0 LikesIn this mini-series we will build a complete HTML5 Bootstrap template with SASS. It is a bit long but that is because it is from scratch and typed out line by line. --------------------------------------------------------------------------------------- Project Files - https://github.com/bradtraversy/skyapp_bootstrap For video courses like this check out - http://codeskillet.com
-
40:43 Popular
Get Started With Sass on Windows
Added 111 Views / 0 LikesIn this video Ill explain what Sass is and why you should use it in your CSS projects. Sass allows you to use variables, mixins, nested CSS and more. We will also install Ruby on to a Windows machine to run Sass and we will us a program called Scout to compile and generate our CSS.
-
12:02 Popular
Parse JSON With PHP
Added 111 Views / 0 LikesQuick video on how to read and output JSON data using PHP
-
07:36 Popular
Install Package Control & SFTP Plugin in Sublime Text 2
Added 111 Views / 0 LikesThis is a quick and easy video showing you how to install package control and use it to install the SFTP plugin for Sublime Text 2. SFTP allows you to easily upload and sync your local project files to your remote web server
-
20:15 Popular
jQuery Crash Course [5] - Ajax
Added 111 Views / 0 LikesIn this video we will work with the load, $.get, $.post and $.ajax methods in jQuery My 10 Project jQuery/JS Course - https://www.eduonix.com/affiliates/id/16-10039 Project Files - https://github.com/bradtraversy/jquery_crash_course
-
11:35 Popular
Angular 2 & Firebase App [Part 3] - AngularFire2 Setup
Added 111 Views / 0 LikesIn this video we will setup AngularFire2 to integrate Angular 2 and Firebase together CODE FOR THIS PART: http://www.traversymedia.com/downloads/proplistings/proplistings_part_3.zip SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: https://www.patreon.com/traversymedia ONE TIME DONATIONS: https://www.paypal.me/traversymedia
-
15:24 Popular
PHP Front To Back [Part 3] - Variables, Constants & Data Types
Added 111 Views / 0 LikesIn this video we will look at very basic PHP syntax including tags, comments, variables, constants and concatenation. CODE: Code For This Video http://www.traversymedia.com/downloads/phpsandbox/phpsandbox1.zip COURSES: Premium Eduonix Courses http://www.traversymedia.com/eduonix-courses SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: https://www.patreon.com/traversymedia ONE TIME DONATIONS: https://www.paypal.me/traversymedia
-
19:26 Popular
Getting Started With Chart.js
Added 111 Views / 0 LikesIn this video we will take a peak at Chart.js which is a JavaScript library for creating beautiful charts and graphs and inserting them into your HTML. It can be used to create around 8 different types of charts including bar, line and pie. This tutorial is extremely beginner friendly CODE: Code for this video http://www.traversymedia.com/downloads/mychart.zip SUPPORT: We spend massive amounts of time creating these free videos, please donate to show
-
20:48 Popular
Laravel From Scratch [Part 4] - Blade Templating & Compiling Assets
Added 111 Views / 0 LikesIn this video I will talk about blade templating. We will look at passing in data, interpolation, adding logic to our views. I will also show you how to compile assets using Laravel Mix. We will compile Sass files to regular css. CODE: Complete Code For This Series https://github.com/bradtraversy/lsapp 10 PROJECT LARAVEL COURSE: Please use affiliate link below https://www.eduonix.com/affiliates/id/16-10485 50% OFF: Use special code "traversy" SUPPORT:
-
13:37 Popular
Node.js & Express From Scratch [Part 1] - Intro & Environment
Added 111 Views / 0 LikesThis is a BEGINNER FRIENDLY series. In this video I will give a short introduction to the series and we will setup our environment from scratch. We will be installing the following... Node.js & NPM MongoDB NoSQL Database Atom Text Editor Git & Git Bash For Windows CODE: Full code for this series https://github.com/bradtraversy/nodekb SUGGESTED: Node.js For Beginners - https://www.youtube.com/watch?v=U8XF6AFGqlc&t=780s Express Crash Course - https://ww
-
22:38 Popular
Easy Fullscreen Landing Page With HTML & CSS
Added 111 Views / 0 LikesIn this small project I will show you how to create a simple HTML/CSS landing page with a fullscreen image in the background. We will also use a little bit of flexbox styling. CODE: Code for this project https://codepen.io/bradtraversy/pen/XerXYV SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY ME
-
35:35 Popular
Emmet For Faster HTML & CSS Workflow
Added 111 Views / 0 LikesIn this video we will look at Emmet as a web development tool for creating faster HTML and CSS using abbreviations. We will cover the basics and look at nesting, siblings, multiplication and more. We will be using the Atom text editor but Emmet is available for almost all popular text editors and IDEs CODE: Code for this video http://traversymedia.com/downloads/emmetsandbox.zip EMMET CHEAT SHEET: https://docs.emmet.io/cheat-sheet/ https://github.com/e
-
34:00 Popular
Getting Started With Aurelia JS
Added 111 Views / 0 LikesIn this video we will build a small customer manager application using the Aurelia JS framework along with JavaScript local storage to persist the data to the client. I am very new to this framework so bare with me :) SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/trs CODE: Github Repo https://github.com/bradtraversy/aurelia_customer_manager BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONAT
-
55:22 Popular
Uploading Files to MongoDB With GridFS (Node.js App)
Added 111 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
-
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
-
23:01 Popular
Node.js API Authentication With JWT
Added 111 Views / 0 LikesIn this overview we will take a look at Node.js and JSON web tokens. I will show you how to create a route to generate a token and use that token to make a request to a protected route. SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr CODE: Github Repo With Example https://github.com/bradtraversy/node_jwt_example • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me
-
29:52 Popular
Push Notifications Using Node.js & Service Worker
Added 111 Views / 0 LikesIn this video we will create push notification capability using Node.js without any 3rd party services. We will achieve this using web-push, the push/notifications api and service workers. Code: https://github.com/bradtraversy/node_push_notifications Webpush Repo: https://github.com/web-push-libs/web-push Helpful Articles: https://developers.google.com/web/ilt/pwa/introduction-to-push-notifications https://developers.google.com/web/fundamentals/primer









