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