frontendmasters – JavaScript: The Recent Parts (2019)

Learn the latest features in JavaScript with Kyle Simpson, author of the popular, You Don’t Know JS, book series. You’ll get up to speed with new File size: 1.67 GBPurchase frontendmasters – JavaScript: The Recent Parts (2019) courses at here with PRICE $390 $57frontendmasters – JavaScript: The Recent Parts (2019)Learn the latest features in JavaScript with Kyle Simpson, author of the popular, You Don’t Know JS, book series. You’ll get up to speed with new JavaScript features like tagged template literals, destructuring, iterators, generators, regex improvements and async await.This course and others like it are available as part of our Frontend Masters video subscription.Table of ContentsIntroductionJavaScript New Feature Process00:00:00 – 00:11:24JavaScript New Feature ProcessKyle Simpson begins by giving context to the frustration with the fast pace of JavaScript’s evolution by talking about the dark ages of JavaScript, and explaining how the language has gotten to the present day feature process. – https://static.frontendmasters.com/resources/2019-03-09-js-recent-parts/js-recent-parts.pdfDeclarative JavaScript00:11:25 – 00:13:49Declarative JavaScriptKyle explains why the changes that are coming to JavaScript make the language more declarative.Browser Support & Transpilers00:13:50 – 00:19:05Browser Support & TranspilersKyle assuages developer’s fears of not supporting their users when new features are implemented by introducing transpilers as a standard for the language.Course Overview00:19:06 – 00:22:13Course OverviewKyle defines what the “recent parts” means as part of the title, and gives a roadmap for what the course will contain.Get frontendmasters – JavaScript: The Recent Parts (2019) downloadStringsTemplate Strings00:22:14 – 00:32:01Template StringsKyle introduces a more declarative way of introducing variables to strings than the default string concatenation.Tagged Templates00:32:02 – 00:37:44Tagged TemplatesKyle introduces tagged literals, gives a simple example of when they could be useful, and describes where to find prewritten libraries to help in your code.Applying Tagged Templates00:37:45 – 00:42:47Applying Tagged TemplatesKyle demonstrates an application for tagged literals that logs objects in the console.Tagged Template Exercise00:42:48 – 00:43:57Tagged Template ExerciseStudents are instructed to utilize both template strings, and tagged templates in a statement that is logged in the console. – https://static.frontendmasters.com/resources/2019-03-09-js-recent-parts/js-recent-parts.zipTagged Template Solution00:43:58 – 00:46:21Tagged Template SolutionKyle live codes the solution to the exercise.Padding & Trimming00:46:22 – 00:53:25Padding & TrimmingKyle introduces string padding, and string trimming.Array DestructuringDestructuring00:53:26 – 01:05:05DestructuringKyle breaks down destructuring, and gives a tangable example of how it makes the code more declarative.Refactoring Code Using Destructuring01:05:06 – 01:13:53Refactoring Code Using DestructuringKyle demonstrates how to implement the previous conversation about destructuring.Spread Operator & Declaring Destructured Arrays01:13:54 – 01:17:44Spread Operator & Declaring Destructured ArraysKyle introduces the spread operator to the example, and then goes on to explain how the example without destructuring differs in behavior to the example with destructuring.Declaration & Assignment01:17:45 – 01:24:40Declaration & AssignmentKyle defined the difference between declaration and assignment, and explains both in the context of destructuring.Comma Separation01:24:41 – 01:29:07Comma SeparationKyle demonstrates how to use commas to omit a value that is returned when destructuring.Parameter Arrays01:29:08 – 01:35:27Parameter ArraysKyle demonstrates how to apply destructuring when the function signature contains an array, and applies the concept of gracefully falling back when what was returned is null.Nested Array Destructuring01:35:28 – 01:40:41Nested Array DestructuringKyle demonstrates how to to access a returned data structure’s values when it is known that there are nested arrays.Object DestructuringObject Destructuring01:40:42 – 01:48:29Object DestructuringKyle demonstrates how to assign default parameters, and utilize the spread operator.Object Assignment Destructuring01:48:30 – 01:52:07Object Assignment DestructuringKyle explains how JavaScript distiguishes blocks from destructuring when assignment is separate from declaration.Object Default Assignment01:52:08 – 01:55:03Object Default AssignmentKyle demonstrates how to ensure object destructuring falls back gracefully when the values are null.Nested Object Destructuring01:55:04 – 01:57:29Nested Object DestructuringKyle demonstrates how to access a returned data structure’s values when it is known that there are objects.Default Assignment Q&A01:57:30 – 02:01:16Default Assignment Q&AA question is asked about the proper way to give a default assignment.Parameter Objects02:01:17 – 02:04:08Parameter ObjectsKyle demonstrates how to apply destructuring when the function signature contains an object.Nested Object & Array Destructuring02:04:09 – 02:07:38Nested Object & Array DestructuringKyle demonstrates how to access a returned data structure’s values when it is known that there are both objects and arrrays.Further DestructuringNamed Arguments02:07:39 – 02:11:29Named ArgumentsKyle demonstrates a method of improving the readability of code by naming arguments.Destructuring & Restructuring02:11:30 – 02:17:38Destructuring & RestructuringKyle introduces a method to mix methods at a call site.Destructuring Exercise02:17:39 – 02:19:08Destructuring ExerciseStudents are instructed to destructure an AJAX response, then restructure the parameters. – https://static.frontendmasters.com/resources/2019-03-09-js-recent-parts/js-recent-parts.zipDestructuring Solution02:19:09 – 02:21:18Destructuring SolutionKyle live codes the solution to the exercise.Array Methodsfind, findIndex, & includes02:21:19 – 02:26:12find, findIndex, & includesKyle introduces new array methods .find, findIndex, and .includes that search an array.flat & flatMap02:26:13 – 02:34:26flat & flatMapKyle introduces new array methods .flat and .flatmap that augment nested arrays.Iterators & GeneratorsIterators02:34:27 – 02:39:08IteratorsKyle defines what an iterator is, and walks through an example where an iterator is instantialized, and an iterator result is produced.Declarative Iterators02:39:09 – 02:43:32Declarative IteratorsKyle introduces the new built in key word “of” and spread operator as declarative methods to iterate over data structures.Data Structure without Iterators02:43:33 – 02:47:37Data Structure without IteratorsKyle discusses the issues that arise when attempting to iterate over data structures such as an object, and demonstrates a strategy for overcoming this.Generators02:47:38 – 02:58:41GeneratorsKyle demonstrates how to use generators to iterate over data structures without iterable attributes.Iterator & Generator Exercise02:58:42 – 03:01:31Iterator & Generator ExerciseStudents are instructed to implement an iterator and generator to log lucky numbers. – https://static.frontendmasters.com/resources/2019-03-09-js-recent-parts/js-recent-parts.zipIterator & Generator Solution03:01:32 – 03:05:43Iterator & Generator SolutionKyle live codes the solution to the exercise.Regular ExpressionsLook Ahead & Behind03:05:44 – 03:11:30Look Ahead & BehindKyle first reviews look aheads, then introduces the brand-new implementation of look behinds.Named Capture Groups03:11:31 – 03:15:28Named Capture GroupsKyle introduces a method to organize regular expressions and make them more human readable.dotall Mode03:15:29 – 03:18:05dotall ModeKyle demonstrates how to utilize the dotall mode to select elements of a string.Regex Exercise03:18:06 – 03:21:57Regex ExerciseStudents are instructed to utilize all three of the features learned in the last few sections, as well as earlier lessons to log selected portions of a poem provided by Kyle. – https://static.frontendmasters.com/resources/2019-03-09-js-recent-parts/js-recent-parts.zipRegex Solution03:21:58 – 03:28:36Regex SolutionKyle live codes the solution to the exercise.Async AwaitAsync Functions03:28:37 – 03:34:50Async FunctionsKyle gives context to what was done previous to the availability of the sync-async pattern, then goes on to explain how the async function accomplishes essentially what the async function accomplished.Async Await Exercise03:34:51 – 03:36:44Async Await ExerciseStudents are instructed to construct an async function where files are given to the function by a mock AJAX call, and are logged in the order that they are received. – https://static.frontendmasters.com/resources/2019-03-09-js-recent-parts/js-recent-parts.zipAsync Await Solution03:36:45 – 03:40:30Async Await SolutionKyle live codes the solution to the exercise, and demonstrates a common mistake that students are likely to make.Async Iteration03:40:31 – 03:44:18Async IterationKyle goes into further detail on why await cannot be used in a regular function, and offers up a library that fills the gap in the language.Async Function Problems03:44:19 – 03:55:44Async Function ProblemsKyle exposes the issues with async functions, including that it only accepts true promises, and a scheduling issue that causes starvation.Async Generators with yield03:55:45 – 04:00:40Async Generators with yieldKyle introduces a new function type as of ES2018 that allows for yield and await in the same function.Async Generators Iteration04:00:41 – 04:08:00Async Generators IterationKyle explains why async generators are the last piece in the quadrant of async generators.Wrap-UpWrap-Up04:08:01 – 04:09:59Wrap-UpKyle explains why the audience should be encouraged by the future of JavaScript.Get frontendmasters – JavaScript: The Recent Parts (2019) downloadPurchase frontendmasters – JavaScript: The Recent Parts (2019) courses at here with PRICE $390 $57