Traversy Media
-
39:01 Popular
JavaScript DOM Crash Course - Part 1
Added 107 Views / 0 LikesThis crash course focuses on the DOM WITHOUT JQUERY. In this part we will talk about what the JavaScript DOM (Document Object Model) is and we will look at the different selectors like document.getElementById() document.getElementsByClassName() document.getElementsByTagName() document.querySelector() document.querySelectorAll() We will also look at how to change content and styles via these selectors CODE: Code for this video http://www.traversymedia.
-
21:21 Popular
JavaScript DOM Crash Course - Part 2
Added 102 Views / 0 LikesIn this video we will learn how to traverse and move around the DOM with properties like parentNode, parentElement, nextElementSibling and so on. We will also learn how to insert elements with createElement() and createTextNode() CODE: Code for this video http://www.traversymedia.com/downloads/domcrashcourse2.zip BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURS
-
33:45 Popular
JavaScript DOM Crash Course - Part 3
Added 104 Views / 0 LikesIn this lesson in the JavaScript DOM, we will be looking at different events and how to attach them to DOM elements with addEventListener(); CODE: Code for this video http://www.traversymedia.com/downloads/domcrashcourse3.zip 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.c
-
22:08 Popular
JavaScript DOM Crash Course - Part 4 [Final Project]
Added 101 Views / 0 LikesIn this video we will take what we learned in the last 3 videos and create a simple Item lister project where we can add list items with a form, delete them and filter through them all with vanilla JavaScript and DOM properties and methods. CODE: Codepen for this project https://codepen.io/bradtraversy/pen/Bwapow BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURS
-
51:43
JavaScript Drag & Drop Sortable List Project
Added 44 Views / 0 LikesLearn the drag & drop API, array methods, spread operator, and DOM manipulation in this vanilla JavaScript project Full 20 Projects Course: https://www.udemy.com/course/web-projects-with-vanilla-javascript/?referralCode=F9B7C7FED834F91ADE75 Code: [MONTHNAME]2021 Code: https://github.com/bradtraversy/vanillawebprojects/tree/master/sortable-list TImestamps: 0:00 - Intro 2:27 - Insert List Items Into DOM 12:02 - Scramble List Items 18:44 - The CSS 31:07
-
05:46 Popular
JavaScript ES6 / ES2015 - [01] Introduction
Added 116 Views / 0 LikesThis is an introduction to my ES6 / ES2015 mini-course. We will be discussing all of the new features of ES6 Source Code For Entire Series - https://github.com/bradtraversy/youtube_es2015_source 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
-
11:27 Popular
JavaScript ES6 / ES2015 - [02] Compile ES6 With Babel
Added 102 Views / 0 LikesIn this video I will show you how to set up an ES6 project and use Babel to compile your code to ES5 to be compatible with just about every browser Source Code - https://github.com/bradtraversy/youtube_es2015_source/tree/master/01_babel 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/traversymedi
-
08:20 Popular
JavaScript ES6 / ES2015 - [03] Let and Const Declaration
Added 105 Views / 0 LikesIn this video Ill show you how to start using the let and const declaration for setting variables and constants CHECK OUT MY ES2015 COURSE: https://www.eduonix.com/affiliates/id/16-10397 Source Code - https://github.com/bradtraversy/youtube_es2015_source/tree/master/02_let_const SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia
-
07:37
JavaScript ES6 / ES2015 - [04] Classes and Inheritance
Added 100 Views / 0 LikesIn this video we will go over the new ES6 class and inheritance syntax Source Code - https://github.com/bradtraversy/youtube_es2015_source/tree/master/03_classes 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
-
04:52
JavaScript ES6 / ES2015 - [05] Template Literals
Added 92 Views / 0 LikesIn this video we will go over using template literals and how to use multiple line templates with backticks Source Code - https://github.com/bradtraversy/youtube_es2015_source/tree/master/04_template CHECK OUT MY ES2015 COURSE: https://www.eduonix.com/affiliates/id/16-10397
-
05:55
JavaScript ES6 / ES2015 - [06] New String & Number Methods
Added 95 Views / 0 LikesIn this video we will discuss some of the new string and number methods and features Source Code - https://github.com/bradtraversy/youtube_es2015_source/tree/master/05_string_number_methods 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
-
04:35 Popular
JavaScript ES6 / ES2015 - [07] Default Params & Spread Operator
Added 101 Views / 0 LikesLets take a look at how to use default parameters in ES6. We will also look at the spread operator Source Code - https://github.com/bradtraversy/youtube_es2015_source/tree/master/06_default_params_spread 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
-
11:17
JavaScript ES6 / ES2015 - [08] Set, Map, WeakSet and WeakMap
Added 91 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
-
05:15 Popular
JavaScript ES6 / ES2015 - [09] Arrow Functions
Added 121 Views / 0 LikesIn this video we will be looking at arrow functions in the ES6 / ES2015 syntax Source Code - https://github.com/bradtraversy/youtube_es2015_source/tree/master/08_arrows 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
-
12:18 Popular
JavaScript ES6 / ES2015 - [10] Promises
Added 112 Views / 0 LikesIn this video I will show you how to use promises to deal with asynchronous data in JavaScript ES2015 Source Code - https://github.com/bradtraversy/youtube_es2015_source/tree/master/09_promises CHECK OUT MY ES2015 COURSE: https://www.eduonix.com/affiliates/id/16-10397
-
05:19 Popular
JavaScript ES6 / ES2015 - [11] Generators
Added 119 Views / 0 LikesIn this video we will be looking at generators in JavaScript ES6. Generator functions can be paused and resumed and yield multiple values Source Code - https://github.com/bradtraversy/youtube_es2015_source/tree/master/10_generators CHECK OUT MY ES2015 COURSE: https://www.eduonix.com/affiliates/id/16-10397
-
1:08:22 Popular
JavaScript Fundamentals For Beginners
Added 107 Views / 0 LikesUPDATED COURSE HERE - https://www.youtube.com/watch?v=hdI2bqOjy3c&t=4578s This is a mini-course on the fundamentals of not only JavaScript, but programming in general. We will cover the following... What is JavaScript? Variables & Data Types Loops Arrays Objects Functions Conditionals - If Statements, switches Events Forms & Validation MODERN JS FROM THE BEGINNING (21.5 HOUR COURSE) https://www.udemy.com/modern-javascript-from-the-beginning/?couponCod
-
34:56
JavaScript Higher Order Functions & Arrays
Added 89 Views / 0 LikesIn this video we will look at some of the very powerful higher order functions and working with arrays. We will look at forEach, map, filter, reduce and sort. SPONSOR: https://www.bugreplay.com MODERN JAVASCRIPT FROM THE BEGINNING ($10 PROMO): https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=YOUTUBE10 CODE: JSFiddle https://jsfiddle.net/bradtraversy/e5rb0x0a/ • BECOME A PATRON: Show support & get perks! http://www.patreon.com/tra
-
40:21
JavaScript OOP Crash Course (ES5 & ES6)
Added 96 Views / 0 LikesIn this video we will look at some of the object oriented programming concepts in JavaScript including... Object Literals Constructors & This Prototypes & Inheritence Object.create() ES6 Classes & Subclasses MODERN JS FROM THE BEGINNING - $9.99 PROMO https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=YOUTUBE10 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traver
-
35:32 Popular
JavaScript Password Generator
Added 105 Views / 0 LikesIn this project we will build a password generator length and character options using JavaScript Code: https://codepen.io/FlorinPop17/pen/BaBePej Florin Pop's 100 Projects 100 Days Challenge: https://www.florin-pop.com/blog/2019/09/100-days-100-projects Florin's Twitter: https://twitter.com/florinpop1705 Sponsor: Linode Cloud Hosting Get $20 Free by visiting https://www.linode.com/traversy • Become a Patron: Show support & get perks! http://www.patreo
-
09:05
JavaScript Under The Hood [1] - Thread & Call Stack
Added 34 Views / 0 LikesIn this video, we will talk about JavaScript's main thread as well as how the call stack works. 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy Timestamps: 1:02 - Thread Of Execution 2:50 - Call Stack Explanation 3:38 - Slide E
-
14:28
JavaScript Under The Hood [2] - Execution Context
Added 32 Views / 0 LikesIn this video, we will talk about execution context and hoisting 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy Timestamps 0:00 - Intro 0:44 - What Is Execution Context? 1:39 - The 2 Phases 3:32 - Step By Step Examination 6:12
-
12:50
JavaScript Under The Hood [3} - Asynchronous JavaScript, Task Queue & Event Loop
Added 38 Views / 0 LikesIn this video, we will look at how JavaScript does Asynchronous operations and how the task queue and event loop works. Event Loop & Microtask Queue Article: https://towardsdev.com/event-loop-in-javascript-672c07618dc9 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: h
-
12:58
JavaScript Under The Hood [4] - Memory Storage
Added 50 Views / 0 LikesIn this video, we'll look at how and where primitive values and reference data (objects) are stored. 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy Timestamps: 0:00 - Intro 0:59 - Memory Management & Garbage Collection 2:34 -
-
12:30
JavaScript Under The Hood [5] - JavaScript Engine Overview
Added 33 Views / 0 LikesIn this final video of the series, we will talk about JS engines and look at how JavaScript code is turned into machine code that runs on the CPU. 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy Timestamps: 0:00 - Intro 0:42 -
-
35:00 Popular
JavaScript Zipcode App Using Fetch & Bulma CSS
Added 102 Views / 0 LikesAdd MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this application well be using Vanilla JavaScript with the Fetch API and the Bulma CSS framework to create an app to get location info from a zipcode using the zippopotam.us API. Well we will also use ES6 features like arrow functions and template strings CODE: https://codepen.io/bradtraversy/pen/zEJzBp BECOME A PATRON: Show support & get per
-
57:19 Popular
Jest Crash Course - Unit Testing in JavaScript
Added 107 Views / 0 LikesIn this video we will get started with JavaScript unit testing using Jest. We will look at how to setup Jest, different matchers as well as how to test async code, run functions before and after different tests, etc. This is for developers that are fairly new to testing and the Jest testing framework. Code: Github Repo: https://github.com/bradtraversy/jest_testing_basics Sponsor: Anthrodesk http://anthrodesk.com/ • Become a Patron: Show support & get
-
08:07 Popular
Joomla Component Overrides
Added 120 Views / 0 LikesOverride any component or module layout/view with extension overrides
-
14:30 Popular
Joomla SEO Tutorial - sh404sef Configuration
Added 101 Views / 0 LikesHere I show you how to optimize your URLs and also add page titles and metadata to ALL pages on your Joomla site
-
33:49 Popular
jQuery & Ajax: Build A Github Finder App
Added 115 Views / 0 LikesIn this video we will build a JavaScript/jQuery application that fetches and displays Github user profile info and repositories using Ajax. We will work with functions, events, loops, the $.ajax method and more. INFO: Your Github client_secret is exposed in this application. There are ways around this outside the scope of this tutorial Code for this video - https://github.com/bradtraversy/jquery-githubfinder 10 Project JavaScript/jQuery Course - http:









