Mini Lessons

Sign in Subscribe

Javascript Programming Basics

The need for defining custom functions in Javascript

The need for defining custom functions in Javascript

Before you start reading this lesson, I want you to read the Function 101 lesson as a refresher. Anyway, from the beginning of this course, we performed a lot of small tasks. And while performing these small tasks using javascript, we learned: 1. How to change an image by changing

How to change CSS styles using javascript

How to change CSS styles using javascript

When we start working with real-world projects, sometimes, we need to change the CSS styles using Javascript. The most common task is hiding or revealing some HTML elements. So, in this lesson, we will learn: 1. How to reveal the modal using Javascript. 2. How to change the background color

It is time to build some simple components

It is time to build some simple components

There is still a long way to go in terms of gaining rock-solid Javascript foundations. We need to still learn foundational Javascript concepts like: 1. Event listeners and event handling 2. Custom functions 3. If/Else conditional statement 4. Loops 5. Math operations 6. Advanced Arrays 7. Timer functions 8.

One task, multiple solutions

One task, multiple solutions

In Javascript, it is very common to achieve a task in multiple ways. For example, in the last lesson, on the body tag, we have replaced the no-js class with js class by using the add and remove methods of the classList object. <body class="no-js page-template-home-page"

Task: Detecting if Javascript is enabled

Task: Detecting if Javascript is enabled

Sometimes, we need to check whether Javascript is enabled or not in the browser. We do this to improve the accessibility of the page which relies heavily on Javascript. For example, Gmail detects if Javascript is enabled or not before loading the inbox. Gmail does this because it relies on

The window object

The window object

The console object helps perform actions on the Browser Console. Similarly, the window object has a lot of objects and methods that help us perform actions on the Browser Window. Remember the alert and the prompt functions? Actually, those are the methods of the window object. I am sorry that

The true use of the console.log

The true use of the console.log

In the last lesson, we learned that the console.log method is capable of logging a text message to the Browser Console. The console.log method can also log variables console.log(variableName); To log the value of a variable, all you have to do is provide the variable'