Facebook PixelJS Introduction | JavaScript Tutorial | CodeWithHarry

JS Introduction

Today, I am creating this JavaScript tutorial to provide you with a resource that will help you learn JavaScript. Also, you can use this tutorial as a reference later to look up various concepts and code.

My name is Harry and I am a Computer Programmer and a YouTuber from CodeWithHarry YouTube channel. I want to start this tutorial by explaining why we need JavaScript in the first place.

Imagine a website as a house. HTML is like the bricks and walls that give it structure. CSS is like the paint and decorations that make it look nice. But without JavaScript, the house won't have any lights or running water—nothing would work or move.

JavaScript is what makes a website interactive. It's like adding electricity to the house. It lets you click buttons to open doors, turn on lights, or even play music. So, without JavaScript, a website would be like a house where nothing really happens—you could look at it. The video below shows a modal which is created using JavaScript.

JavaScript is used for frontend programming but it is also used for backend programming using Node.js. Let's take a step back and understand all these concepts one by one.

What is Programming?

It is a way to talk to computers. A language like Hindi, English, or Bengali can be used to talk to a human but for computers, we need straightforward instructions.

Programming is the act of constructing a program, a set of precise instructions telling a computer what to do.

Programming is the process of designing, writing, testing, debugging, and maintaining the source code of computer programs. It involves the use of programming languages and various tools to create software programs that can be run on a computer or other devices.

What is ECMAScript?

ECMAScript is a standard on which JavaScript is based!

It was created to ensure that different documents on JavaScript are talking about the same language.

ECMAScript Versions:

Beginning in 1997, JavaScript has evolved into many versions.

  • ECMAScript1 or ES1 was first released in 1997.
  • ECMAScript 2015 also known as ES6 was released in 2015 and a major revision to JavaScript was made.
  • The latest version of JavaScript will be ECMaScript2022 (ES13) in 2022.

What is JavaScript?

  • JavaScript is a lightweight, OOP language.
  • It is a scripting language for web pages.
  • It is used to add interactivity and dynamic effects to web pages.
  • ".js" is the extension.
  • Nowadays used in server-side development.
  • JS Frontend Frameworks: React, Angular, Vue.
  • JS Backend Frameworks: Express, Node.

In this tutorial, we will learn JavaScript in depth.