Description

This course will take you through all the advanced JavaScript topics, such as libraries, frameworks, advanced functions, module patterns, and a lot more. You will also learn how to use object-oriented programming (OOP) and functional programming principles in JavaScript projects.

If you want to make a career in JavaScript, it is necessary to have knowledge and skills of the advanced concepts. This course will give you in-depth knowledge of JavaScript and will help you to understand the JavaScript language much better. The course starts by explaining the learning objectives and highlighting the importance of JavaScript in programming. Next, with the help of coding exercises, you will understand JavaScript libraries, frameworks, objects, and functions. Moving along, you will get to grips with module patterns and learn how to create, load, and test a JSON file. Next, you will learn the techniques to apply OOP concepts to a project and start working on a prototype project. Towards the end, you will master the functional programming concepts used in JavaScript. By the end of this course, you will be ready to work on real-world projects that require advanced JavaScript skills. The code files and all related files are placed on GitHub at https://github.com/PacktPublishing/Advanced-JavaScript-Topics

What You Will Learn

Manipulate properties on JavaScript objects
Use constructors and create objects for setting up objects and prototypes
Find out how to use Immediately Invoked Function Expressions (IIFEs) in your code
Apply the namespace and module patterns to your coding project
Discover the best practices to load JSON data in a project
Apply OOP principles and functional programming to JavaScript projects

Audience

This is an advanced course in JavaScript that is for anyone who is interested to take their knowledge of JavaScript to the next level. A good understanding of the basic concepts of JavaScript is needed to get started with this course.

Approach

With the help of coding exercises and practical activities, this course will help you to become familiar with the advanced concepts of JavaScript.

Key Features

Get ready to explore the advanced concepts of JavaScript * Learn how to apply first-class and higher-order functions in your JavaScript projects * Apply your JavaScript knowledge to build a real-world application

Github Repo

https://github.com/PacktPublishing/Advanced-JavaScript-Topics

About the Author

Steven Hancock

Steven Hancock has more than 20 years of experience in training and product development and has more than 15 years of experience working with JavaScript. He started learning JavaScript when it was a new language used for creating minor effects on a website. The growth and ubiquitous nature of JavaScript both excite and inspire him. He currently works as the President and Lead Trainer at All Things JavaScript, a resource for anyone and everyone who hopes to increase their JavaScript skills and become an expert. It is so important to understand why, not just the what and how, when it comes to technical subjects. His goal is to help thousands of JavaScript developers to become successful coders. He was the co-owner and President of Rapid Intake, an eLearning firm. The company was an ideal place for him to apply his training and development skills, and here, he managed all development and professional service-related activities. He was heavily involved in the initial development of Rapid Intake's main product, an eLearning authoring tool, which eventually led to Rapid Intake's acquisition in 2011 by Callidus Software. In addition to JavaScript technologies, he has dabbled in other web technologies, such as ActionScript, ASP, PHP, HTML, and Cascading Style Sheets (CSS).

Course Outline

1. Introduction

1. Course Introduction

This video provides an overview of the course.

2. Where Will You Go with JavaScript?

This video explains the importance of JavaScript.

2. Think Like a Programmer: Libraries and Frameworks

1. Think Like a Programmer: Libraries and Frameworks

This video demonstrates how to use libraries and frameworks.

3. Advanced Concepts of Objects and Functions

1. Advanced Concepts of Functions and Objects

This video explains the advanced concepts of functions and objects.

2. Functions are Objects

This video explains the relationship between functions and objects.

3. First Class Functions

This video focuses on first class functions.

4. Invoking Functions

This video demonstrates how to invoke functions.

5. Creating JavaScript Objects

This video demonstrates how to create JavaScript objects.

6. Understanding the "this" Keyword

This video explains the "this" keyword in JavaScript.

7. Examining "this" with Normal Function Invocation

This video explains the function of "this" with normal function invocation.

8. Normal Function Invocation Using Strict Mode

This video explains normal function invocation using strict mode.

9. Examining "this" with Method Invocation

This video explains the "this" keyword with method invocation.

10. Understanding Prototypes

This video focuses on prototypes.

11. Understanding the Prototype of Functions

This section explains the prototype of functions.

12. Using the "call" and "apply" Methods

This video demonstrates how to use the "call" and "apply" methods.

13. Using the "bind" Method

This video demonstrates how to use the "bind" method.

14. Invoking Functions as Constructors

This video explains how to invoke functions as constructors.

15. Constructor Invocation and the Value of "this"

This video explains how to invoke constrictors and highlights the value of "this".

16. Higher Order Functions, Callbacks, and the Problem with "this"

This video explains the higher order functions, focuses on callbacks, and explores the problem with "this."

17. Arrow Functions

This video explains arrow functions.

18. REVIEW: Invoking Functions and "this"

This video presents a review on invoking functions and "this".

4. Think Like a Programmer: Don't Repeat Yourself (DRY) Coding

1. Abstraction and Don't Repeat Yourself (DRY) Coding

This video focuses on abstraction and DRY coding.

2. Abstraction and Don't Repeat Yourself (DRY) Coding: Exercise 1

This video presents an exercise on abstraction and DRY coding.

5. Working with Objects

1. Working with Objects Introduction

This video provides an introduction on working with objects.

2. Detecting Properties on Objects

This video explains how to detect properties on objects.

3. Changing Property Attributes

This video demonstrates how to change property attributes.

4. Making Objects Immutable

This video explains how to make objects immutable.

5. ES6 Object Features

This video explains ES6 object features.

6. Understanding Method Chaining

This video focuses on method chaining.

6. The Power of Functions

1. The Power of Functions Introduction

This video provides an introduction to functions.

2. Immediately Invoked Function Expressions (IIFEs)

This video explains how to use IIFEs.

3. Understanding Closure

This video explains the concept of closure.

7. Think Like a Programmer: Avoiding Globals

1. Avoiding Global Variables

This video demonstrates how to avoid global variables.

2. Using the Namespace Pattern

This video demonstrates how to use the namespace pattern.

8. Think Like a Programmer: The Module Pattern

1. The Module Pattern - Part 1

This is the first part of the four-part video that demonstrates the module pattern.

2. Optional: Overview of Fill-In-Question Code

This video provides an overview of Fill-In-Question Code.

3. The Module Pattern: Part 2

This is the second part of the four-part video that focuses on the module pattern.

4. The Module Pattern: Part 3

This is the third part of the four-part video that focuses on the module pattern.

5. The Module Pattern: Part 4

This is the fourth and last part of the four-part video that focuses on the module pattern.

9. Working with Data: JavaScript Objects and JSON

1. Introduction to Working with Data

This video explains how to work with data.

2. JSON Basics

This video introduces you to the basics of JSON.

3. Creating a JSON File

This video demonstrates how to create a JSON file.

4. Loading a JSON File Using XMLHttpRequest

This video explains how to load a JSON file using the XMLHttpRequest object.

5. Testing on a Server

This video demonstrates how to test content on a server.

10. Using ECMAScript (ES) Modules

1. Using ECMAScript (ES) Modules

This video demonstrates how to use ES modules.

2. Important Features of ECMAScript (ES) Modules

This video explains the important features of ES modules.

3. Applying (ES) Modules

This video demonstrates how to apply ES modules.

4. Bundling (ES) Modules

This video demonstrates how to bundle ES modules.

11. Think Like a Programmer: Approaches to Programming

1. Approaches to Programming

This video presents different approaches to programming.

12. Object-oriented Programming in JavaScript

1. Introduction to Object-oriented Programming (OOP)

This video introduces you to OOP.

2. OOP Theory

This video explains the theory of OOP.

3. Review: Setting the Prototype

This video explains how to set the prototype.

4. The Constructor Property

This video focuses on constructor property.

5. Project: Applying OOP - Part 1

This is the first part of the eleven-part video that demonstrates how to apply OOP with the help of a project.

6. Project: Applying OOP - Part 2

This is the second part of the eleven-part video that demonstrates how to apply OOP with the help of a project.

7. Project: Applying OOP - Part 3

This is the third part of the eleven-part video that demonstrates how to apply OOP with the help of a project.

8. Project: Applying OOP - Part 4

This is the fourth part of the eleven-part video that demonstrates how to apply OOP with the help of a project.

9. Project: Applying OOP - Part 5

This is the fifth part of the eleven-part video that demonstrates how to apply OOP with the help of a project.

10. Project: Applying OOP - Part 6

This is the sixth part of the eleven-part video that demonstrates how to apply OOP with the help of a project.

11. Project: Applying OOP - Part 7

This is the seventh part of the eleven-part video that demonstrates how to apply OOP with the help of a project.

12. Project: Applying OOP - Part 8

This is the eighth part of the eleven-part video that demonstrates how to apply OOP with the help of a project.

13. Project: Applying OOP - Part 9

This is the ninth part of the eleven-part video that demonstrates how to apply OOP with the help of a project.

14. Project: Applying OOP - Part 10 - Getters and Setters

This is the tenth part of the eleven-part video that demonstrates how to apply OOP with the help of a project.

15. Project: Applying OOP - Part 11 - Wrapping up

This is the eleventh and last part of the eleven-part video that demonstrates how to apply OOP with the help of a project.

16. Enumerating Objects with the "for in" Loop

This video demonstrates how to enumerate objects with the "for in" loop.

17. Private Data in Constructors

This video explores private data in constructors.

18. Creating Safe Constructors

This video explains how to create safe constructors.

19. Can I Modify the Built-in Prototypes?

This video explains whether or not built-in prototypes can be modified.

20. What about ES6 Classes?

This video focuses on ES6 classes.

13. Think Like a Programmer: Starting a Project

1. Starting a Project

This video explains how to start a project.

14. Congratulations!

1. Congratulations!

This video summarizes the course.

15. Bonus Section: Functional Programming Concepts in JavaScript

1. Functional Programming Introduction

This video introduces you to functional programming.

2. Avoiding Side Effects and Using Pure Functions

This video explains how to avoid side effects and using pure functions.

3. Avoiding Shared State

This video explains how to avoid shared state.

4. Avoiding Mutable Data

This video explains how to avoid mutable data.

5. Function Composition - Part 1

This is the first part of the two-part video that explains the composition of functions.

6. Function Composition Part 2

This is the second part of the two-part video that explains the composition of functions.

7. Imperative Programming versus Declarative Programming

This video explains the differences between imperative programming and declarative programming.

8. Functional Programming - Example

This video explains functional programming with the help of an example.

9. Functional Programming - Techniques

This video explains the techniques of functional programming.

10. Using Reduce, Map, and Filter

This video demonstrates how to use reduce, map, and filter.

11. Assignment/Exercise Follow-up

This video presents an exercise with an assignment.

12. Getting Your Feet Wet with Currying

This video focuses on currying.

13. Understanding Recursion

This video focuses on recursion.

14. Functional Libraries for JavaScript

This video explores functional libraries for JavaScript.

Course Images

Advanced JavaScript Topics

By Packt

Booking options

Highlights