JavaScript First Steps

categories: Technology, Science & Productivity

Digital

Software

Technology

SDG 4: Quality Education

SDG 8: Decent Work and Economic Growth

SDG 9: Industry, Innovation and Infrastructure

By the end of this course, you will be able to

The process that browsers go through to render web pages, what functions are and how to use them in a flexible manner, as well as the different types of arrays.
The basic must-know information about JavaScript, its importance in building websites, together with a general overview of HTML and CSS and how they all fit together.
How to store data in a website, how the website storage usually communicates with its interface, and how to use JavaScript to manipulate and modify DOM.

Course details

7 h 55 m/60 lessons
Last updated: 1/3/2022
Course completion certificate

Course Content

Free lessons

Introduction (JavaScript Story, Why/When to use)

2 Minutes

Basic HTML Structure and Elements

9 Minutes

Course Overview

2 Minutes

Classes, Attributes and IDs

2 Minutes

Settings & Tools (Git & VS Code)

23 Minutes

CSS Basics

16 Minutes

1. Introduction

Introduction (JavaScript Story, Why/When to use)

2 Minutes

Course Overview

2 Minutes

Settings & Tools (Git & VS Code)

23 Minutes

2. Prework

Basic HTML Structure and Elements

9 Minutes

Classes, Attributes and IDs

2 Minutes

CSS Basics

16 Minutes

Practice exercise - part 1

20 Minutes

Practice exercise - part 2

20 Minutes

3. Explore JavaScript

Values

4 Minutes

Variables

5 Minutes

Operations

5 Minutes

Types - (Strings, numbers)

11 Minutes

Types - Objects

3 Minutes

Types - null & undefined

3 Minutes

Types - (Boolean - Equality - Symbol)

5 Minutes

let, const, var

9 Minutes

Experssion & Statments

2 Minutes

10.

If statement

6 Minutes

11.

Strict Mode

2 Minutes

12.

Consoles & debugging

8 Minutes

13.

Practice exercise

5 Minutes

4. Functions

Functions

9 Minutes

Function Parameter & Rest

2 Minutes

Function Declaration vs expressions

1 Minutes

Arrow function

2 Minutes

IIFE (Immediately Invoked Function Expression)

1 Minutes

Practice exercise

4 Minutes

5. DataTypes

Objects

14 Minutes

Reference vs Value

7 Minutes

Arrays

11 Minutes

6. Loop and Iterations

Mapping

6 Minutes

Array for Each

3 Minutes

Reduce

6 Minutes

For family (for, for in, for of) & while

13 Minutes

Practice exercise

8 Minutes

7. Scope & Clousre

Scope

7 Minutes

Clousre

10 Minutes

Hoisting

3 Minutes

8. This, New, Prototypes and Class

The this Keyword

10 Minutes

The New Keyword & Prototype

5 Minutes

Class

10 Minutes

Bind, Call and Apply

9 Minutes

Review this keyword cases

6 Minutes

9. Explore DOM, events

DOM and DOM Manipulation

20 Minutes

Events

5 Minutes

Events - Targets and Bubbling

7 Minutes

10. Web Storage API & Cookie

Web Storage Introduction

2 Minutes

Client side VS Server side

1 Minutes

Local Storage

16 Minutes

Session Storage

3 Minutes

15 Minutes

11. APIs & Handlers with an Asynchronous Action's

Event Loop, Callback hell

8 Minutes

Promises

8 Minutes

Async/await

3 Minutes

12. Ajax & Final Practice

What's API, How it work

5 Minutes

Ajax

9 Minutes

CORS

2 Minutes

Final Practice exercise

19 Minutes

Code splitting and organize project

7 Minutes

13. What's next?

Suggesions

4 Minutes

About this course

Given that you are already a developer or a developer-to-be, you should know that there is a directly proportional relationship between the time your users spend on your website and the level of interactivity it provides. That is the reason why when it comes to changing dull web pages into more engaging ones, JavaScript is your go-to solution. By embarking upon this learning journey, not only will you be able to learn about the foundational basics of JavaScript, but also master writing codes using the language.

Course requirements and prerequisites

There are no requirements for this course. Your interest in the topic and your commitment to learning are all you need to achieve the utmost benefit from this course.