bugl
bugl
HomeLearnPatternsPathsSearch
HomeLearnPatternsPathsSearch

Loading lesson path

Learn/JavaScript

JavaScript

JavaScript Foundations

Build the mental model first: syntax, variables, control flow, functions, objects, and the runtime basics.

Lesson 1

JavaScript Tutorial

JavaScript is easy to learn.

Read lesson →Loading…
Lesson 2

JavaScript Syntax

The JavaScript syntax defines two types of values:

Read lesson →Loading…
Lesson 3

JavaScript Operators

The Assignment Operator = assigns values

Read lesson →Loading…
Lesson 4

JavaScript if

Use the JavaScript if statement to execute a block of code when a condition is true .

Read lesson →Loading…
Lesson 5

JavaScript Loops

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

Read lesson →Loading…
Lesson 6

JavaScript Functions

- First the idea - Then how to make them - Then how to use them

Read lesson →Loading…
Lesson 7

JavaScript Scope

Scope determines the accessibility (visibility) of variables.

Read lesson →Loading…
Lesson 8

JavaScript Data Types

A JavaScript variable can hold 8 types of data.

Read lesson →Loading…
Lesson 9

JavaScript Style Guide

Always use the same coding conventions for all your JavaScript projects.

Read lesson →Loading…
Lesson 10

JavaScript Introduction

JavaScript is the programming language of the web.

Read lesson →Loading…
Lesson 11

JavaScript Statements

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

Read lesson →Loading…
Lesson 12

JavaScript Arithmetic

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

Read lesson →Loading…
Lesson 13

JavaScript else

Use the else statement to specify a block of code to be executed if a condition is false .

Read lesson →Loading…
Lesson 14

JavaScript For Loop

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

Read lesson →Loading…
Lesson 15

JavaScript Functions

Functions are reusable code blocks designed to perform a particular task.

Read lesson →Loading…
Lesson 16

JavaScript Code Blocks

A code block or block statement is a group of statements enclosed within curly braces { } .

Read lesson →Loading…
Lesson 17

JavaScript Primitives

A JavaScript variable can hold 8 types of data.

Read lesson →Loading…
Lesson 18

JavaScript Best Practices

Avoid global variables, avoid new , avoid == , avoid eval()

Read lesson →Loading…
Lesson 19

JavaScript Where To

In HTML, JavaScript code is inserted between <script> and </script> tags.

Read lesson →Loading…
Lesson 20

JavaScript Comments

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

Read lesson →Loading…
Lesson 21

JavaScript Assignment

Assignment operators assign values to JavaScript variables.

Read lesson →Loading…
Lesson 22

The JavaScript Ternary Operator

The conditional operator is a shorthand for writing conditional if...else statements.

Read lesson →Loading…
Lesson 23

JavaScript While Loops

While loops execute a block of code as long as a specified condition is true.

Read lesson →Loading…
Lesson 24

Invoking JavaScript Functions

A JavaScript function runs when it is called .

Read lesson →Loading…
Lesson 25

JavaScript Hoisting

Hoisting is JavaScript's default behavior of moving declarations to the top.

Read lesson →Loading…
Lesson 26

JavaScript Built-In Objects

A JavaScript variable can be either a Primitive type or an Object type.

Read lesson →Loading…
Lesson 27

JavaScript Common Mistakes

This chapter points out some common JavaScript mistakes.

Read lesson →Loading…
Lesson 28

JavaScript Output

JavaScript can "display" data in different ways:

Read lesson →Loading…
Lesson 29

JavaScript Variables

JavaScript variables are containers for data.

Read lesson →Loading…
Lesson 30

JavaScript Comparison

Comparison operators are used to compare two values .

Read lesson →Loading…
Lesson 31

JavaScript Switch Statement

Based on a condition, switch selects one or more code blocks to be executed .

Read lesson →Loading…
Lesson 32

JavaScript Break

The break statement "jumps out" of loops and switches.

Read lesson →Loading…
Lesson 33

JavaScript Function Parameters

Parameters allow you to pass (send) values to a function.

Read lesson →Loading…
Lesson 34

JavaScript Use Strict

The "use strict" directive was new in ECMAScript version 5.

Read lesson →Loading…
Lesson 35

JavaScript typeof

The typeof operator returns the data type of a JavaScript variable.

Read lesson →Loading…
Lesson 36

JavaScript Performance

How to speed up your JavaScript code.

Read lesson →Loading…
Lesson 37

JavaScript Let

The let keyword was introduced in ES6 (2015)

Read lesson →Loading…
Lesson 38

JavaScript Conditionals

Conditional Statements allow us to perform different actions for different conditions .

Read lesson →Loading…
Lesson 39

JavaScript Booleans

In JavaScript, a Boolean is a primitive data type that can only have one of two values:

Read lesson →Loading…
Lesson 40

JavaScript Continue

The continue statement skips the current iteration in a loop.

Read lesson →Loading…
Lesson 41

JavaScript Function Return

A function can return a value back to the code that called it.

Read lesson →Loading…
Lesson 42

JavaScript toString()

The JavaScript toString() method converts a variable (or a value) to a string.

Read lesson →Loading…
Lesson 43

JavaScript Const

The const keyword was introduced in ES6 (2015)

Read lesson →Loading…
Lesson 44

JavaScript Logical Operators

Logical operators are used to combine boolean expressions .

Read lesson →Loading…
Lesson 45

JavaScript Control Flow

Control Flow is the order in which statements are executed in a program.

Read lesson →Loading…
Lesson 46

JavaScript Function Arguments

In JavaScript, function parameters and arguments are distinct concepts:

Read lesson →Loading…
Lesson 47

JavaScript Type Conversion

- Converting Strings to Numbers - Converting Numbers to Strings - Converting Dates to Numbers - Converting Numbers to Dates - Converting Booleans to Numbers - Converting Numbers to Booleans

Read lesson →Loading…
Lesson 48

JavaScript Datatypes

A JavaScript variable can hold 8 types of data:

Read lesson →Loading…
Lesson 49

JavaScript Function Expressions

A function expression is a function stored in a variable .

Read lesson →Loading…
Lesson 50

JavaScript Destructuring

The destructuring assignment syntax can unpack objects into variables:

Read lesson →Loading…
Lesson 51

JavaScript Arrow Functions

Arrow Functions allow a shorter syntax for function expressions .

Read lesson →Loading…