Traversy Media


  • 39:01 Popular JavaScript DOM Crash Course - Part 1

    JavaScript DOM Crash Course - Part 1

    by Best Webhosting Added 107 Views / 0 Likes

    This 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

    JavaScript DOM Crash Course - Part 2

    by Best Webhosting Added 102 Views / 0 Likes

    In 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

    JavaScript DOM Crash Course - Part 3

    by Best Webhosting Added 104 Views / 0 Likes

    In 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]

    JavaScript DOM Crash Course - Part 4 [Final Project]

    by Best Webhosting Added 101 Views / 0 Likes

    In 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

    JavaScript Drag & Drop Sortable List Project

    by Best Webhosting Added 44 Views / 0 Likes

    Learn 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

    JavaScript ES6 / ES2015 - [01] Introduction

    by Best Webhosting Added 116 Views / 0 Likes

    This 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

    JavaScript ES6 / ES2015 - [02] Compile ES6 With Babel

    by Best Webhosting Added 102 Views / 0 Likes

    In 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

    JavaScript ES6 / ES2015 - [03] Let and Const Declaration

    by Best Webhosting Added 105 Views / 0 Likes

    In 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

    JavaScript ES6 / ES2015 - [04] Classes and Inheritance

    by Best Webhosting Added 100 Views / 0 Likes

    In 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

    JavaScript ES6 / ES2015 - [05] Template Literals

    by Best Webhosting Added 92 Views / 0 Likes

    In 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

    JavaScript ES6 / ES2015 - [06] New String & Number Methods

    by Best Webhosting Added 95 Views / 0 Likes

    In 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

    JavaScript ES6 / ES2015 - [07] Default Params & Spread Operator

    by Best Webhosting Added 101 Views / 0 Likes

    Lets 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

    JavaScript ES6 / ES2015 - [08] Set, Map, WeakSet and WeakMap

    by Best Webhosting Added 91 Views / 0 Likes

    In 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

    JavaScript ES6 / ES2015 - [09] Arrow Functions

    by Best Webhosting Added 121 Views / 0 Likes

    In 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

    JavaScript ES6 / ES2015 - [10] Promises

    by Best Webhosting Added 112 Views / 0 Likes

    In 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

    JavaScript ES6 / ES2015 - [11] Generators

    by Best Webhosting Added 119 Views / 0 Likes

    In 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

    JavaScript Fundamentals For Beginners

    by Best Webhosting Added 107 Views / 0 Likes

    UPDATED 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

    JavaScript Higher Order Functions & Arrays

    by Best Webhosting Added 89 Views / 0 Likes

    In 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)

    JavaScript OOP Crash Course (ES5 & ES6)

    by Best Webhosting Added 96 Views / 0 Likes

    In 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

    JavaScript Password Generator

    by Best Webhosting Added 105 Views / 0 Likes

    In 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

    JavaScript Under The Hood [1] - Thread & Call Stack

    by Best Webhosting Added 34 Views / 0 Likes

    In 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

    JavaScript Under The Hood [2] - Execution Context

    by Best Webhosting Added 32 Views / 0 Likes

    In 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

    JavaScript Under The Hood [3} - Asynchronous JavaScript, Task Queue & Event Loop

    by Best Webhosting Added 38 Views / 0 Likes

    In 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

    JavaScript Under The Hood [4] - Memory Storage

    by Best Webhosting Added 50 Views / 0 Likes

    In 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

    JavaScript Under The Hood [5] - JavaScript Engine Overview

    by Best Webhosting Added 33 Views / 0 Likes

    In 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

    JavaScript Zipcode App Using Fetch & Bulma CSS

    by Best Webhosting Added 102 Views / 0 Likes

    Add 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

    Jest Crash Course - Unit Testing in JavaScript

    by Best Webhosting Added 107 Views / 0 Likes

    In 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

    Joomla Component Overrides

    by Best Webhosting Added 120 Views / 0 Likes

    Override any component or module layout/view with extension overrides

  • 14:30 Popular Joomla SEO Tutorial - sh404sef Configuration

    Joomla SEO Tutorial - sh404sef Configuration

    by Best Webhosting Added 101 Views / 0 Likes

    Here 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

    jQuery & Ajax: Build A Github Finder App

    by Best Webhosting Added 115 Views / 0 Likes

    In 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:

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA

RSS