JavaScript Basic to Advanced

Duration  5 days – 35 hrs

 

Overview

 

The main objective of this course is to experience, learn and update our experience in JavaScript programming by using the latest JavaScript ES2022 features. This course will give us an understanding on how the modern JavaScript syntax affects new frameworks both client-side and server-side. The main objective of this course is to learn the syntax of JS for both the client-side and the server-side applications and frameworks.

 

Objectives

 

• Gain a comprehensive understanding of the latest features and enhancements introduced in ECMAScript 2022 (ES2022).
• Learn how these features improve developer productivity and enhance the capabilities of JavaScript.
• Explore the module system introduced in ES2022 and understand how to create import, and export modules.
• Learn best practices for organizing code and leveraging modules for better code maintainability and reusability.
• Master the usage of the new Promise utility methods, Promise. any() and Promise.allSettled(), introduced in ES2022.
• Understand how to handle asynchronous operations more efficiently and gracefully manage Promise resolution and rejection.
• Learn how to use the String.prototype.replaceAll() method introduced in ES2022 to perform global string replacement.
• Understand how this method simplifies string manipulation tasks and improves code readability.
• Learn about the new Math extensions introduced in ES2022, including Math.addExact() and Math.subtractExact().
• Explore how to perform precise arithmetic operations and handle edge cases more effectively using these extensions.
• Understand the usage of the logical assignment operators (&&=, ||=, ??=) introduced in ES2022.
• Learn how to use these operators for concise and expressive conditional assignments in JavaScript code.
• Explore the concept of numeric separators introduced in ES2022 and understand how to use underscores (_) as separators in numeric literals.
• Learn how numeric separators improve code readability and make numeric literals easier to understand and maintain.
• Understand the concept of private fields and methods in ES2022 classes and their importance for encapsulation.
• Learn how to define and access private members within classes to enhance code maintainability and security.

 

Audience

 

• JavaScript Developers: Experienced JavaScript developers who want to stay updated with the latest features and enhancements introduced in ECMAScript 2022 to improve their coding skills and efficiency.
• Web Developers: Front-end and full-stack web developers who are looking to leverage the latest JavaScript features to build modern and responsive web applications.
• Software Engineers: Software engineers and programmers who work on projects that require advanced JavaScript knowledge and want to enhance their understanding of ES2022 features for better project implementation.
• Application Developers: Developers responsible for building applications, including mobile apps, desktop apps, and web apps, who need to stay abreast of the latest advancements in JavaScript for application development.
• Technical Leads: Technical leads and architects who want to guide their teams in adopting best practices and utilizing the latest JavaScript features to develop scalable and maintainable software solutions.
• IT Professionals: IT professionals interested in expanding their knowledge and skills in JavaScript programming to advance their careers and stay competitive in the job market.
• Software Development Teams: Development teams within organizations that want to standardize their coding practices and ensure that team members are proficient in utilizing the latest JavaScript features for collaborative projects.
• Freelance Developers: Freelancers and independent developers who want to enhance their expertise in JavaScript programming to attract more clients and deliver high-quality solutions.
• Students and Educators: Students pursuing degrees or certifications in computer science, software engineering, or related fields, as well as educators teaching JavaScript courses, who want to incorporate the latest ES2022 features into their learning and teaching curriculum.

 

Pre- requisites

• Proficiency in JavaScript programming language

• Familiarity with ES6/ES2015+ features

• Basic understanding of web development concepts (HTML, CSS)

• Comfortable using a text editor or integrated development environment (IDE) for coding purposes

 

Course Content

Learning the history of JavaScript

The ECMAScript versions from 2016 – 2022

Pros and Cons of JavaScript as a language

JavaScript best practices and coding standards

 

Understanding its syntax

 

• JS identifiers
• Statement vs. expression
• Ambiguous syntax
• Semicolons
• Automatic semicolon insertion (ASI)
• Strict mode vs. sloppy mode

 

Declaring Variables

 

• Using let and var
• Using const
• The scope of a variable
• Global variables and the global object
• Closures

 

Data Types

 

• Primitive types

• The undefined and null values
• Null-coalescing
• Boolean
• Numbers
• BigInt
• Unicode
• String 
• Template literals and tagged templates
• Symbols

 

• Type checking mechanism
• Primitive vs object types
• Type conversion

 

Program constructs

 

• The if statements
• The switch statements 
• The while loops 
• The do-while loops 
• The for-loops 
• Controlling loops: break and continue
• The for-of loops
• The for-await-of loops 
• The for-in loops (avoid) 

 

Exception handling

 

• The try-catch clause
• The throw statement (risky methods)
• Error and its subclasses
• Chaining errors

 

Functions 

 

• Kinds of functions
• Ordinary functions
• Specialized functions
• Returning values from functions and methods
• Parameter handling

Modules

 

• Understanding ECMAScript modules
• Named exports and imports
• Default exports and imports
• Naming modules
• Module specifiers

 

Classes

 

• The Essentials of JS classes
• Types of creating classes
• The internals of classes
• Prototype members of classes
• Instance members of classes [ES2022]
• Static members of classes
• Subclassing
• The methods and accessors of Object. prototype 

 

Collections

 

• Iterables and iterations
• Arrays
• Array operations

 

• Typed Array or Binary data

• Element types
• The indices vs. offsets
• The ArrayBuffers
• The  Typed Arrays
• The DataViews

 

• Maps 
• WeakMaps 
• Sets 
• WeakSets 

 

Destructuring

 

• Constructing vs. extracting
• Object-destructuring
• Array-destructuring
• Nested destructuring

 

Generators

 

Asynchronous programming

 

• Callback
• Event loops

 

Promises

 

• The basics of using Promises
• Concurrency and Promise.all() 
• Chaining Promises
• Promise combinator functions

 

Async/Await

 

• Async functions: the basics
• Returning from async functions
• The await keyword
• Concurrency and await

 

Asynchronous iterations

 

• Basic asynchronous iteration
• Asynchronous generators

 

• Regular Expression
• Dates
• XML and JSON
• Event handling