Traversy Media
-
32:30 Popular
Full Stack React & LoopBack [4] - Add, Edit & Delete Meetups
Added 137 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 120 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
-
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
-
25:30 Popular
Full Stack Vue.js, Express & MongoDB [1] - Express API
Added 105 Views / 0 LikesIn this 3 part series we will build a small app using Vue.js on the client, Express on the backend and MongoDB for our database and we will deploy to Heroku. The point of this series is to see how it all comes together Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/microposts_fullstack_vue • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.trav
-
28:46 Popular
Full Stack Vue.js, Express & MongoDB [2] - Vue Frontend
Added 117 Views / 0 LikesIn part 2 we will be adding the client side using the Vue CLI and connect to our backend Express app. We will create a PostService to interact with the API from part 1 Code: https://github.com/bradtraversy/microposts_fullstack_vue • 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:16 Popular
Full Stack Vue.js, Express & MongoDB [3] - Prepare & Deploy
Added 109 Views / 0 LikesIn this video we will prepare our app with a proxy and special build location config. Then we will deploy our app to Heroku using the Heroku CLI and Git Code: https://github.com/bradtraversy/microposts_fullstack_vue • 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/traversymedia http
-
23:37
Fullscreen Video Background With HTML & CSS
Added 83 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
-
1:04:34
Gatsby JS Crash Course
Added 88 Views / 0 LikesThis is a 1 hour crash course on Gatsby JS which is a static site generator that runs on React and GraphQL. We will be creating a static site along with a Markdown based blog using a few plugins. We will also deploy our Gatsby site to Netlify Sponsor: Anthrodesk http://anthrodesk.com/ Code: Github Repo: https://github.com/bradtraversy/gatsby_crash_course Deployed Site: https://sharp-williams-dedbed.netlify.com/ • Become a Patron: Show support & get pe
-
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.
-
18:45 Popular
Getting Started With AdonisJS 4.0 [1] - Framework Intro & Setup
Added 113 Views / 0 LikesIn this video we will talk about and setup the AdonisJS 4.0 Node.js framework and look at the file structure, talk about routes, views and more. We will get ready to start our blog application SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/trs CODE: Github Repo https://github.com/bradtraversy/adonis40blog BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversyme
-
12:55
Getting Started With AdonisJS 4.0 [2] - Controller, Layouts & Routing
Added 94 Views / 0 LikesIn this video we will setup a posts controller and add an index method. We will also look more at routing and views and create a layout to wrap around our views. We will also implement Twitter Bootstrap 4. CODE: Github Repo https://github.com/bradtraversy/adonis40blog BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBSITE: http://www.traversymedia.com FOLL
-
17:36
Getting Started With AdonisJS 4.0 [3] - Database & Model
Added 93 Views / 0 LikesIn this video we will be installing the MySQL driver and creating the database migration for the posts as well as the post model. We will fetch the posts from the database and display them in the view. We will create the index and details views to display the data CODE: Github Repo https://github.com/bradtraversy/adonis40blog BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traver
-
11:46
Getting Started With AdonisJS 4.0 [4] - Add Post & Validation
Added 93 Views / 0 LikesIn this video we will add functionality to the add post form and insert data into MySQL. We will also install the validator provider for form validation as well as setup the flash messaging for errors CODE: Github Repo https://github.com/bradtraversy/adonis40blog BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBSITE: http://www.traversymedia.com FOLLOW TR
-
13:19 Popular
Getting Started With AdonisJS 4.0 [5] - Edit & Delete Posts
Added 107 Views / 0 LikesIn this video we will add the edit and delete post methods to our application, making it a full CRUD app. This series will continue with authentication in the future CODE: Github Repo https://github.com/bradtraversy/adonis40blog BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBSITE: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.c
-
20:17 Popular
Getting Started With Animate.css
Added 105 Views / 0 LikesIn this video I will show you how to implement Animate.css which is a very easy way to add some animation to your websites and UIs. It is as simple as applying a class. Ill also how you how to trigger animations using JS and jQuery. CODE: Code for this video https://codepen.io/bradtraversy/pen/BwBjEK BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY ME
-
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
-
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
-
27:28
Getting Started With Open Source & GitHub
Added 63 Views / 0 LikesIn this video, we will talk about open source and using Github Check out Eddie's YouTube Channel: https://www.youtube.com/channel/UC5mnBodB73bR88fLXHSfzYA Timestamps 0:00 Introduction 0:34 What is Open Source 2:09 Why you should care about Open Source 4:20 Customizing your GitHub profile 5:05 GitHub organisation 5:19 GitHub repository 7:40 Search GitHub for issues by language and label 10:06 Markdown examples 13:09 GitHub pull request 14:01 CI / CD wi
-
19:35 Popular
Getting Started With Three.js
Added 142 Views / 0 LikesIn this video we will look at the Three JS animation library using the WebGL renderer. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Code: https://codepen.io/bradtraversy/pen/VOpZvp Textures: https://github.com/mrdoob/three.js/tree/master/examples/textures Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://ww
-
32:42 Popular
Git & GitHub Crash Course For Beginners
Added 114 Views / 0 LikesIn this Git tutorial we will talk about what exactly Git is and we will look at and work with all of the basic and most important commands such as add, commit, status, push and more. This tutorial is very beginner friendly. DONATIONS: We spend huge amounts of time making these videos available for free. Any donation is greatly appreciated https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=KLVYJVNUJ5NV4
-
17:43
GitHub Copilot - First Look
Added 40 Views / 0 LikesIn this video, we will look at and try the GitHub Copilot AI pair programmer Sponsor: Hostinger (10% off with TRAVERSYMEDIA) https://www.hostinger.com/traversymedia Latest Udemy Courses: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro 2:28 - Specific Functions 4:52 - Generating Data 6:04 - Working with Data (Ordering, etc) 7:45 - Working With Fetch and API 12:04 - Async/Await Example 13:0
-
21:25
GitHub Pages Deploy & Domain
Added 97 Views / 0 LikesIn this video we will use the gh-pages npm module to easily deploy any frontend app or website to Github pages. We will do a static site and a React app. I will also show you how to connect a domain name. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Github A Record IPs: 185.199.108.153 185.199.109.153 185.199.110.153 185.199.111.153 Get Domains Cheap: Please use affiliate link :) https://namecheap.pxf.io/c/1299552/386170/5618 Git Crash Course:
-
1:38:42 Popular
Go / Golang Crash Course
Added 115 Views / 0 LikesIn this crash course we will get started with the Go programming language. There is no prior knowledge of Go required. We will setup a workspace and look at fundamentals like variables, slices, conditionals, maps, structs and more Workspace - 1:35 Hello World - 7:37 Variable & Types - 11:18 Packages - 21:43 Functions - 26:25 Arrays / Slices - 29:35 Conditionals - 35:15 Loops - 41:30 Maps - 47:27 Range - 0:53:25 Pointers - 1:01:23 Closures - 1:06:48 St
-
44:03
Golang REST API With Mux
Added 94 Views / 0 LikesIn 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
-
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 &
-
32:47
Google Geocode API & JavaScript Tutorial
Added 78 Views / 0 LikesIn this video we will be working with the Google geocoding API to get all location info including latitude and longitude from an address or even from just the name of a city or state. We will build an application with a Bootstrap 4 form to interact with the API. CODE: Code for this video http://www.traversymedia.com/downloads/mygeocode.zip Google Map API Tutorial: https://www.youtube.com/watch?v=Zxf1mnP5zcw SPONSORS: DevMountain Bootcamp - https://goo
-
27:27
Google Maps JavaScript API Tutorial
Added 81 Views / 0 LikesIn this video I will work a little bit with the Google Maps API as requested by some of my subscribers. We will implement a map with some custom markers, info window, event listeners and we will optimize the code so that we can easily add new markers with new properties. CODE: Code for this video http://www.traversymedia.com/downloads/mymap.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa SUPPORT: We spend massive amounts of time creating th
-
3:14:39
GraphQL Crash Course With Full Stack MERN Project
Added 30 Views / 0 Likes⭐ Join Masterschool & pay nothing until you're hired! https://goto.masterschool.com/brad2022 In this video, we will build a full-stack project management system with GraphQL, Express, MongoDB, React, and Apollo. 💻 Code: https://github.com/bradtraversy/project-mgmt-graphql 💻 Query & Mutation Gist: https://gist.github.com/bradtraversy/fc527bc9a4659ab8de8e8066f3498723 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me
-
35:01 Popular
GraphQL With React & Apollo [1] - Express GraphQL Server
Added 111 Views / 0 LikesIn this series we will build a small app using GraphQL, Express, React & Apollo. In the first part we will implement our GraphQL Express server. We will use SpaceX data using their API. Sponsor: Eduonix AWS: https://www.indiegogo.com/projects/aws-architect-and-developer-certification-program/reft/19668519/brad-aws1 Data Science: https://www.kickstarter.com/projects/1311831077/data-science-foundational-program-4-courses-and-eb?ref=5u5zy0 Code: https://
-
29:39 Popular
GraphQL With React & Apollo [2] - React & Apollo Setup
Added 127 Views / 0 LikesWe will do a lot in this video from setting up React with concurrently, installing and setting up apollo and creating our launches query and component. • 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/traversymedia https://www.instagram.com/traversymedia









