Introduction To JavaScript: =========================== HTML: HYPER TEXT MARKUP LANGUAGE TAG BASED CASE INSENSITIVE LANGUAGE make display any content as web content CSS: CASCADING STYLE SHEETS TO APPLY THE STYLES TO THE WEB ELEMENTS OF HTML INTERNAL OR EXTERNAL PROPERTY BASED to define/apply styles to the web content MAIL: INCORRECT PASSWORD: CORRECT LOGIN ==> LOGIN FAILURE FRONT END <==================> BACK END (WEB LOGIC LAYER + DATABASE LAYER) About JavaScript: ================= 1) JavaScript is one of the server based language. 2) JavaScript is one of the client based language. client ==> a device user ===> request ==> server response which can be used to define the functionality to web content/web page. Functionality: ============== providing the input processing the input giving of the result Ex: Whatsapp calculator + ip1 = 10 ip2 = 20 result = ip1 + ip2 DIFFERENCE BETWEEN JAVA AND JAVASCRIPT: ======================================== JAVA ==> SERVER SIDE JS ==> CLIENT AND SERVER BASED USING THE JAVASCRIPT: AT CLIENT SIDE: 1) WE CAN HIDE THE DATA/OPTIONS 2) WE CAN MAKE DISPLAY DATA/OPTIONS 3) WHILE SEARCHING IN THE BROWSER WE CAN ABLE TO MAKE DISPLAY SIMILAR OPTIONS TRANSLATORS: ============ JAVA/JAVASCRIPT/PYTHON ==> HIGH LEVEL PROGRAMMING LANGUAGES KEYWORDS SORCE CODE ==> NOT UNDERSTANDABLE BY THE DEVICES SOURCE CODE ==> TRANSLATOR ====> MACHINE LEVEL CODE (OBJECT CODE) THREE TYPES: 1) COMPILER 2) INTERPRETER 3) ASSEMBLER JAVASCRIPT CAN USE WITHIN THE HTML JAVASCRIPT CAN ALSO WORK ON THE DEVICES WHERE THE JAVASCRIPT INTERPRETER IS AVALIABLE. node js COMPILER: ======== SOURCE CODE{ LINE-1 LINE-2 LINE-3 BLOCK-1{ LINE-4 LINE-5 } } AT COMPILER: BLOCK1 { 10 LINES } REMAINING BLOCK { 30 LINES } Interpreter? ============ ==> JAVASCRIPT IS INTERPRETER DEPENDENT LANGUAGE. PROGRAMMING LANGUAGES: HIGH LEVEL MIDDLE LEVEL/ASSMEBLY LOW LEVEL (OLDER) ==> IN 1'S AND 0'S NOT EASY AND NOT PORTABLE WINDOWS32|WINDOWS64|WINDOWS128 LINUX MACOS EX: 10 ==> 1010 0000 1010 0000 0000 0000 1010 =================================== CASE SENSITIVE LANGUAGE. JAVASCRIPT CAN ACCESS THE HTML AND CSS ALSO. EX: WEBPAGE HEADING SUB-HEADING1 PARA LINK IMAGE c = 30 SUB-HEADING2 IMAGE TABLE var a = 10 var b = 20 var c = 30 console.log(c) ========================================= DYNAMICALLY TYPED PROGRAMMING LANGUAGE: ======================================= HIGH LEVEL PROGRAMING LANGUAGES: THREE TYPES: STATICALLY TYPED DYNAMICALLY TYPED STRONGLY TYPED Syntax for data definition: datatype variable-name = value; ex: int a = 100; In C: int a = 0.00012; In Java: int a = 0.00012f; ==> Incompatible type of error JavaScript/python: Dynamically typed ==> need not the type of the data in before to the variable name. ==> during the running of the program, the machine can detect the type of the data automatically based on the assignment. ex: var a = 10; var b = 12.23; var c = "string"; History of JavaScript: ====================== ECMAScript (ES) ==> the standard document/technical specification JavaScript (JS) ==> practical implementation Author: Brenden Eich Netscape Corporation, 1997 Versions: JavaScript-1/EcmaScript-1 ==> 1997 JavaScript-2 ==> 1998 JavaScript-3 ==> 1999 JavaScript-4 ==> Abonded JavaScript-5 ==> 2009 JavaScript-5.1 ==> 2011 JavaScript-2015 ==> 2015 Current version: JavaScript-2024 (July)