[Introduction to JavaScript] From Creation to Web Revolution

Hello HaWkers! Jeff Bruchado here.

This is the first article in our series that will cover our journey to Learn Programming from Scratch.

First of all, I have an affectionate name that I call people who follow my content, I call you HaWkers.

So if you see this in upcoming articles, you now know the reason.

Well, let's get started!

HaWker, have you ever wondered what's behind all those interactive and animated web pages you navigate daily?

If so, the answer largely is: JavaScript. But what is JavaScript, where did it come from, and how did it become so essential in modern web? Let's find out.

What is JavaScript?

JavaScript is a high-level, dynamic, interpreted, and object-oriented programming language. It's primarily known as the scripting language for web pages but is also used in many environments beyond the browser, such as Node.js, Apache CouchDB, and Adobe Acrobat.

The distinctive characteristic of JavaScript is its ability to run in the browser, making web pages interactive and dynamic.

This interactivity can range from simple alert pop-ups to complex web applications, like text editors and 3D games.

Practical Applications of JavaScript

Generally, beginners wonder why JavaScript is so fundamental. 🤔

Besides its obvious application in web pages, it's also widely used in backend server development, mobile app creation, games, and even robotics.

The ability to work on both front-end and back-end, through Node.js, has transformed JavaScript into an "omnipresent" programming language. In other words, you learn one language and have the ability to work in different areas within Software Development.

JavaScript is also widely used in startups, which generally opt for greater speed in developing their applications.

Consequently, this makes the JavaScript development market huge.

Well, the next part may not be interesting for most readers, but I consider it important for you to have an idea when discussing programming with others, the story behind it is always great to know.

History of JavaScript

JavaScript's history begins in 1995 with the company Netscape Communications, which was developing its browser, Netscape Navigator. To make their browser more dynamic and interactive, Netscape decided to include a lightweight scripting language.

The language was initially called Mocha, then LiveScript, and finally JavaScript - although it has no direct relationship with the Java language. The name was more of a marketing move, as Java was an extremely popular language at that time.

Brendan Eich, a Netscape engineer, created JavaScript in just 10 days. Despite its rushed creation and some inconsistencies, the language quickly gained popularity.

In 1996, Microsoft Internet Explorer released its own version of JavaScript, called JScript, to circumvent licensing issues. This led to inconsistencies between language implementations in different browsers, making web development a challenge.

To standardize the language, Netscape submitted JavaScript to Ecma International, a standardization group.

The result was the first edition of the ECMAScript standard in 1997. This standard is what browsers and other JavaScript interpreters use as a reference for implementing the language.

Now that you know the history, you understand why JavaScript versions use this name ECMAScript.

Current JavaScript Challenges

Although JavaScript has a vast range of applications and is extremely popular, it's not without challenges. With the evolution of the web, concerns arise about security, performance optimization, and cross-browser compatibility.

Additionally, with the proliferation of frameworks and libraries, choosing the right technology can sometimes be overwhelming for novice developers.

Versions

Since its standardization, ECMAScript has had several editions that brought new features and changes to the language:

ES1 (1997): The first edition.
ES2 (1998): An editorial edition of the standard to comply with ISO rules.
ES3 (1999): Introduced many features that are fundamental to the language today, such as regular expressions and string and array manipulation.
ES4: This version was never released. There were many proposals, but the committee couldn't agree on them.
ES5 (2009): Introduced important features like getters and setters, and native JSON functionality.
ES6 or ES2015: Was a significant update to the language, bringing classes, modules, promises, let/const, and many other features that modernized the language.
ES2016 and subsequent: The committee decided to update the standard annually. These versions bring fewer features but ensure the language continues to evolve.

The Beauty of JavaScript's Simplicity

One of the most appreciated things about JavaScript is its simplicity when performing basic tasks. For example, displaying a message on the screen is as simple as:

This code creates a pop-up with the message "Hello, HaWkers!" when the page loads.

DOM Manipulation with JavaScript

Document Object Model (DOM) manipulation is one of the most common uses of JavaScript in web applications. Want to change the text of an HTML element? It's easy:

This code looks for an element with the ID "myElement" and changes its content to "New Text!".

But if you didn't understand what I meant above, don't worry! Soon you'll be mastering this.

Don't be scared!

Functions in JavaScript

Functions are code blocks that can be reused. For example, if you want to create a function that greets someone by name, you could do:

ES6 and Beyond: Modern Syntax

The introduction of ES6 brought more elegant syntax and powerful features. One of these features is the arrow function, which provides a more concise way of writing functions:

Asynchronicity in JavaScript

JavaScript introduced concepts of asynchronous programming, like Promises and async/await, which help manage time-consuming operations, such as network requests:

In this example, we use the fetch API to get data from an endpoint and then display that data.

The Community Behind JavaScript

One of JavaScript's great strengths is its active and engaged community. Being an open source language, many developers contribute to the evolution and maintenance of frameworks, libraries, and tools.

Platforms like GitHub and npm are full of packages and solutions created by JavaScript enthusiasts, ready to be used and adapted as needed.

Conclusion

Well HaWker, as you can see, JavaScript went from a language created in a hurry to become one of the most important and widely used programming languages in the world.

Its impact on the web and its continuous evolution ensure it remains relevant for many years.

Now that you have a foundation about Programming, more specifically about what JavaScript is and its rich history, you're ready to dive deeper and explore its full potential.

Whew! 😮‍💨

We've reached the end of our first article.

And if you made it this far, reply to this email with "I made it to the end".

Only a true HaWker makes it to the end.

Congratulations!

I'm happy to have you here.

See you soon, let's go! 🦅

- Jeff Bruchado

Congratulations on making it this far, HaWker! 🎉

Now that you've learned about the history and importance of JavaScript, how about testing your knowledge? Take the quiz below and see how much you absorbed from our article. It's a great way to reinforce learning and prepare for the next steps in your programming journey.

Click here to access the quiz.

Good luck and have fun!