frontendmasters – JavaScript: The Recent Parts (2019)

(This course can be delivered immediately) Kyle Simpson, author, is here to help you learn the latest JavaScript features with Kyle Simpson. New File size: 1.67GB

frontendmasters – JavaScript: The Recent Parts (2019)

Kyle Simpson, author the popular book series You Don’t Know JS teaches JavaScript. You’ll be able to use new JavaScript features such as tagged template literals and destructuring.

You can access this course and many others as part of our Frontend Masters video subscription.

Table of Contents
Introduction

    JavaScript New Feature Process
00:00:00 – 00:11:24
JavaScript New Feature Process
Kyle Simpson starts by explaining the frustration at JavaScript’s rapid evolution. He talks about the dark ages and explains how JavaScript has evolved to the current feature process. – https://static.frontendmasters.com/resources/2019-03-09-js-recent-parts/js-recent-parts.pdf
Declarative JavaScript
00:11:25 – 00:13:49
Declarative JavaScript
Kyle explains how JavaScript will be more declarative.
Browser Support & Transpilers
00:13:50 – 00:19:05
Browser Support & Transpilers
Kyle disarms developers from fear of not supporting their users as new features are introduced by introducing transpilers to the language.
Course Overview
00:19:06 – 00:22:13
Course Overview
Kyle explains what Kyle means by “recent parts” The title also includes the meaning and gives a guideline for the course.

Strings

Template Strings
00:22:14 – 00:32:01
Template Strings
Kyle presents a declarative method of adding variables to strings that is more expressive than the default string concatenation.
Templates Tagged
00:32:02 – 00:37:44
Templates Tagged
Kyle introduces tags literals, gives an example of how they can be useful, and explains where you can find prewritten libraries to assist in your code.
Applying Tagged templates
00:37:45 – 00:42:47
Applying Tagged templates
Kyle shows you how to use tagged literals to log objects in the console.
Template Exercise
00:42:48 – 00:43:57
Template Exercise
Students are taught to use both template strings and tagged templates in a statement logged in the console. – https://static.frontendmasters.com/resources/2019-03-09-js-recent-parts/js-recent-parts.zip
Tagged Template Solution
00:43:58 – 00:46:21
Tagged Template Solution
Kyle codes the solution to the exercise.
Padding & Trimming
00:46:22 – 00:53:25
Padding & Trimming
Kyle introduces string padding and string trimming.

Array Destructuring

Destructuring
00:53:26 – 01:05:05
Destructuring
Kyle explains destructuring and gives an example of how it makes code more declarative.
Destructuring Code is a Method of Refactoring Code
01:05:06 – 01:13:53
Destructuring Code is a Method of Refactoring Code
Kyle shows how to implement the discussion about destructuring.
Spread Operator & Declaring Destructured Arrays
01:13:54 – 01:17:44
Spread Operator & Declaring Destructured Arrays
Kyle introduces Kyle to the example by introducing the spread operator. He then explains why the behavior of the example that does not include destructuring is different from the example that does include destructuring.
Declaration & Assignment
01:17:45 – 01:24:40
Declaration & Assignment
Kyle explains the difference between assignment and declaration in the context of destructuring.
Comma Separation
01:24:41 – 01:29:07
Comma Separation
Kyle shows you how to use commas when you want to omit a value returned during destructuring.
Parameter arrays
01:29:08 – 01:35:27
Parameter arrays
Kyle demonstrates how destructuring can be applied when the function signature includes an array. Kyle also applies the concept gracefully falling back when the returned null is returned.
Destructuring Nested Arrays
01:35:28 – 01:40:41
Destructuring Nested Arrays
Kyle shows how to access the values of a returned data structure when it is known that there exist nested arrays.

Object Destructuring

Object Destructuring
01:40:42 – 01:48:29
Object Destructuring
Kyle shows how to assign default parameters and use the spread operator.
Destructuring an object assignment
01:48:30 – 01:52:07
Destructuring an object assignment
Kyle explains JavaScript’s ability to separate declaration from assignment, and how it prevents destructuring blocks.
Object Default Assignment
01:52:08 – 01:55:03
Object Default Assignment
Kyle shows how to ensure object destruction falls back gracefully when values are null.
Nested Object Destructuring
01:55:04 – 01:57:29
Nested Object Destructuring
Kyle demonstrates how you can access the returned data structure’s value when you know there are objects.
Default Assignment Q&A
01:57:30 – 02:01:16
Default Assignment Q&A
A question is asked about how to assign a default assignment.
Parameter Objects
02:01:17 – 02:04:08
Parameter Objects
Kyle shows you how to apply destructive techniques when the function signature includes an object.
Nested Object & Array Destructuring
02:04:09 – 02:07:38
Nested Object & Array Destructuring
Kyle shows you how to access returned data structures’ values when it is clear that there are both arrrays or objects.

Further Destructuring

Download immediately frontendmasters – JavaScript: The Recent Parts (2019)

    Named Arguments
02:07:39 – 02:11:29
Named Arguments
Kyle demonstrates a method to improve the readability and usability of code by naming its arguments.
Destructuring & Restructuring
02:11:30 – 02:17:38
Destructuring & Restructuring
Kyle demonstrates a way to mix methods at a call-site.
Destructuring Exercise
02:17:39 – 02:19:08
Destructuring Exercise
Students are required to destructure an AJAX response and then restructure it. – https://static.frontendmasters.com/resources/2019-03-09-js-recent-parts/js-recent-parts.zip
Destructuring Solution
02:19:09 – 02:21:18
Destructuring Solution
Kyle codes the solution to the exercise.

Array Methods

find, findIndex, & includes
02:21:19 – 02:26:12
find, findIndex, & includes
Kyle introduces new array methods:.find, findIndex and.includes that search for an array.
flat & flatMap
02:26:13 – 02:34:26
flat & flatMap
Kyle introduces new array techniques.flatmap and.flatmap to augment nested lists.

Iterators & Generators

Iterators
02:34:27 – 02:39:08
Iterators
Kyle explains what iterators are and shows how they can be used to produce an iterator result.
Declarative Iterators
02:39:09 – 02:43:32
Declarative Iterators
Kyle introduces the new built-in key word “of” Spread operator and spread operator are declarative methods to iterate through data structures.
Data Structure without Iterators
02:43:33 – 02:47:37
Data Structure without Iterators
Kyle discusses the problems that can arise when trying to iterate over data structure such as an object and shows a strategy for dealing with them.
Generators
02:47:38 – 02:58:41
Generators
Kyle shows how to use generators without iterable attributes to iterate through data structures.
Iterator & Generator Exercise
02:58:42 – 03:01:31
Iterator & Generator Exercise
To log lucky numbers, students are required to create an iterator or generator. – https://static.frontendmasters.com/resources/2019-03-09-js-recent-parts/js-recent-parts.zip
Iterator & Generator Solution
03:01:32 – 03:05:43
Iterator & Generator Solution
Kyle codes the solution to the exercise.

Regular Expressions

Look Ahead & Behind
03:05:44 – 03:11:30
Look Ahead & Behind
Kyle reviews the brand and then introduces it.-New implementation of look backs.
Named Capture Teams
03:11:31 – 03:15:28
Named Capture Teams
Kyle explains how to make regular expressions more human-readable by organizing them.
Dotall Mode
03:15:29 – 03:18:05
Dotall Mode
Kyle shows you how to use the dotall mode for selecting elements from a string.
Regex Exercise
03:18:06 – 03:21:57
Regex Exercise
Students will be instructed to use all three features from the last sections, as well earlier lessons, to log selected portions in Kyle’s poem. – https://static.frontendmasters.com/resources/2019-03-09-js-recent-parts/js-recent-parts.zip
Regex Solution
03:21:58 – 03:28:36
Regex Solution
Kyle codes the solution to the exercise.

Async Await

Async Functions
03:28:37 – 03:34:50
Async Functions
Kyle gives context on what was done prior to the availability sync-async Pattern, then goes on explaining how the async operation accomplishes essentially the same things as the async functionality.
Async Await Exercise
03:34:51 – 03:36:44
Async Await Exercise
Students are asked to construct an async program where files are given by mock AJAX calls to the function and are logged according to their order of receipt. – https://static.frontendmasters.com/resources/2019-03-09-js-recent-parts/js-recent-parts.zip
Async Await Solution
03:36:45 – 03:40:30
Async Await Solution
Kyle codes the solution and shows students a common error.
Async Iteration
03:40:31 – 03:44:18
Async Iteration
Kyle explains why await can’t be used in a regular function and provides a library that fills in the gap.
Async Function Problems
03:44:19 – 03:55:44
Async Function Problems
Kyle exposes the problems of async functions. Kyle reveals that it accepts only truthful promises and that there is a scheduling issue which causes starvation.
Async Generators with Yield
03:55:45 – 04:00:40
Async Generators with Yield
Kyle introduces ES2018 a new function type that allows for yield as well as await in the same function.
Async Generators Iteration
04:00:41 – 04:08:00
Async Generators Iteration
Kyle explains why the async generators are last in the quadrant.

Wrap-Up

Wrap-Up
04:08:01 – 04:09:59
Wrap-Up
Kyle explains why JavaScript’s future is important to the audience.

 Here’s What You Will Get in frontendmasters – JavaScript: The Recent Parts (2019)