Beginning My JavaScript Journey After HTML & CSS

#webdev #ai #programming #javascript

Today we have started a topic of coverage in javascript after using HTML & CSS, how js is collaborate with this concept and how it works. What are the advantages and disadvantages are going to happen in using javascript. That was our goal to learn, practice and works in realtime of javascript.And i will share my notes and learning in upcoming blogs..

Short info
JavaScript was created in 1995 by Brendan Eich while working at Netscape Communications. Remarkably, it was developed in just 10 days. It was initially named Mocha, then LiveScript, and finally renamed JavaScript.

JavaScript is one of the core technologies of web development, alongside HTML and CSS. It was developed in 1995 to add interactivity and dynamic behavior to websites, making modern web applications possible.

JavaScript

JavaScript is a programming language used to create dynamic content for websites. It is a lightweight, cross-platform, and single-threaded programming language. It's an interpreted language that executes code line by line, providing more flexibility.

Client Side: On the client side, JavaScript works along with HTML and CSS. HTML adds structure to a web page, CSS styles it, and JavaScript brings it to life by allowing users to interact with elements on the page, such as actions on clicking buttons, filling out forms, and showing animations. JavaScript on the client side is directly executed in the user's browser.
Server Side: On the Server side (on Web Servers), JavaScript is used to access databases, file handling, and security features to send responses, to browsers.

JavaScript (JS) is a lightweight interpreted (or just-in-time compiled) programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as Node.js, Apache CouchDB and Adobe Acrobat. JavaScript is a prototype-based, garbage-collected, dynamic language, supporting multiple paradigms such as imperative, functional, and object-oriented.

JavaScript's dynamic capabilities include runtime object construction, variable parameter lists, function variables, dynamic script creation (via eval), object introspection (via for...in and Object utilities), and source-code recovery (JavaScript functions store their source text and can be retrieved through toString()).

This section is dedicated to the JavaScript language itself, and not the parts that are specific to Web pages or other host environments. For information about APIs that are specific to Web pages, please see Web APIs and DOM.

The standards for JavaScript are the ECMAScript Language Specification (ECMA-262) and the ECMAScript Internationalization API specification (ECMA-402). As soon as one browser implements a feature, we try to document it. This means that cases where some proposals for new ECMAScript features have already been implemented in browsers, documentation and examples in MDN articles may use some of those new features. Most of the time, this happens between the stages 3 and 4, and is usually before the spec is officially published.

Do not confuse JavaScript with the Java programming language — JavaScript is not "Interpreted Java". Both "Java" and "JavaScript" are trademarks or registered trademarks of Oracle in the U.S. and other countries. However, the two programming languages have very different syntax, semantics, and use.

Why learn javascript

Core language for web development, enabling dynamic and interactive features in websites with fewer lines of code.
Highly in demand, offering many job opportunities in Frontend, Backend (Node.js), and Full Stack Development.
Supports powerful frameworks and libraries like React, Angular, Vue.js, Node.js, and Express.js, widely used in modern web applications.
Object-oriented and event-driven language, ideal for building scalable and responsive applications.
Cross-platform and runs directly in all modern web browsers without the need for installation.
Major companies like Google, Facebook, and Amazon use JavaScript in their tech stacks.

Javascript Data types

JavaScript data types define what kind of values a variable can hold and how those values behave in a program. They determine how data is stored in memory and how operations like comparison, calculation, and conversion work.

Each data type has its own methods and operations that control how it can be used.
Understanding data types helps prevent errors and makes code more efficient and reliable.

TBD about this mentioned types

Primitive Data Type

Primitive data types in JavaScript represent simple, immutable values stored directly in memory, ensuring efficiency in both memory usage and performance.

Non-Primitive Data Types

The data types that are derived from primitive data types are known as non-primitive data types. It is also known as derived data types or reference data types.

Libraries of javascript

Libraries provide pre-built solutions for common tasks. Developers can use these functions instead of writing code from scratch, saving valuable time. Here are a few popular libraries of JavaScript.

Frontend Libraries: React, Preact, Lodash, Moment.js, jQuery, Axios
Backend Libraries:Socket.io, JWT, Bcrypt, Passport.js, CORS