Functions (Advanced) | The Complete Modern JavaScript Course with ES6

Book Overview & Buying
Table Of Contents

The Complete Modern JavaScript Course with ES6

By : Development Island (UK)

Buy this Video

The Complete Modern JavaScript Course with ES6

By: Development Island (UK)

Buy this Video

Overview of this book

Whether you have no programming background or have some experience with JavaScript but admit that you struggle with advanced JavaScript coding or feel intimidated when you come across “weird” JavaScript concepts such as Closures, Encapsulation, or IIFE, this is the course for you! This course follows a robust structure and a result-driven approach based on “learning by doing”, which has helped our students secure web development jobs in the past. It is the most comprehensive JavaScript course in the market. With 21 highly structured sections distributed over 30 hours plus of content and 227 lectures, including crystal-clear presentations, detailed explanations, coding challenges, and a complete professional real-life project. In this course, you will go from a beginner to a job-ready JS Developer. We will prove that concepts like closures, hoisting, IIFE, encapsulation, and more are as easy as drinking a glass of water. And you will gain so much power you will use those "weird" concepts to build a fully functional 10h Typing Test App which will make you proud of yourself. By the end of the course, you will have built a full professional JavaScript project from scratch: a fully functional typing test application that can test users’ typing speed and generate a PDF certificate at the end of the test. All the resources for this course are available at: https://github.com/PacktPublishing/The-Complete-Modern-JavaScript-Course-with-ES6

Introduction

Promo

Introduction to JavaScript

Install Chrome and Brackets

Your First JavaScript Program

Variables and Data Types

Introduction

Create Variables

Rules

Memory

Numbers - Introduction

Numbers - Arithmetic Operations

Numbers - Operator Precedence

Operators and Operator Precedence

Numbers - More Operator / Special Numbers

Activity: Avoid a Speeding Fine! (Four Tasks)

Strings

Activity: How Old Will You Be in 2040? (Nine Tasks)

Booleans

Booleans - Logical Operators

Booleans - Operator Precedence

Booleans - Ternary Operator

Booleans Versus Non-Booleans

Activity: Will You Pass? (Six Tasks)

Null and Undefined

Type Coercion

Objects

Activity: Claim Extra Points (Four Tasks)

Arrays

Coding Challenge: Help the Cashier - Introduction

Conditional and Looping

If Statement

Activity: Beat Usain Bolt (Four Tasks)

Switch Statement

Activity: Days of the Week (Two Tasks)

For Statement

Activity: Find a Hotel in London (Six Tasks)

while do Statement

do while Statement

Activity: 24h Schedule App (Five Tasks)

Coding Challenge: Improve Your Cashier Code - Part 1

Coding Challenge: Improve Your Cashier Code - Solution 1

Coding Challenge: Improve Your Cashier Code - Part 2

Coding Challenge: Improve Your Cashier Code - Solution 2

Functions (Basic and Intermediate)

Introduction

Activity: Holiday Budget Planner (Two Tasks)

Return Values

Activity: The Miami Museum (Two Tasks)

Pass "by value" Versus "by reference"

Activity: Rafael Nadal Versus Novak Djokovic (Four Tasks)

First Class Functions

Activity: Mars Invasion (Six Tasks)

Statement Versus Expression

Activity: The Island Treasure (Four Tasks)

IIFE: Immediately Invoked Function Expressions (Intermediate)

An Invocation Pattern: Recursion

Activity: Fibonacci"s Honey Bees (Two Tasks)

Built-In JS Functions

Scope (Intermediate)

Activity: Manchester- Part London Train Simulation (Seven Tasks) (1)

Activity: Manchester- Part London Train Simulation (Seven Tasks) - Part 2

Coding Challenge: Is It Prime? - Introduction

Coding Challenge: Is It Prime? - Logic

Coding Challenge: Is It Prime? - Solution

Coding Challenge: Can You Count the Primes? - Introduction

Coding Challenge: Can You Count the Primes? - Logic

Coding Challenge: Can You Count the Primes? - Solution

Objects

Object Literals

"Dot Notation" Versus "Brackets"

Activity: Hack the Recipe (Three Tasks)

Constructors - "new" Keyword - "this"

Prototype

Activity: The Hotel Manager (10 Tasks) - Part 1

Activity: The Hotel Manager (10 Tasks) - Part 2

Activity: The Hotel Manager (10 Tasks) - Part 3

Equality

String Object

Activity: Lion, tiger or else? (5 Tasks) - Part 1

Activity: Lion, Tiger or Else? (Five Tasks) - Part 2

Date Object (1)

Date Object (2)

Activity: Is the Library Open? (Six Tasks) - Part 1

Activity: Is the Library Open? (Six Tasks) - Part 2

Activity: Is the Library Open? (Six Tasks) - Part 3

Math Object

JSON

Array Object

Array Methods: Filtering, Slicing, and more

Loop Through Arrays Using forEach

Activity: The Europe Tour (Four Tasks) - Part 1

Activity: The Europe Tour (Four Tasks) - Part 2

The DOM

Learn HTML and CSS (1)

Learn HTML and CSS (2)

Learn HTML and CSS (3)

Learn HTML and CSS (4)

Understand the DOM

Access DOM Elements (1)

Access DOM Elements (2)

Change DOM Elements

Remove DOM Elements

Event Handling (1)

Event Handling (2)

Event Object - Keys

Event Object - Mouse Events

Event Object - Scroll Event

Event Object - Focus

Event Object - preventDefault

Single Threaded JavaScript

Debouncing

Event Propagation

Event Delegation

jQuery

Execution Context - Hoisting - "this"

Global Execution Context - "this"

Execution Context - Creation and Hoisting

Execution Context - Execution

Function Declaration Overriding Variable Declaration

Scope Chain

Introduction

Understand the Scope Chain

Closures

Understand Closures

Update Values of Outer Variables (1)

Update Values of Outer Variables (2)

Closures with Event Loops (1)

Closures with Event Loops (2)

Iteration Challenge

Objects (Advanced): Encapsulation and Information Hiding

Why Would You Hide Information?

Use Closures to Hide Properties and Methods

Use IIFE to Create Private Static Properties and Methods

Objects (Advanced): Inheritance and Prototype Chain

Understand the Prototype (1)

Understand the Prototype (2)

Inheritance and PrototypeChain: __proto__

Inheritance and PrototypeChain: Object.create

Inheritance and PrototypeChain: Constructor Inheritance

Inheritance and PrototypeChain: Extend Function

Class Augmentation (1)

Class Augmentation (2)

Object Cloning

Objects (Advanced): Objects Challenges

Challenge: Iteration and hasOwnProperty

Challenge: Iteration Using object.keys and forEach

Challenge: getPrototypeOf and getOwnPropertyNames

Challenge: Climb Up the Prototype Chain

Objects (Advanced): Singleton and Module Patterns

Namespacing

Singleton Pattern

Wrap Page-Specific Code

Modular Design Pattern

Functions (Advanced)

Functions Are Objects

The "arguments" Property

Function.prototype.call

Function.prototype.apply

Function.prototype.bind

Full Professional Project: Typing Test App

Introduction

Steps Simplified

Back to Client Requirements

Functional Design

Modular Design Pattern

Modular Categorization

Data Module Structure

UI Module Structure

Format Current Word Structure

Results Calculation Structure

Update Time Left - Structure

Certificate Module Structure

Events Module Structure

Words Module Structure

Overview of Modules

Get Ready to Write Code

App Skeleton and Decoration (1)

App Skeleton and Decoration (2)

App Skeleton and Decoration (3)

init Function (Events Module)

Fill the List of Test Words (Data Module)

Shuffle an Array

Add Random Capitalization

Add Random Punctuation

Fill the List of Test Words (1) (UI Module)

Fill the List of Test Words (2) (UI Module)

Time Initialization (Data and UI Modules)

Move to a New Word (Data Module)

Set the Active Word and Format It (UI Module)

Type a Character - Event Listener

word.prototype.update(value)

keydown Versus keyup Versus Keypress Versus Input Events

Format the Active Word (UI Module)

Press Space - Event

Scroll the Active Word into the Middle of the View

Press Enter - Create a Fake Event Using the Event Constructor

Launch the Test

Calculate Words Per Minute and wpmChange (Data Module)

Update the Time Left (Data and UI Modules)

Calculate Clicks Per Minute and cpmChange (Data Module)

Calculate Accuracy and accuracyChange (Data Module)

Update Results (UI Module)

End the Test and Show the Modal (1) (Data and UI Modules)

End the Test and Show the Modal (2) (Data and UI Modules)

Generate PDF Certificate (1) (Certificate Module)

Generate PDF Certificate (2) (Certificate Module)

Generate PDF Certificate (3) (Certificate Module)

ES6 - ES2015: Introduction

Introduction

ES6 - Variables and Scoping

Review of "var" Declaration

"let" Scope and Temporal Dead Zone

Block Scoping in ES6

Functions and Block Scoping

Functions and Block Scoping - Use "let"

"let" Scope Versus Closures

Closures Challenge

"const" - Read Only Variables

ES6 - Modern Features That Will Make Your Coding Experience Easier!

Template Literals

Arrow Functions - "this" Lexical Scope

Destructuring - Arrays

Destructuring - Objects

Destructuring - Functions

Functions - Default Parameter Values

Functions - Rest Parameters

Spread Operator

Object Literals New Features

ES6 - New Data Structures and Iteration (Iterators, Generators, Maps, Sets)

for of Loop

Iterators, Generators, and next()

Maps - Iteration

Sets - Iteration

Sets - Challenges: Intersection * Difference

Symbols

Symbol.iterator

ES6 - Modern Array Methods

Array.from: collections, strings, and arguments

Array.from: optional map, length property, Maps, and Sets

Array.of()

More Modern Array methods

ES6 - Classes (Static Methods, Getters/Setters, Inheritance, Extends, Super)

Back to ES5 Constructors

ES6 Classes Syntax

Static Methods

Getters and Setters

Class Inheritance - extends - super()

The Complete Modern JavaScript Course with ES6

By : Development Island (UK)

The Complete Modern JavaScript Course with ES6

By: Development Island (UK)

Overview of this book

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access