Prof3ssorst3v3 смотреть онлайн

What is a JavaScript Reducer Function???

Steve Griffith - Prof3ssorSt3v3

If you have started to learn about state management with JavaScript then you have likely heard about reducer functions.

How to Use the New JS Object GroupBy Method

Steve Griffith - Prof3ssorSt3v3

Recently, fully browser baseline support was reached for the Object groupBy method, which is very useful for working with data.

JavaScript Nested Loops with Arrays and Objects

Steve Griffith - Prof3ssorSt3v3

How to use nested loops to access all the elements and properties inside multi-dimensional Arrays and Objects. These are the ...

Building Custom Promise Based Functions

Steve Griffith - Prof3ssorSt3v3

This tutorial demonstrates and explains how you can create practical promise-based functions that will let you chain your code ...

The Difference between JS Expressions and Statements

Steve Griffith - Prof3ssorSt3v3

When writing JavaScript and especially when using frameworks like React, it is important to understand the difference between ...

Custom Service Worker Redirects

Steve Griffith - Prof3ssorSt3v3

When building Service Workers for your website, you can create a custom redirect by using your own custom Response object.

Using the Array flat method

Steve Griffith - Prof3ssorSt3v3

If you ever need to condense a multi-dimensional array of values into a single list of values, the Array flat( ) method is what you ...

clientX vs pageX vs screenX vs offsetX

Steve Griffith - Prof3ssorSt3v3

This tutorial explains the differences between the different X and Y coordinate values which exist inside of the mouse events.

JS Interview - Object Comparison - Question 23

Steve Griffith - Prof3ssorSt3v3

This episode talks about comparing objects in JavaScript. Full Question Playlist: ...

Intro to JavaScript Symbols

Steve Griffith - Prof3ssorSt3v3

ES6 introduced a new type of Primitive value - Symbols. This tutorial covers what exactly Symbols are and how you can manage ...

HTML base elements

Steve Griffith - Prof3ssorSt3v3

This video explains why and how you would use an HTML base element in the head. Code from the video: ...

What is Memoization?

Steve Griffith - Prof3ssorSt3v3

You can speed up the efficiency of your functions in JavaScript through Memoization. This is the process of caching the results of ...

JSON vs JavaScript Object Literals

Steve Griffith - Prof3ssorSt3v3

There are actually a number of differences between Javascript object literals and JSON. Object literals can contain anything that is ...

Web Component Properties and Attributes

Steve Griffith - Prof3ssorSt3v3

This tutorial explains how you can define and use custom properties and attributes inside your custom Web Components. code ...

ES6 Iterator & Generator Fundamentals

Steve Griffith - Prof3ssorSt3v3

This tutorial covers all the basics of how iterators and generators work. The connection with for...of loops is explained. How to use ...

Creating Animated Underlines with CSS

Steve Griffith - Prof3ssorSt3v3

This tutorial shows how you can use CSS to create an animated underline effect for HTML elements like links. Code GIST: ...

The tabindex Attribute in HTML

Steve Griffith - Prof3ssorSt3v3

This video covers the proper use of the HTML global tabindex Attribute. Code GIST: ...

Two Pages One Script

Steve Griffith - Prof3ssorSt3v3

Having trouble making one JavaScript file work with multiple HTML files? This tutorial talks about how to approach this problem in ...

JavaScript While and Do..While Loops

Steve Griffith - Prof3ssorSt3v3

Two variations on the While loop which can be used instead of a for loop. Code GIST: ...

Primitive Data Types

Steve Griffith - Prof3ssorSt3v3

In JavaScript, all variables either hold one of six primitive types OR an object. Everything that is not one of the primitives is an ...

Closures, Currying and Partial Application

Steve Griffith - Prof3ssorSt3v3

This tutorial explains the concepts of Closures, Currying, and Partial Applications. Next it reviews a simple typical demo of how ...

Fetch with Basic Authentication

Steve Griffith - Prof3ssorSt3v3

This video covers how you can do AJAX fetch calls on the same domain when they require authentication. Code GIST: ...

New Array findLast and findLastIndex JavaScript methods

Steve Griffith - Prof3ssorSt3v3

Recently a couple new Array methods have been added to JavaScript in both NodeJS and in the Browser. Code from video: ...

JavaScript Proxies

Steve Griffith - Prof3ssorSt3v3

JavaScript has Proxy Objects that were introduced between 2012 and 2016 depending on the browser. They are like enhanced ...

HTML Attributes versus Properties in JavaScript

Steve Griffith - Prof3ssorSt3v3

This tutorial explains the differences between Attributes in HTML and Properties in JavaScript and how you write your code can ...

When to Use CSS Classes vs Ids

Steve Griffith - Prof3ssorSt3v3

A question I frequently get from new developers is when to use CSS classes and when to use CSS ids. Hopefully this video will ...

Capture DOM Changes with MutationObservers

Steve Griffith - Prof3ssorSt3v3

MutationObservers allow us a way to track the changes that happen in the DOM based on other code. If you need to trigger ...

Understanding CORS AJAX fetch problems

Steve Griffith - Prof3ssorSt3v3

Trying to make an AJAX call and fetch data from your web server but you keep getting CORS issues? Keep getting ...

JS Array Slicing and Splicing

Steve Griffith - Prof3ssorSt3v3

How to use and what is the difference between the Array slice and Array splice methods in JS. Code from video: ...

Fetch, CORS, and Cookies

Steve Griffith - Prof3ssorSt3v3

This tutorial explains the process of setting cookies in the browser as well as from the server. It shows the process of setting ...

Creating Custom Protocols for your Website

Steve Griffith - Prof3ssorSt3v3

Have you ever wanted to create a custom link with your own invented protocol instead of "http" or "https"? Well with very little ...

Hoisting with var vs let (and const)

Steve Griffith - Prof3ssorSt3v3

This tutorial explains the difference in hoisting between variables declared with var and variables declared with let or const.

Script tags using async or defer

Steve Griffith - Prof3ssorSt3v3

This video covers how you can add the async or defer attributes to your HTML script tags and the implications of doing so.

Web Component Styling - What you need to know

Steve Griffith - Prof3ssorSt3v3

This tutorial builds on the first one about creating basic components and explains how you can style elements of your component ...

The new Promise any method

Steve Griffith - Prof3ssorSt3v3

Another new method added recently to the Promise object is the any method, which can be thought of as an improved version of ...

JavaScript Namespaces

Steve Griffith - Prof3ssorSt3v3

How to use namespaces in JavaScript to avoid conflicts with another developer's variables and functions. Code GIST: ...

Script tags with integrity attributes

Steve Griffith - Prof3ssorSt3v3

This tutorial explains what the integrity attribute of a script tag is and how it works. Also covered is how you can integrate your ...

JavaScript Function Currying

Steve Griffith - Prof3ssorSt3v3

Function currying is a technique that is only possible in JavaScript because functions are first-class objects. This means that they ...

JS Code Structure Moving Beyond Beginner

Steve Griffith - Prof3ssorSt3v3

This tutorial will help guide you beyond the beginner level where you understand how to write functions, Objects, Arrays, work with ...

JavaScript String Concatenation

Steve Griffith - Prof3ssorSt3v3

This video details three different ways that you can combine multiple strings and variables with string values in JavaScript.

JS Bitwise Operators and Binary Numbers

Steve Griffith - Prof3ssorSt3v3

Eventually you will come across a situation where you would prefer to work with the raw binary data than the Strings, Booleans, ...

CSS System Colors

Steve Griffith - Prof3ssorSt3v3

The CSS Color Module Level 4 Standard Semantic System Colors is a set of colours that are provided by the Operating System ...

Intro to CSS Animations

Steve Griffith - Prof3ssorSt3v3

This tutorial covers the fundamentals of all the various CSS animation- properties. Code GIST: ...

Intro to PHP

Steve Griffith - Prof3ssorSt3v3

This is a basic introduction to programming with PHP to create dynamic web pages. Learn how to render web pages in the ...

Learning GitHub - How to Write MarkDown

Steve Griffith - Prof3ssorSt3v3

The ninth video in the Learning GitHub Series. This video covers how to write MarkDown and include it in your repo as ...

HTML5 Video

Steve Griffith - Prof3ssorSt3v3

This video covers how you can add video to your webpages as well as how you can support multiple video formats.

Web Hosting with Github and Vercel

Steve Griffith - Prof3ssorSt3v3

This tutorial walks through three different types of websites and how they can be hosted using Git, Github, Github Pages, and ...

JS Interview - Unary Plus - Question 31

Steve Griffith - Prof3ssorSt3v3

This episode talks about what the result of any value after applying the unary plus operator to the operand. Full Question Playlist: ...

Efficient ES6 async await with fetch

Steve Griffith - Prof3ssorSt3v3

This video explains how to effectively combine async await functions with fetch and include proper error handling. Code GIST: ...

JavaScript debugger Keyword

Steve Griffith - Prof3ssorSt3v3

This short video explains how you can use the JS debugger keyword to launch the debugger interface in the browser and then ...