Traversy Media
-
1:04:07 Popular
Responsive Landing Page Using HTML & CSS (A Little jQuery)
Added 101 Views / 0 LikesIn this project we will build a responsive landing page website from scratch without any frameworks. It will be modeled after the iTunes website as far as layout and content. We will use HTML5, CSS3 and a bit of jQuery Sponsor: JavaScript Edegree Mastery Course https://www.kickstarter.com/projects/1311831077/eduonix-fullstack-javascript-developer-edegree?ref=clxt1u Code: https://github.com/bradtraversy/mytunes_landing Deployment: https://bradtraversy.
-
1:14:01 Popular
Express JS Crash Course
Added 101 Views / 0 LikesIn this crash course we will dive into the Express JS framework for Node.js. I recommend first watching my Node.js crash course. Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html Code: https://github.com/bradtraversy/express_crash_course • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Node/Express/Mongo Udemy Course: https://www.udemy.com/nodejs-express-mongodb-dev-
-
17:14 Popular
Guide To Becoming A Self-Taught Software Developer
Added 101 Views / 0 LikesIn this video I will go through my 9 suggested steps for becoming a software developer of any type without going to college or bootcamp. 70+ Developer Job Websites https://medium.com/@traversymedia/70-job-find-websites-for-developers-other-tech-professionals-34cdb45518be • 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.twitte
-
17:15
Convert an HTML Template to Joomla 2.5/3.0 - Part One
Added 100 Views / 0 LikesIn this video we will convert a standard html template into a Joomla installable template. ATTENTION: bootstrapjoomla.com is down for a bit BUT you can still get these modules on Github - https://github.com/joomdigi
-
11:17
JavaScript ES6 / ES2015 - [08] Set, Map, WeakSet and WeakMap
Added 100 Views / 0 LikesIn this video we will look at some of the new data structures. Map, set, weakmap and weakset Source Code - https://github.com/bradtraversy/youtube_es2015_source/tree/master/07_set_map CHECK OUT MY ES2015 COURSE: https://www.eduonix.com/affiliates/id/16-10397 SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia
-
32:12
MongoDB In 30 Minutes
Added 100 Views / 0 LikesUPDATED VIDEO 2019 - https://www.youtube.com/watch?v=-56x56UppqQ In this video we will dive into the MongoDB NoSQL database and look at the fundamentals and the syntax to create, read, update and delete documents/data NODE.JS, EXPRESS & MONGODB COURSE: https://www.udemy.com/nodejs-express-mongodb-dev-to-deployment/?couponCode=DISCOUNT459895 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia COURSES & MORE INFO: http://www.
-
57:44
Ionic 2 Mobile App in Under 60 Minutes
Added 100 Views / 0 LikesIn this video we will build a complete Ionic 2 mobile application in under an hour. It's an app using the Reddit API. We can list top subreddits and filter by category. We will also have a settings area where we can set default category and limit of posts ANDROID SDK & AVD SETUP VIDEO: https://www.youtube.com/watch?v=KRLLjlpy0r4 CODE: https://github.com/bradtraversy/ionreddit There are 2 more Ionic 2 apps in my Angular 2 project course here - https://
-
13:50
Laravel From Scratch [Part 3] - Basic Routing & Controllers
Added 100 Views / 0 LikesIn this video we will create some routes and a controller for our pages. Ill show you how to load a view from a controller function 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: We spend massive amounts of time creating these free videos, please donate to show your support:
-
11:46
Getting Started With AdonisJS 4.0 [4] - Add Post & Validation
Added 100 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
-
41:34
Web Development In 2019 - A Practical Guide
Added 100 Views / 0 LikesThis is my yearly step by step guide to becoming a web developer in 2019. We will look at nearly all aspects of web technology including the necessities as well as some of the new trends for 2019. • 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.c
-
12:58
Create Desktop Apps With Web Technologies - NW.js
Added 100 Views / 0 LikesIn this video I will show you how to use the NW SDK (Node-Webkit) to create a desktop app with web technologies (HTML/CSS/JS, React, Node, etc). We will take a vanilla JS app and create a desktop version of it in about 10 minutes. Code: https://github.com/bradtraversy/breakout_desktop_nw Vanilla Web Projects Course: (FEBRUARY1399) https://www.udemy.com/course/web-projects-with-vanilla-javascript/?referralCode=F9B7C7FED834F91ADE75 • Become a Patron: Sh
-
1:12:39
Node.js & Express API | Expense Tracker - Part 2 (MERN)
Added 100 Views / 0 LikesIn this video we will take the react app from the last video and make it a full stack MERN app by adding a backend API with Express and MongoDB Original React Version: https://github.com/bradtraversy/expense-tracker-react MERN Version: https://github.com/bradtraversy/expense-tracker-mern • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: h
-
11:51
5 Design Patterns Every Engineer Should Know
Added 100 Views / 0 LikesIn this video we will talk about some important software design patterns Jack Herrington YouTube Channel: https://www.youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw Timestamps: 0:00 - Intro 2:14 - Singleton Pattern 3:51 - Facade Pattern 5:48 - Bridge/Adapter Pattern 8:02 - Strategy Pattern 9:48 - Observer Pattern
-
16:38
Codeigniter App Part 3 - Home Controller and View
Added 99 Views / 0 LikesWe will setup a default controller and create a main layout that we can use with all of our views The full source code is at - https://github.com/bradtraversy/mytodo_ci
-
14:13
Installing Apache Cassandra In Windows
Added 99 Views / 0 LikesIll show you how to install and implement an Apache Cassandra server on to a Windows 7 machine. We will also install and look at OpsCenter and the CQLSH development shell to create a Keyspace and insert some data
-
21:12
jQuery Crash Course [1] - Intro & Selectors
Added 99 Views / 0 LikesIn this video we will cover jQuery selectors in depth. We can select elements by id, class, CSS3 pseudo selectors and the elements themselves. My 10 Project jQuery/JS Course - https://www.eduonix.com/affiliates/id/16-10039 Project Files - https://github.com/bradtraversy/jquery_crash_course
-
1:15:47
ExpressJS Crash Course
Added 99 Views / 0 LikesUPDATED 2019 VIDEO HERE - https://www.youtube.com/watch?v=L72fhGm1tfE NodeJS and ExpressJS front to back. In this course we will look at the following concepts... Express Installation & Setup Middleware Routing Template Engines Forms & Input MongoDB w/ MongoJS Express generator will be in another video NODE.JS, EXPRESS & MONGODB COURSE: https://www.udemy.com/nodejs-express-mongodb-dev-to-deployment/?couponCode=DISCOUNT459895 SUPPORT THIS CHANNEL WITH
-
23:14
MEAN Stack Front To Back [Part 4] - API Authentication and Token
Added 99 Views / 0 LikesIn this video we will implement Passport.js and JWT (Json Web Tokens) for authentication. Users will be able to register with the API and get a token to be able to submit to protected routes Just The Backend API Repo https://github.com/bradtraversy/nodeauthapp Code Up To This Point: http://www.traversymedia.com/downloads/meanauthapp/meanauthapp_part_4.zip My Courses: http://traversymedia.com/eduonix-courses DONATIONS: Any donation is greatly appreciat
-
24:49
JSON Crash Course
Added 99 Views / 0 LikesIn this video we will talk about JSON, JavaScript object literals and AJAX. Ill show you how to create JSON objects and arrays and also how to make an Ajax request to a .json file CODE: Code for this video http://traversymedia.com/downloads/json_sandbox.zip EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-courses SUPPORT: We spend massive amounts of time creating these free videos, please donate to sh
-
13:35
PHP Front To Back [Part 12] - Common String Functions
Added 99 Views / 0 LikesIn this video we will go over some common and useful string functions such as substr() strpos() strtoupper() strtolower() ucwords() trim() str_replace() gzcompress() CODE: Code for this video http://www.traversymedia.com/downloads/phpsandbox/phpsandbox10.zip EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-courses SUPPORT: We spend massive amounts of time creating these free videos, please donate to s
-
41:08
Facebook Login & Graph API | JavaScript SDK
Added 99 Views / 0 LikesIn this freestyle coding video I will implement Facebook login using the JavaScript SDK and we will take a look at the Graph API. We will also be working with the Graph API explorer and taking a look at the different permissions that we can request with the access token CODE: Code for this video https://github.com/bradtraversy/socialauth Graph API Explorer: https://developers.facebook.com/tools/explorer/ Register Facebook App: https://developers.faceb
-
13:04
Mobile Apps - Web vs. Native vs. Hybrid
Added 99 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
-
19:14
Create a Sortable & Responsive Grid With Muuri
Added 99 Views / 0 LikesIn this video we will take a look at a JavaScript layout engine called Muuri which allows us to create sortable, draggable and responsive grid layout with ease. CODE: Codepen for this project https://codepen.io/bradtraversy/pen/qpqPGv • 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 htt
-
49:59
Build A Pet Find App | JS, Parcel, Babel, Fetch-JSONP
Added 99 Views / 0 LikesIn this simple vanilla JS project we will use the Petfinder API to create an application to find animals near a specific zipcode. We will use Parcel to build our assets and Babel to compile our JavaScript. We will also use the fetch-jsonp package to deal with cross domain requests. Code: https://github.com/bradtraversy/find_a_pet • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traver
-
15:03
Simple Pure CSS Spinners
Added 99 Views / 0 LikesIn this video we will be creating some simple pure CSS spinners or loaders using keyframes. Code: https://codepen.io/bradtraversy/pen/YLNYQE • 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/traversymedia
-
40:25
JavaScript Cardio [Session 3] - Add All, Sum Primes, Seek & Destroy
Added 99 Views / 0 LikesSession 3 of our Intermediate whiteboard style JavaScript challenges and solutions to sharpen your skills and prepare you for interviews. Sponsor: http://brilliant.org/TraversyMedia First 200 students get 20% off! 100 Algo Course - Dylan Isreal: https://www.udemy.com/100-algorithms-challenge/?couponCode=CODINGGOD Past Sessions: Session 1: https://www.youtube.com/watch?v=M2bJBuaOeOQ Session 2: https://www.youtube.com/watch?v=FfchU1FS2IA • Become a Patr
-
36:32
Documenting Your JavaScript | JSDoc Crash Course
Added 99 Views / 0 LikesIn this video I will go over JSDoc for documenting your JavaScript code as well as using it for type checking Sponsor: Linode Cloud Hosting Get $20 Free by visiting https://www.linode.com/traversy Code: https://github.com/bradtraversy/jsdoc-examples • 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 ht
-
25:25
Particles Effect With P5.js
Added 99 Views / 0 LikesIn this video we will use the P5.js library to create a particles effect background. We will also explore P5 a bit. Check out Florins channel: https://www.youtube.com/channel/UCeU-1X402kT-JlLdAitxSMA Code (Florin Pop): https://codepen.io/FlorinPop17/full/wvvrbmY Vectors Explained by the P5 Master, Daniel Shiffman: https://www.youtube.com/watch?v=mWJkvxQXIa8 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website: http
-
10:42
Learning Flux and React.js - Part 3
Added 98 Views / 0 LikesIn this series we will take an in depth look at how to structure a Flux/React.js application. Fluxboiler - https://github.com/bradtraversy/fluxboiler To learn more about Flux and React.js, signup for my course at - https://www.eduonix.com/courses/Web-Development/Getting-Started-with-Facebook-Flux-Tutorial
-
37:20
Hapi.js Framework Crash Course
Added 98 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:









