0% found this document useful (0 votes)
4 views88 pages

JavaScript

JavaScript (JS) is a core programming language of the World Wide Web, widely used for enhancing webpage behavior and supported by all major web browsers. It conforms to the ECMAScript standard and features dynamic typing, prototype-based object orientation, and first-class functions, making it versatile for various programming paradigms. The document outlines the structure and content of a comprehensive JavaScript tutorial, covering topics from syntax and data types to advanced features like ES6 and the Document Object Model.

Uploaded by

sisvash.qaraiy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
4 views88 pages

JavaScript

JavaScript (JS) is a core programming language of the World Wide Web, widely used for enhancing webpage behavior and supported by all major web browsers. It conforms to the ECMAScript standard and features dynamic typing, prototype-based object orientation, and first-class functions, making it versatile for various programming paradigms. The document outlines the structure and content of a comprehensive JavaScript tutorial, covering topics from syntax and data types to advanced features like ES6 and the Document Object Model.

Uploaded by

sisvash.qaraiy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 88

JavaScript

JavaScript, often abbreviated as JS, is a programming


language that is one of the core technologies of the
World Wide Web, alongside HTML and CSS. As of 2022,
98% of websites use JavaScript on the client side for
webpage behavior, often incorporating third-party
libraries. All major web browsers have a dedicated JavaScript engine to execute the code on users'
devices.

JavaScript is a high-level, often just-in-time compiled language that conforms to the ECMAScript standard.
It has dynamic typing, prototype-based object orientation, and first-class functions. It is a multi-paradigm,
supporting event-driven, functional, and imperative programming styles. It has application programming
interfaces (APIs) for working with text, dates, regular expressions, standard data structures, and the
Document Object Model (DOM).

JavaScript engines were originally used only in web browsers, but are now core components of some
servers and a variety of applications. The most popular runtime system for this usage is Node.js.

Copyright © 2023 Fund for Education


Table of Contents

Section 1

Introduction and Setup

Section 2

Important Notes

JavaScript HOME

JavaScript Introduction

JavaScript Where To

JavaScript Output

JavaScript Statements

JavaScript Syntax

Syntax Basics and Types

JavaScript Comments

JavaScript Variables

JavaScript Let

JavaScript Const

Quiz

JavaScript Operators

JavaScript Arithmetic

JavaScript Assignment

JavaScript Data Types

Quiz

Section 3

JavaScript Strings

JavaScript String Methods

JavaScript String Search

JavaScript Template Literals

Quiz

JavaScript Numbers

JavaScript Number Methods

JavaScript Sorting Arrays

JavaScript Array Iteration

JavaScript Array Const

JavaScript Date Objects


Copyright © 2023 Fund for Education
JavaScript Date Formats

JavaScript Get Date Methods

JavaScript Set Date Methods

Quiz

Section 4

Control Flow

Quiz

Section 5

JavaScript Booleans

JavaScript Comparison and Logical Operators

JavaScript if, else, and else if

JavaScript Switch Statement

Quiz

JavaScript For Loop

JavaScript For In

JavaScript For Of

JavaScript While Loop

JavaScript Break and Continue

JavaScript Iterables

Quiz

Section 6: Functions

Functions

Section 7: Functions

JavaScript Functions

JavaScript Function Definitions

JavaScript Function Parameters

JavaScript Function Invocation

JavaScript Closures

Quiz

Section 8

Objects

Section 9

JavaScript Objects

Quiz
Copyright © 2023 Fund for Education
Section 10

The Document Object Model

Section 11

JavaScript Events

JavaScript HTML DOM

JavaScript - HTML DOM Methods

JavaScript HTML DOM Document

JavaScript HTML DOM Elements

JavaScript HTML DOM - Changing HTML

Quiz

JavaScript HTML DOM Events

JavaScript HTML DOM EventListener

JavaScript HTML DOM Navigation

JavaScript HTML DOM Elements (Nodes)

Quiz

Section 12: JavaScript ES6 (ECMAScript 6)

JavaScript ES6 - Constants

JavaScript ES6 - The Let Keyword

Quiz

JavaScript ES6 - Default Parameters

JavaScript ES6 - The Spread Operator

JavaScript ES6 - Template Strings

Quiz

JavaScript ES6 - Object Literal Enhancements

JavaScript ES6 - New String Methods

JavaScript ES6 - Arrow Functions

JavaScript ES6 - Sets

Quiz

JavaScript Project

JavaScript Project

Copyright © 2023 Fund for Education


Introduction and Setup

Estimated time: 13m

An introduction and setup guide for JavaScript.

Please study the contents of the following link:

Modern JavaScript Tutorial #1 - Intro & Setup

Copyright © 2023 Fund for Education


Important Notes

Estimated time: 1m

Please study the chapters and do all “Try it yourself” and “Exercises” in all sections throughout the course.

Some sections have sub-topics under the main topic. Please study the sub-topics after studying the main
topic.

Note: Some sections may have links to external topics for more details, or more advanced topics. Please
do not follow those links and just study the section itself.

Copyright © 2023 Fund for Education


JavaScript HOME

Estimated time: 9m

JavaScript is the world's most popular programming language.

JavaScript is the programming language of the Web.

Please study the contents of the following link:

JavaScript HOME

Copyright © 2023 Fund for Education


JavaScript Introduction

Estimated time: 5m

This part contains some examples of what JavaScript can do.

Please study the contents of the following link:

JavaScript Introduction

Copyright © 2023 Fund for Education


JavaScript Where To

Estimated time: 8m

This content explains the different sections of an HTML page where JavaScript code can be inserted.

Please study the contents of the following link:

JavaScript Where To

Copyright © 2023 Fund for Education


JavaScript Output

Estimated time: 9m

JavaScript can "display" data in different ways:

Writing into an HTML element, using innerHTML.

Writing into the HTML output using document.write().

Writing into an alert box, using window.alert().

Writing into the browser console, using console.log().

Please study the contents of the following link:

JavaScript Output

Copyright © 2023 Fund for Education


JavaScript Statements

Estimated time: 9m

A computer program is a list of "instructions" to be "executed" by a computer.

In a programming language, these programming instructions are called statements.

A JavaScript program is a list of programming statements.

Please study the contents of the following link:

JavaScript Statements

Copyright © 2023 Fund for Education


JavaScript Syntax

Estimated time: 9m

JavaScript syntax is the set of rules, on how JavaScript programs are constructed.

Please study the contents of the following link:

JavaScript Syntax

Copyright © 2023 Fund for Education


Syntax Basics and Types

Estimated time: 24m

JavaScript Syntax Basics and Types are essential components for creating web applications and adding
interactivity to websites. JavaScript syntax rules include defining variables, writing conditional statements,
and looping constructs to control the flow of a program. Additionally, JavaScript supports various data
types, such as numbers, strings, and booleans, which can be used to store and manipulate data.
Understanding these fundamentals is crucial for any developer looking to write efficient and effective
JavaScript code.

Please study the contents of the following link:

Modern JavaScript Tutorial #2 - Syntax Basics & Types

Copyright © 2023 Fund for Education


JavaScript Comments

Estimated time: 4m

JavaScript comments can be used to explain JavaScript code, and to make it more readable.

JavaScript comments can also be used to prevent execution when testing alternative code.

Please study the contents of the following link:

JavaScript Comments

Copyright © 2023 Fund for Education


JavaScript Variables

Estimated time: 10m

Variables are containers for storing data (storing data values).

Please study the contents of the following link:

JavaScript Variables

Copyright © 2023 Fund for Education


JavaScript Let

Estimated time: 8m

The let keyword was introduced in ES6 (2015).

Variables defined with let cannot be Redeclared.

Variables defined with let must be Declared before use.

Variables defined with let have Block Scope.

Please study the contents of the following link:

JavaScript Let

Copyright © 2023 Fund for Education


JavaScript Const

Estimated time: 9m

The const keyword was introduced in ES6 (2015).

Variables defined with const cannot be Redeclared.

Variables defined with const cannot be Reassigned.

Variables defined with const have Block Scope.

Please study the contents of the following link:

JavaScript Const

Copyright © 2023 Fund for Education


Quiz

Estimated time: 00:30:00 Number of Attempts: 0

Minimum grade to pass: 70

Grading Policy: Highest

Brief Description:

Please select the correct answer for the given questions.

You can start the quiz by clicking Here

Copyright © 2023 Fund for Education


JavaScript Operators

Estimated time: 10m

In JavaScript, operators are used to perform mathematical, logical, and comparison operations on
variables and values. Examples of operators include arithmetic operators such as + and -, assignment
operators such as = and +=, comparison operators such as == and !=, and logical operators such as &&
and ||. Understanding how to use operators is an essential part of coding in JavaScript, as they allow for
complex calculations and logical operations to be performed with ease.

Please study the contents of the following link:

JavaScript Operators

Copyright © 2023 Fund for Education


JavaScript Arithmetic

Estimated time: 12m

Arithmetic operators perform arithmetic on numbers (literals or variables).

Please study the contents of the following link:

JavaScript Arithmetic

Copyright © 2023 Fund for Education


JavaScript Assignment

Estimated time: 9m

Assignment operators assign values to JavaScript variables.

Please study the contents of the following link:

JavaScript Assignment

Copyright © 2023 Fund for Education


JavaScript Data Types

Estimated time: 15m

JavaScript Data Types are the different kinds of values that can be stored and manipulated in JavaScript
code. There are two main types of data in JavaScript: primitive data types and reference data types.
Primitive data types include numbers, strings, booleans, null, and undefined, while reference data types
include objects, arrays, and functions. Understanding these different data types is essential for writing
effective JavaScript code.

Please study the contents of the following link:

JavaScript Data Types

Copyright © 2023 Fund for Education


Quiz

Estimated time: 00:30:00 Number of Attempts: 0

Minimum grade to pass: 70

Grading Policy: Highest

Brief Description:

Please select the correct answer for the given questions.

You can start the quiz by clicking Here

Copyright © 2023 Fund for Education


JavaScript Strings

Estimated time: 12m

JavaScript strings are for storing and manipulating text.

Please study the contents of the following link:

JavaScript Strings

Copyright © 2023 Fund for Education


JavaScript String Methods

Estimated time: 25m

JavaScript String Methods are a set of built-in functions that can be used to manipulate and operate on
strings in JavaScript. These methods are used to convert strings to uppercase or lowercase, extract a
specific character from a string, concatenate two or more strings, extract a substring from a string,
remove whitespace from the beginning and end of a string, replace a specific substring in a string, find the
position of a substring in a string, and split a string into an array of substrings, respectively. These methods
are powerful and widely used in JavaScript programming to manipulate and operate on strings.

Please study the contents of the following link:

JavaScript String Methods

Copyright © 2023 Fund for Education


JavaScript String Search

Estimated time: 15m

JavaScript String Search refers to the built-in method in JavaScript that allows developers to search for a
specific substring within a given string and returns its position.

Please study the contents of the following link:

JavaScript String Search

Copyright © 2023 Fund for Education


JavaScript Template Literals

Estimated time: 8m

JavaScript Template Literals are a feature in JavaScript that allows developers to embed expressions inside
of string literals using backticks (`).

Please study the contents of the following link:

JavaScript Template Literals

Copyright © 2023 Fund for Education


Quiz

Estimated time: 00:30:00 Number of Attempts: 0

Minimum grade to pass: 70

Grading Policy: Highest

Brief Description:

Please select the correct answer for the given questions.

You can start the quiz by clicking Here

Copyright © 2023 Fund for Education


JavaScript Numbers

Estimated time: 20m

JavaScript has only one type of number. Numbers can be written with or without decimals.

Please study the contents of the following link:

JavaScript Numbers

Copyright © 2023 Fund for Education


JavaScript Number Methods

Estimated time: 25m

JavaScript Number Methods are built-in functions in JavaScript that allow developers to work with numbers
more easily

Please study the contents of the following link:

JavaScript Number Methods

Copyright © 2023 Fund for Education


JavaScript Sorting Arrays

Estimated time: 20m

JavaScript Sorting Arrays is a process of arranging the elements of an array in a particular order, such as
alphabetical or numerical order.

Please study the contents of the following link:

JavaScript Sorting Arrays

Copyright © 2023 Fund for Education


JavaScript Array Iteration

Estimated time: 30m

JavaScript Array Iteration refers to the process of iterating through the elements of an array in JavaScript
using various built-in methods.

Please study the contents of the following link:

JavaScript Array Iteration

Copyright © 2023 Fund for Education


JavaScript Array Const

Estimated time: 15m

In 2015, JavaScript introduced an important new keyword: const.

It has become a common practice to declare arrays using const.

Please study the contents of the following link:

JavaScript Array Const

Copyright © 2023 Fund for Education


JavaScript Date Objects

Estimated time: 15m

JavaScript Date Objects are a crucial aspect of working with date and time in JavaScript. With these
objects, developers can retrieve the current date and time, create new dates, and manipulate dates to
perform tasks such as calculating time differences and displaying date and time in a user-friendly format.
The Date object contains various methods and properties that enable developers to work with dates,
including methods for retrieving and setting a specific date and time values, as well as formatting and
displaying dates in various ways. Understanding and using JavaScript Date Objects is essential for
developing dynamic and interactive web applications.

Please study the contents of the following link:

JavaScript Date Objects

Copyright © 2023 Fund for Education


JavaScript Date Formats

Estimated time: 15m

JavaScript Date Formats refer to the various ways in which dates can be represented and manipulated.

Please study the contents of the following link:

JavaScript Date Formats

Copyright © 2023 Fund for Education


JavaScript Get Date Methods

Estimated time: 20m

JavaScript Get Date Methods are functions in JavaScript that allow developers to retrieve and manipulate
date and time information from the user's device, such as the current date, time, or time zone.

Please study the contents of the following link:

JavaScript Get Date Methods

Copyright © 2023 Fund for Education


JavaScript Set Date Methods

Estimated time: 12m

Set Date methods let you set date values (years, months, days, hours, minutes, seconds, milliseconds) for
a Date Object.

Please study the contents of the following link:

JavaScript Set Date Methods

Copyright © 2023 Fund for Education


Quiz

Estimated time: 00:30:00 Number of Attempts: 0

Minimum grade to pass: 70

Grading Policy: Highest

Brief Description:

Please select the correct answer for the given questions.

You can start the quiz by clicking Here

Copyright © 2023 Fund for Education


Control Flow

Estimated time: -7m

Control Flow refers to the way a program executes its instructions based on certain conditions and
decisions.

Please study the contents of the following link:

Control Flow

Copyright © 2023 Fund for Education


Quiz

Estimated time: 00:30:00 Number of Attempts: 0

Minimum grade to pass: 70

Grading Policy: Highest

Brief Description:

Please select the correct answer for the given questions.

You can start the quiz by clicking Here

Copyright © 2023 Fund for Education


JavaScript Booleans

Estimated time: 9m

A JavaScript Boolean represents one of two values: true or false.

Please study the contents of the following link:

JavaScript Booleans

Copyright © 2023 Fund for Education


JavaScript Comparison and Logical Operators

Estimated time: 12m

Comparison and Logical operators are used to test for true or false.

Comparison operators are used in logical statements to determine equality or difference between
variables or values.

Please study the contents of the following link:

JavaScript Comparison and Logical Operators

Copyright © 2023 Fund for Education


JavaScript if, else, and else if

Estimated time: 8m

Conditional statements are used to perform different actions based on different conditions.

Very often when you write code, you want to perform different actions for different decisions.

You can use conditional statements in your code to do this.

Please study the contents of the following link:

JavaScript if, else, and else if

Copyright © 2023 Fund for Education


JavaScript Switch Statement

Estimated time: 12m

The switch statement is used to perform different actions based on different conditions.

Please study the contents of the following link:

JavaScript Switch Statement

Copyright © 2023 Fund for Education


Quiz

Estimated time: 00:30:00 Number of Attempts: 0

Minimum grade to pass: 70

Grading Policy: Highest

Brief Description:

Please select the correct answer for the given questions.

You can start the quiz by clicking Here

Copyright © 2023 Fund for Education


JavaScript For Loop

Estimated time: 9m

Loops can execute a block of code a number of times.

Loops are handy, if you want to run the same code over and over again, each time with a different value.

Please study the contents of the following link:

JavaScript For Loop

Copyright © 2023 Fund for Education


JavaScript For In

Estimated time: 5m

The JavaScript "for in" statement loops through the properties of an Object.

Please study the contents of the following link:

JavaScript For In

Copyright © 2023 Fund for Education


JavaScript For Of

Estimated time: 5m

The JavaScript for of statement loops through the values of an iterable object.

Please study the contents of the following link:

JavaScript For Of

Copyright © 2023 Fund for Education


JavaScript While Loop

Estimated time: 5m

Loops can execute a block of code as long as a specified condition is true.

Please study the contents of the following link:

JavaScript While Loop

Copyright © 2023 Fund for Education


JavaScript Break and Continue

Estimated time: 5m

The break statement "jumps out" of a loop.

The continue statement "jumps over" one iteration in the loop.

Please study the contents of the following link:

JavaScript Break and Continue

Copyright © 2023 Fund for Education


JavaScript Iterables

Estimated time: 9m

Iterables are iterable objects (like Arrays).

Iterables can be accessed with simple and efficient code.

Iterables can be iterated over with for..of loops

Please study the contents of the following link:

JavaScript Iterables

Copyright © 2023 Fund for Education


Quiz

Estimated time: 00:30:00 Number of Attempts: 0

Minimum grade to pass: 70

Grading Policy: Highest

Brief Description:

Please select the correct answer for the given questions.

You can start the quiz by clicking Here

Copyright © 2023 Fund for Education


Functions

Estimated time: -17m

Functions are blocks of reusable code that can perform specific tasks and return values. They are an
essential component of the language and allow developers to write more organized and efficient code.

Please study the contents of the following link:

Modern JavaScript Tutorial #4 - Functions

Copyright © 2023 Fund for Education


JavaScript Functions

Estimated time: 15m

A JavaScript function is a block of code designed to perform a particular task.

A JavaScript function is executed when "something" invokes it (calls it).

Please study the contents of the following link:

JavaScript Functions

Copyright © 2023 Fund for Education


JavaScript Function Definitions

Estimated time: 20m

JavaScript functions are defined with the function keyword.

You can use a function declaration or a function expression.

Please study the contents of the following link:

JavaScript Function Definitions

Copyright © 2023 Fund for Education


JavaScript Function Parameters

Estimated time: 9m

Function parameters are the names listed in the function definition.

Please study the contents of the following link:

JavaScript Function Parameters

Copyright © 2023 Fund for Education


JavaScript Function Invocation

Estimated time: 9m

The code inside a function is not executed when the function is defined.

The code inside a function is executed when the function is invoked.

It is common to use the term "call a function" instead of "invoke a function".

It is also common to say "call upon a function", "start a function", or "execute a function".

Please study the contents of the following link:

JavaScript Function Invocation

Copyright © 2023 Fund for Education


JavaScript Closures

Estimated time: 15m

JavaScript variables can belong to the local or global scope.

Global variables can be made local (private) with closures.

Please study the contents of the following link:

JavaScript Closures

Copyright © 2023 Fund for Education


Quiz

Estimated time: 00:30:00 Number of Attempts: 0

Minimum grade to pass: 70

Grading Policy: Highest

Brief Description:

Please select the correct answer for the given questions.

You can start the quiz by clicking Here

Copyright © 2023 Fund for Education


Objects

Estimated time: -23m

Objects are data structures that allow you to store and organize related pieces of information in a key-
value pair format.

Please study the contents of the following link:

Modern JavaScript Tutorial #5 - Objects

Copyright © 2023 Fund for Education


JavaScript Objects

Estimated time: 12m

Real-Life Objects, Properties, and Methods

In real life, a car is an object.

A car has properties like weight and color, and methods like start and stop.

Please study the contents of the following link:

JavaScript Objects

Copyright © 2023 Fund for Education


Quiz

Estimated time: 00:30:00 Number of Attempts: 0

Minimum grade to pass: 70

Grading Policy: Highest

Brief Description:

Please select the correct answer for the given questions.

You can start the quiz by clicking Here

Copyright © 2023 Fund for Education


The Document Object Model

Estimated time: -7m

The Document Object Model represents the page so that programs can change the document structure,
style, and content.

Please study the contents of the following link:

Modern JavaScript Tutorial #6 - The Document Object Model

Copyright © 2023 Fund for Education


JavaScript Events

Estimated time: 9m

HTML events are "things" that happen to HTML elements.

When JavaScript is used in HTML pages, JavaScript can "react" on these events.

Please study the contents of the following link:

JavaScript Events

Copyright © 2023 Fund for Education


JavaScript HTML DOM

Estimated time: 9m

With the HTML DOM, JavaScript can access and change all the elements of an HTML document.

When a web page is loaded, the browser creates a Document Object Model of the page.

The HTML DOM model is constructed as a tree of Objects:

Please study the contents of the following link:

JavaScript HTML DOM

Copyright © 2023 Fund for Education


JavaScript - HTML DOM Methods

Estimated time: 5m

HTML DOM methods are actions you can perform (on HTML Elements).

HTML DOM properties are values (of HTML Elements) that you can set or change.

Please study the contents of the following link:

JavaScript - HTML DOM Methods

Copyright © 2023 Fund for Education


JavaScript HTML DOM Document

Estimated time: 12m

The HTML DOM document object is the owner of all other objects on your web page.

The document object represents your web page.

If you want to access any element in an HTML page, you always start with accessing the document object.

Please study the contents of the following link:

JavaScript HTML DOM Document

Copyright © 2023 Fund for Education


JavaScript HTML DOM Elements

Estimated time: 9m

This part teaches you how to find and access HTML elements in an HTML page.

Please study the contents of the following link:

JavaScript HTML DOM Elements

Copyright © 2023 Fund for Education


JavaScript HTML DOM - Changing HTML

Estimated time: 10m

The HTML DOM allows JavaScript to change the content of HTML elements.

Please study the contents of the following link:

JavaScript HTML DOM - Changing HTML

Copyright © 2023 Fund for Education


Quiz

Estimated time: 00:30:00 Number of Attempts: 0

Minimum grade to pass: 70

Grading Policy: Highest

Brief Description:

Please select the correct answer for the given questions.

You can start the quiz by clicking Here

Copyright © 2023 Fund for Education


JavaScript HTML DOM Events

Estimated time: 12m

HTML DOM allows JavaScript to react to HTML events.

Please study the contents of the following link:

JavaScript HTML DOM Events

Copyright © 2023 Fund for Education


JavaScript HTML DOM EventListener

Estimated time: 9m

The addEventListener() method attaches an event handler to an element without overwriting existing
event handlers.

Please study the contents of the following link:

JavaScript HTML DOM EventListener

Copyright © 2023 Fund for Education


JavaScript HTML DOM Navigation

Estimated time: 9m

With the HTML DOM, you can navigate the node tree using node relationships.

According to the W3C HTML DOM standard, everything in an HTML document is a node:

The entire document is a document node

Every HTML element is an element node

The text inside HTML elements are text nodes

Every HTML attribute is an attribute node (deprecated)

All comments are comment nodes

With the HTML DOM, all nodes in the node tree can be accessed by JavaScript.

New nodes can be created, and all nodes can be modified or deleted.

Please study the contents of the following link:

JavaScript HTML DOM Navigation

Copyright © 2023 Fund for Education


JavaScript HTML DOM Elements (Nodes)

Estimated time: 9m

JavaScript HTML DOM Elements (Nodes) are the individual parts that make up an HTML document, such as
paragraphs, headings, and images. Adding and removing nodes in JavaScript allows developers to
dynamically manipulate the structure and content of the HTML document.

To add a new element to the HTML DOM, you must create the element (element node) first, and then
append it to an existing element.

Please study the contents of the following link:

JavaScript HTML DOM Elements (Nodes)

Copyright © 2023 Fund for Education


Quiz

Estimated time: 00:30:00 Number of Attempts: 0

Minimum grade to pass: 70

Grading Policy: Highest

Brief Description:

Please select the correct answer for the given questions.

You can start the quiz by clicking Here

Copyright © 2023 Fund for Education


JavaScript ES6 - Constants

Estimated time: 3m

JavaScript ES6 Constants are a feature introduced in ECMAScript 2015 that allows developers to declare
variables whose values cannot be re-assigned or re-declared.

Please study the contents of the following link:

JavaScript ES6 Tutorial #2 - Constants

Copyright © 2023 Fund for Education


JavaScript ES6 - The Let Keyword

Estimated time: 7m

The Let keyword is a new addition to the JavaScript language introduced in ES6 that allows developers to
declare block-scoped variables.

Please study the contents of the following link:

JavaScript ES6 Tutorial #3 - The Let Keyword

Copyright © 2023 Fund for Education


Quiz

Estimated time: 00:30:00 Number of Attempts: 0

Minimum grade to pass: 70

Grading Policy: Highest

Brief Description:

Please select the correct answer for the given questions.

You can start the quiz by clicking Here

Copyright © 2023 Fund for Education


JavaScript ES6 - Default Parameters

Estimated time: 5m

JavaScript ES6 Default Parameters refer to a feature in JavaScript that allows developers to set default
values for function parameters in case they are not passed or are undefined.

Please study the contents of the following link:

JavaScript ES6 Tutorial #4 - Default Parameters

Copyright © 2023 Fund for Education


JavaScript ES6 - The Spread Operator

Estimated time: 4m

The Spread Operator is a syntactical feature introduced in ECMAScript 6 (ES6) which allows an iterable
such as an array or string to be expanded into individual elements.

Please study the contents of the following link:

JavaScript ES6 Tutorial #5 - The Spread Operator

Copyright © 2023 Fund for Education


JavaScript ES6 - Template Strings

Estimated time: 5m

JavaScript ES6 Template Strings is a feature that allows developers to create and manipulate strings in a
more concise and readable way, using backticks (`) instead of single or double quotes.

Please study the contents of the following link:

JavaScript ES6 Tutorial #6 - Template Strings

Copyright © 2023 Fund for Education


Quiz

Estimated time: 00:30:00 Number of Attempts: 0

Minimum grade to pass: 70

Grading Policy: Highest

Brief Description:

Please select the correct answer for the given questions.

You can start the quiz by clicking Here

Copyright © 2023 Fund for Education


JavaScript ES6 - Object Literal Enhancements

Estimated time: 5m

JavaScript ES6 some Object Literal Enhancements

Please study the contents of the following link:

JavaScript ES6 Tutorial #8 - Object Literal Enhancements

Copyright © 2023 Fund for Education


JavaScript ES6 - New String Methods

Estimated time: 7m

JavaScript ES6 introduces new methods for string manipulation in JavaScript.

Please study the contents of the following link:

JavaScript ES6 Tutorial #7 - New String Methods

Copyright © 2023 Fund for Education


JavaScript ES6 - Arrow Functions

Estimated time: 8m

JavaScript ES6 Arrow Functions are a shorthand way of writing function expressions in JavaScript that
allows developers to write more concise and readable code.

Please study the contents of the following link:

JavaScript ES6 Tutorial #9 - Arrow Functions

Copyright © 2023 Fund for Education


JavaScript ES6 - Sets

Estimated time: 8m

JavaScript ES6 Set is a built-in data structure that allows you to store unique values of any type, including
primitive types and object references.

Please study the contents of the following link:

JavaScript ES6 Tutorial #10 - Sets

Copyright © 2023 Fund for Education


Quiz

Estimated time: 00:30:00 Number of Attempts: 0

Minimum grade to pass: 70

Grading Policy: Highest

Brief Description:

Please select the correct answer for the given questions.

You can start the quiz by clicking Here

Copyright © 2023 Fund for Education


JavaScript Project

The Project is a Limited Online Shop application. You need to use HTML, CSS (You may use Bootstrap5
too), and JavaScript to complete the project. You may search the web for topics you find new as research
is a part of the project.

Please download the project definition PDF file for more details.

Required Time: 10 Days

Relevant Resources

JavaScript Project Definition.pdf

Copyright © 2023 Fund for Education

You might also like