Learning JavaScript Programming

How to Learn Effectively • Short Note • Revise • Second Brain

Why Choose This Course (JavaScript) • Versatility • Browser Compatibility • Large Community and Resources • Immediate Feedback • Full-Stack Development • Demand in the Job Market • Fundamental Concepts

JavaScript Intro History of JavaScript: From Humble Beginnings to Web Domination • Birth of JavaScript (1995): • Created by Brendan Eich in just 10 days for Netscape Navigator. • Initially called "LiveScript", then renamed to "JavaScript" for marketing reasons. • Introduced interactivity to static web pages, revolutionizing web development.

JavaScript History Early Years and Browser Wars (1995-2000): • Microsoft adopted JavaScript for Internet Explorer, sparking a fierce rivalry with Netscape. • Focused on basic features and browser compatibility, leading to fragmented implementations. • Despite lack of standardization, JavaScript gained popularity due to its ease of use. Standardization and Maturity (2000-2015): • ECMAScript standard emerged to standardize the language and guide its evolution. • Newer versions introduced significant features like object-oriented programming and functions. • Libraries and frameworks like jQuery emerged, simplifying web development with JavaScript.

JavaScript History Reaching New Heights (2015-present): • Introduction of ES6 brought major additions like arrow functions and modules. • Node.js revolutionized server-side development, expanding JavaScript beyond browsers. • Frameworks like React and Angular gained popularity, enabling sophisticated web apps. JavaScript Today: • The dominant language for web development, powering interactive experiences for billions. • Supported by all major browsers, with a vibrant community driving its continuous evolution. • Widely adopted for various applications beyond web, like mobile and desktop development.

IDE (Integrated Environment Tool) • VS Code • ATOM • Sublime Text • Notepad • Web Strome • PHP Strome

Server Install • Xampp • Wamp Server • Lamp

Connected with AI • Create account in OPENAI and Google Birds

Setup some account & software • GitHub • Notion • Stack overflow

Server related issue fixup • Xampp (Apache and mysql)

Start JavaScript • Simple hello world in console log

JavaScript Syntax • A letter (A-Z or a-z) • A dollar sign ($) • Or an underscore (_) • JS is case sensitive

JavaScript Syntax • JS reversed words • Link: https://www.w3schools.com/js/js_reserved.asp

JavaScript Syntax Hyphens: • first-name, last-name, master-card, inter-city. Underscore: • first_name, last_name, master_card, inter_city. Upper Camel Case (Pascal Case): • FirstName, LastName, MasterCard, InterCity. Lower Camel Case: • firstName, lastName, masterCard, interCity.

JS Comment • Single line //this is a single line comment • Multi line Comment /* this is multiple line comment For test basis */

JS Variable • var • let • const

JS Operator • Arithmetic Operators • Assignment Operators • Comparison Operators • String Operators • Logical Operators • Bitwise Operators • Ternary Operators

Arithmetic Operation + Addition - Subtraction * Multiplication ** Exponentiation / Division % Modulus (Remainder) ++ Increment -- Decrement

Assignment Operators = x = y x = y += x += y x = x + y -= x -= y x = x - y *= x *= y x = x * y /= x /= y x = x / y %= x %= y x = x % y **= x **= y x = x ** y

Comparison Operators == equal to === equal value and equal type != not equal !== not equal value or not equal type > greater than < less than >= greater than or equal to <= less than or equal to

String Operators let str1 = “Hriday"; let str2 = “Ahmed"; let result = (str1 + str2); console.log(result);

Logical Operators && and (x < 10 && y > 1) is true || or (x == 5 || y == 5) is false ! not !(x == y) is true

Conditional (Ternary) Operator let voteable = (age < 18) ? "Too young": "Old enough";

Bitwise Operators & AND Sets each bit to 1 if both bits are 1 | OR Sets each bit to 1 if one of two bits is 1 ^ XOR Sets each bit to 1 if only one of two bits is 1 ~ NOT Inverts all the bits << Zero fill left shift Shifts left by pushing zeros in from the right and let the leftmost bits fall off >> Signed right shift Shifts right by pushing copies of the leftmost bit in from the left, and let the rightmost bits fall off >>> Zero fill right shift Shifts right by pushing zeros in from the left, and let the rightmost bits fall off

JS data types • 1. String 2. Number 3. Bigint 4. Boolean 5. Undefined 6. Null 7. Object

Learning JavaScript Programming

Learning JavaScript Programming

More Related Content

Similar to Learning JavaScript Programming

Recently uploaded

Learning JavaScript Programming