Traversy Media
-
07:49 Popular
Udemy Course Alert - React Front To Back
Added 108 Views / 0 Likes$9.99 PROMO LINK: https://www.udemy.com/react-front-to-back/?couponCode=TRAVERSYMEDIA In this video I will quickly go over my new React Front To Back course which includes all of the fundamentals of React along with the Context API, Redux and Firebase. This course is suitable for beginners as well as developers that know React
-
50:21
UI Design For Coders
Added 58 Views / 0 LikesIn this video you will learn important design principles and what to think about when creating UI/layouts including contrast, typography, whitespace, etc Designcourse YouTube Channel: https://www.youtube.com/user/DesignCourse Adobe XD Project File: https://traversymedia.com/downloads/traversy_designcourse.zip • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Fo
-
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
-
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
-
05:57 Popular
Use A Custom Font On Your Website Using CSS
Added 110 Views / 0 LikesQuick tutorial on how to use a custom font on your html website using css.
-
29:54 Popular
Use Babel & Webpack To Compile ES2015 - ES2017
Added 104 Views / 0 LikesIn this video we will build the Babel Webpack Starter Pack which is a workflow to compile ES2015/ES6, ES2016/ES7 and ES2017 code down to ES5. This allows us to use ES6 modules and later ECMAScript features such as async/await. We will also setup webpack-dev-server to have an auto load server without having to re-compile SPONSOR: GDP HOST - WANT CHEAP WEB HOSTING? https://goo.gl/iZjcGk CODE: https://github.com/bradtraversy/babel_webpack_starter • BECOM
-
17:22 Popular
Using Bootstrap With Ruby on Rails
Added 116 Views / 0 LikesHere I will show you how to use Bootstrap with Ruby on Rails using the "bootstrap-sass" and "autoprefixer" gem
-
23:41 Popular
Using Chart.js With React
Added 116 Views / 0 LikesIn this video I will show you how to build a React app that implements the Chart.js JavaScript library for building charts Please watch the "Getting Started With Chart.js" video first if you are unfamiliar with Chart.js https://www.youtube.com/watch?v=sE08f4iuOhA CODE: Code for this video https://github.com/bradtraversy/reactcharts React-chartjs-2 Github Page https://github.com/gor181/react-chartjs-2 10 Project React Course! http://www.traversymedia.c
-
26:13 Popular
Using MySQL With Node.js
Added 116 Views / 0 LikesIn this quick guide I will show you how to use MySQL along with Node.js. This is something I am constantly asked by LAMP stack devs wanting to learn Node.js. We will be using the MySQL JavaScript client along with Express and Node. CODE: Code for this video http://www.traversymedia.com/downloads/nodemysql.zip BECOME A PATRON: Support me directly for even $1 per month http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/travers
-
15:30 Popular
Using Webpack and Babel In Your Project
Added 103 Views / 0 LikesIn this quick video I will show you how to setup a Webpack project so that you can use JavaScript modules. We'll setup both CommonJS and ES2015 module capability
-
46:31 Popular
Vagrant Crash Course
Added 109 Views / 0 LikesIn this crash course we will dive into Vagrant which is used to create isolated & portable development environments. We will go into each part of the Vagrantfile, do some exploring via SSH and create a LAMP stack box (Linux, Apache, MySQL, PHP). Vagrantfile & bootstrap.sh: https://github.com/bradtraversy/vagrant_lamp_traversy • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversyme
-
2:13:11
Vanilla JavaScript Search App | Wikipedia API
Added 46 Views / 0 LikesIn this project we will build a search app using HTML5, Sass, JavaScript and the Wikipedia API. Dave Gray's YouTube Channel: https://www.youtube.com/DaveGrayTeachesCode Code: https://github.com/gitdagray/search_app_tutorial Timestamps: 0:00 Intro and App Outline 1:00 Structuring the HTML 20:09 Adding font and icon libraries to the project 24:17 Styling the app with SASS 1:05:32 Developing functionality with JavaScript 1:58:29 Debugging trouble spots 2
-
25:52 Popular
Vanilla JS Number Facts App - Ajax & Fetch
Added 123 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
-
1:01:37
Vanilla Node.js REST API | No Framework
Added 59 Views / 0 LikesLet's create a REST API using Node.js only, without Express Code: https://github.com/bradtraversy/vanilla-node-rest-api • Support The Channel! http://www.patreon.com/traversymedia Website & Brad Traversy Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia Timestamps: 0:00 - Intro 2:03 - Getting Started 3:06 - HTTP C
-
38:37 Popular
Visual Studio Code Intro & Setup
Added 141 Views / 0 LikesIn this video we will take a look at the Visual Studio Code text editor and talk about the features, how to navigate the editor, use the terminal. we will setup some of my favorite extensions and briefly look at version control. VSCode video created by my Discord server mod, Simen: https://www.youtube.com/watch?v=Z-IaHeiP6AI DISCORD SERVER: https://discord.gg/traversymedia • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymed
-
16:24
Vite Crash Course | Faster Alternative To CRA
Added 43 Views / 0 LikesIn this video, we will talk about the Vite JavaScript build tool. We will also compare it to Webpack as well as Create React App. 💻 Blog Post: https://www.traversymedia.com/blog/vite-crash-course ⭐ All Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Traversy Media On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram
-
22:40 Popular
VSCode ESLint, Prettier & Airbnb Style Guide Setup
Added 117 Views / 0 LikesIn this video we will setup linting with the Airbnb style guide for clean and consitent JavaScript code in VSCode Commands & Config: https://gist.github.com/bradtraversy/aab26d1e8983d9f8d79be1a9ca894ab4 Sponsor: Freelancer Bundle (Use "brad25" 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 Travers
-
18:58 Popular
VSCode In The Cloud - Setup a Remote Dev Environment
Added 121 Views / 0 LikesIn this video we will setup a complete remote development environment using code-server on a Vultr cloud server. code-server Repo: https://github.com/codercom/code-server Vultr: Get $50 credit https://www.vultr.com/?ref=7992714-4F • 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/tra
-
15:04 Popular
VSCode Keyboard Shortcuts For Productivity
Added 115 Views / 0 LikesLet's look at some keyboard shortcuts in VSCode to increase your productivity and coding speed Gist With Shortcuts: https://gist.github.com/bradtraversy/b28a0a361880141af928ada800a671d9 • 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/t
-
3:16:31
Vue 3 & Supabase | Workout Tracker App
Added 40 Views / 0 LikesIn this video, we will build a workout tracker app with authentication using Vue.js 3 and its composition API along with Supabase Code: https://github.com/johnkomarnicki/active_tracker Live Demo: https://active-tracker-yt.herokuapp.com/login John's YouTube: https://www.youtube.com/c/JohnKomarnicki John's Twitter: Twitter: https://twitter.com/john_komarnicki 0:00 Introduction 0:35 Project walkthrough 5:41 Project setup 10:51 Supabase setup/creation 17:
-
1:08:52 Popular
Vue JS Crash Course - 2019
Added 113 Views / 0 LikesIn this crash course you will learn all about Vue.js including what it is, Vue-CLI, components, data, events, directives, etc Sponsor: http://www.netlify.com Code For Turorial: https://github.com/bradtraversy/vue_crash_todolist Deploy Sites With Netlify (Video): https://www.youtube.com/watch?v=bjVUqvcCnxM • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Other Udemy Courses http://www.traversymedia.com Follow
-
1:50:52
Vue JS Crash Course 2021
Added 37 Views / 0 LikesLearn the fundamentals of Vue JS (v3) in this project-based crash course Task Tracker: https://github.com/bradtraversy/vue-crash-2021 Random User Generator: https://codepen.io/bradtraversy/pen/LYbzJjK Latest Udemy Courses: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro & Slides 7:17 - User Generator Mini Project (CDN) 21:35 - Vue CLI Setup 24:30 - Files, Dev Server & Cleanup 28:22 - Glob
-
1:01:34 Popular
Vue js Customer Manager App Frontend
Added 103 Views / 0 LikesThis is the Vuejs 2.0 frontend to the REST API we created using SlimPHP in this video - https://www.youtube.com/watch?v=DHUxnUX7Y2Y Code Download - https://github.com/bradtraversy/vcustomers Backend REST API Download - https://github.com/bradtraversy/slimapp Vue.js in 60 Minutes - https://www.youtube.com/watch?v=z6hQqgvGI4Y&t=1031s Eduonix Vue.js Course - http://www.traversymedia.com/course/learn-web-development-using-vuejs/
-
18:14 Popular
Vue.js & Firestore App - Build & Deploy [Part 1]
Added 113 Views / 0 LikesIn this 6 part series we will build an application using the Vue.js framework and the Firebase Firestore cloud platform as our data store. In this video we will setup firestore, setup our app with Vue-CLI and create the Firebase config files CODE: Final Project https://github.com/bradtraversy/vue_firestore_employeemanager • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http
-
15:05 Popular
Vue.js & Firestore App - Build & Deploy [Part 2]
Added 114 Views / 0 LikesIn this video we will create all of our components including the dashboard, new-employee, edit-employee, view-employee and navbar. We will implement the router and also Materialize CSS for the UI CODE: Final Project https://github.com/bradtraversy/vue_firestore_employeemanager • 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
-
13:15 Popular
Vue.js & Firestore App - Build & Deploy [Part 3]
Added 107 Views / 0 LikesIn this video we will fetch the employee collection list from Firestore and display them in our app as a Materialize collection. CODE: Final Project https://github.com/bradtraversy/vue_firestore_employeemanager • 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.twitter.com/trav
-
15:12 Popular
Vue.js & Firestore App - Build & Deploy [Part 4]
Added 116 Views / 0 LikesIn this video we will fetch the individual employee from Firestore and create the details page, we will also implement the delete functionality CODE: Final Project https://github.com/bradtraversy/vue_firestore_employeemanager • 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.t
-
15:53
Vue.js & Firestore App - Build & Deploy [Part 5]
Added 95 Views / 0 LikesIn this video we will create the add employee and update employee functionality. We will build the forms with Materialize CSS and proceed the add/updates to Firestore CODE: Final Project https://github.com/bradtraversy/vue_firestore_employeemanager • 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/tra









