Web Development
-
15:05 Popular
Vue.js & Firestore App - Build & Deploy [Part 2]
Added 118 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 111 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
-
27:08 Popular
10 Essential Atom Editor Packages & Setup
Added 150 Views / 0 LikesIn this video I will start with a default Atom editor and add each of my favorite packages and plugins step by step so make Atom an overall better code editor. PACKAGE LIST: -Emmet -File Icons -Atom Live Server -Todo -Mini-Map -Pigments -Linter -Atom Beautify -Ask Stack -Highlight Selected SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia http://www.patreon.com/
-
34:48 Popular
Simple Ruby on Rails 5 REST API From Scratch
Added 115 Views / 0 LikesIn this video I will show you how to create a very simple REST API from scratch using Ruby on Rails 5. We will be able to make requests to perform CRUD on articles stored in a MySQL database. We will install the mysql2 gem along with the faker gem to randomly generate content. CODE: Code for this video https://github.com/bradtraversy/simple-rails-rest SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your supp
-
49:41
Bulma CSS Framework Crash Course
Added 100 Views / 0 LikesThis is a crash course and resource guide for the Bulma HTML & CSS framework. We will create a cheat sheet with most of the elements that are available including the navigation, typography, boxes, grid system, forms, tables , etc CODE: Code for this video http://www.traversymedia.com/downloads/bulmasandbox.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa SUPPORT: We spend massive amounts of time creating these free videos, please donate to s
-
17:46 Popular
Build A Filterable List With Vanilla JavaScript
Added 109 Views / 0 LikesIn this mini-project and JavaScript tutorial we we will build a filterable list. We will also be using Materialize for CSS and layout. We are not using any other plugins or anything like that, it is all vanilla JavaScript CODE: Code for this project http://www.traversymedia.com/downloads/filterablelist.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa BECOME A PATRON: Support me directly for even $1 per month http://www.patreon.com/traversyme
-
48:21 Popular
Build A Meteor.js App In 45 Minutes
Added 106 Views / 0 LikesIn this video we will build a note manager application with the Meteor.js full stack JavaScript framework. Meteor uses MongoDB which is a NoSQL database, it also uses the Blaze template system. We will also use MaterializeCSS by installing the Meteor package. CODE: Code for this project https://github.com/bradtraversy/notemanager SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa MOBILE COURSE: http://www.traversymedia.com/course/projects-top-five
-
08:20 Popular
Angular 4 Front To Back: Udemy Course Preview
Added 116 Views / 0 LikesThis is a preview of my first Udemy course under Traversy Media. If you want to support me in the best way possible and you want to learn more about Angular, please consider checking it out. GET FOR $25! - ONLY 100 OF THESE! https://www.udemy.com/angular-4-front-to-back/?couponCode=TRAVERSY
-
1:01:12 Popular
Angular In 60 Minutes
Added 110 Views / 0 LikesUPDATED 2019 VERSION HERE - https://www.youtube.com/watch?v=Fdf5aTYRW0E In this Angular crash course we will be diving into the Angular framework to look at all the fundamentals including Angular CLI, components, services, types, directives, events, HTTP, routing and more FULL COURSE WITH PROJECT: https://www.udemy.com/angular-4-front-to-back/?couponCode=TRAVERSY010 CODE: Code for this video https://github.com/bradtraversy/a4app BECOME A PATRON: http:
-
37:20
Hapi.js Framework Crash Course
Added 92 Views / 0 LikesIn this under 40 minute crash course we will be talking about and working with the Hapi.js server side framework. Hapi js is similar to Express. We can setup routes, implement templates, work with databases and so on. CODE: Code for this video https://github.com/bradtraversy/hapiapp SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa BECOME A PATRON: Support me directly for even $1 per month http://www.patreon.com/traversymedia ONE TIME DONATIONS:
-
20:48
Basic Parallax Website With HTML & CSS
Added 91 Views / 0 LikesIn this video we will be building a very basic implementation of a parallax website with fixed scrolling using HTML and CSS. We will make it so that we can scroll and the images will stay in place. We will also learn some other basic HTML and CSS tips along the way CODE: Code for this video http://www.traversymedia.com/downloads/parallaxwebsite.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa BECOME A PATRON: Support me directly for even $1
-
21:01 Popular
Create a Fake REST API with JSON-Server
Added 118 Views / 0 LikesIn this video I am going to show you how to install a fake REST API using an incredible tool called JSON-Server. This is used for mocking and prototyping and is something that I personally use all of the time. It is useful to anyone building frontend apps with something like Angular, React, etc. CODE: Download the files http://www.traversymedia.com/downloads/jsonserver.zip JSON CRASH COURSE: https://www.youtube.com/watch?v=wI1CWzNtE-M SPONSORS: DevMou
-
1:00:42
HTML Crash Course For Absolute Beginners
Added 96 Views / 0 LikesIn this crash course I will cram as much about HTML that I can. This is meant for absolute beginners. If you are interested in learning HTML but know nothing, then you are in the right place. We will be creating a cheat sheet with all of the common HTML5 tags, attributes, semantic markup, etc. We will not be focusing on CSS in this video. The CSS crash course will be released shortly after 17+ Hour HTML & CSS Course (Promo Link): https://www.udemy.com
-
1:25:11 Popular
CSS Crash Course For Absolute Beginners
Added 126 Views / 0 LikesIn this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations, etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox. 17+ Hour HTML & CSS Course (Promo Link): ht
-
26:13 Popular
Using MySQL With Node.js
Added 119 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
-
16:57
Simple Weight Converter App With JavaScript & Bootstrap 4
Added 88 Views / 0 LikesIn this mini-project tutorial we will be building a simple weight converter app using JavaScript and Bootstrap 4 for the ui. It will convert pounds to grams, kilograms and ounces. This will be pure vanilla JavaScript with no JS libraries or frameworks. CODE: Code for this project https://codepen.io/bradtraversy/pen/jGNWey BECOME A PATRON: Get special perks http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLL
-
18:52 Popular
Animate Your Font Awesome Icons With JavaScript
Added 108 Views / 0 LikesIn this video we will create some animated font-awesome effects using vanilla JavaScript setTimeout and setInterval function. This is a simple project but I thought a cool one to share. I am really liking creating things with plain JS lately. CODE: Code for this video http://www.traversymedia.com/downloads/animicons.zip BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedi
-
20:54 Popular
Build a Chat App With MongoDB & Socket.io [Part 1]
Added 142 Views / 0 LikesIn this 2 part series we will be building a simple Node.js chat application that uses a MongoDB database to store messages and Socket.io for bi-directional communication. Although this is a simple app, the code is a bit advanced but I do try and explain things the best I can. We will build the Node server in this video CODE: Code for this project https://github.com/bradtraversy/mongochat MongoDB 12 Project Course: Please use this link :) https://www.e
-
32:21
Build a Chat App With MongoDB & Socket.io [Part 2]
Added 99 Views / 0 LikesThis is the second part of the chat application with Node.js, MongoDB and Socket.io. In this video we will build out the UI using Bootstrap 4 as well as the client side JavaScript CODE: Code for this project https://github.com/bradtraversy/mongochat MongoDB 12 Project Course: Please use this link :) https://www.eduonix.com/affiliates/id/16-10219 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://
-
20:17 Popular
Getting Started With Animate.css
Added 108 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
-
07:34 Popular
Building a GraphQL Server [Part 1] - What Is GraphQL?
Added 118 Views / 0 LikesIn part 1 of 5 of this series we will talk about what GraphQL is, what it is used for and we will also look at some of the queries and how simple they are. We will also talk about what to expect in the next few videos 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:/
-
10:12 Popular
Building a GraphQL Server [Part 2] - Server & Express GraphQL Setup
Added 132 Views / 0 LikesIn part 2 of 5 we will install express, express-graphql and we will create an initial dev server to run on our machine. We will create the server.js file and start the main schema.js file 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.facebook.com/traversymedi
-
15:13 Popular
Building a GraphQL Server [Part 3] - RootQuery & Fetching Data
Added 115 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
-
08:20 Popular
Building a GraphQL Server [Part 4] - JSON Server & Axios
Added 106 Views / 0 LikesIn part 4 of 5 of this series we will move away from hardcoded data and implement JSON-server which gives us a mock REST API. We will also install Axios to make our requests. 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.facebook.com/traversymedia http://www.
-
12:04 Popular
Building a GraphQL Server [Part 5] - Mutations
Added 138 Views / 0 LikesIn part 5 of 5 of this series we will create all of our mutations to add, delete and edit customers. We will run the mutations via Graphiql IDE 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.facebook.com/traversymedia http://www.twitter.com/traversymedia http:
-
27:55 Popular
CSS Grid Layout Crash Course
Added 109 Views / 0 LikesIn this video we will look at the new CSS Grid layout and how to create grid based layouts and alignments. We will look at properties for containers and items. CODE: Code for this tutorial http://www.traversymedia.com/downloads/cssgrid.zip BUILD A CSS GRID WEBSITE: https://www.youtube.com/watch?v=moBhzSC455o BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRA
-
13:04
Mobile Apps - Web vs. Native vs. Hybrid
Added 93 Views / 0 LikesIn this presentation we will examine the pros and cons of the different types of mobile apps that you can build. We will look at web, native and hybrid mobile apps and compare things like performance, price, difficulty to maintain, etc SPONSORS: ZEQR - https://www.zeqr.com MEGA MOBILE COURSE: https://www.eduonix.com/affiliates/id/16-10474 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.pay
-
30:30
Create Particle Effects With Particles.js
Added 99 Views / 0 LikesIn this tutorial we will be looking at the Particle.js JavaScript library which allows us to create really cool particle systems and effects. We will configure things like number of particles, colors, movement, interactivity and more. We will also build a login box over the particle js canvas. CODE: Code for this project http://www.traversymedia.com/downloads/particleslogin.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa BECOME A PATRON: Sh
-
06:45
Bootstrap 4 Udemy Course Preview & Coupon
Added 99 Views / 0 LikesIn this video I will go over my new Bootstrap 4 course which has 10.5 hours of content and 5 real world projects including beautiful themes and UIs. As subscribers you get the $50 course for just $15. Make sure you use the link below 70% OFF COUPON - Get it for $15 https://www.udemy.com/bootstrap-4-from-scratch-with-5-projects/?couponCode=YOUTUBE
-
35:35 Popular
Emmet For Faster HTML & CSS Workflow
Added 115 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









