TAM - LEARN JAVASCRIPT AND REACTJS BASICS: FOR BEGINNERS: FAST AND EASY WAY TO LEARN CODING BASICS

LEARN JAVASCRIPT AND REACTJS BASICS: FOR BEGINNERS FAST AND EASY WAY TO LEARN CODING BASICS JP TAM LEARN JAVASCRIPT BASICS: FOR BEGINNERS FAST AND EASY WAY TO LEARN CODING BASICS JP TAM Javascript Tutorial This JavaScript lesson makes it simple for both beginners and experts to learn JavaScript. What is JavaScript and how does it work? JavaScript is a dynamic programming language for computers. It is a lightweight and cross-platform object-based scripting language. With the aid of JavaScript, we can make our website more vibrant and engaging. Brendan Eich, a Netscape employee, designed it in 1995. It's a programming language that's used to make interactive websites.

It's most commonly used for:: Validation on the client's end. Its drop-down menus are dynamic. It shows the current date and time. Before transferring data to a server, validate user input in an HTML form. Create forms that respond to user input without requiring a connection to a server. Install new windows or frames and close them.

Using popup windows and dialog boxes to display information. (for example, an alert dialog box, a confirm dialog box, or a prompt dialog box) Create client-side programs that are small but complete. Clocks and other timepieces Game and app development for mobile devices. Features of Javascript JavaScript is a scripting language that is based on objects. The language is case sensitive. It's light in weight.

In JavaScript, every statement must be followed by a semicolon (;). Advantages of Javascript JavaScript is a scripting language that is interpreted. There is no need for a compiler because there is no compilation process. JavaScript is interpreted by the browser as HTML tags. JavaScript is a simple programming language. It is very simple to learn for anyone.

It's used to create dynamic and appealing websites. Because JavaScript is run on the client side, it lowers the load on the website server. It includes conditional checking, loops, and branching functionality that can be used in web pages. For the end user, JavaScript is relatively quick. They don't have to wait for the page to reload to see if they missed something. Web pages now have more functionality.

To provide our site visitors with more functionality, we can use JavaScript to include drag-and-drop components and sliders. JavaScript Example

document.write("Hello JavaScript by TutorialandExample"); Output Welcome to JavaScript Hello JavaScript by TutorialandExample Javascript Example document.write("Hello Friends"); Output Welcome to JavaScript Hello Friends JavaScript can be implemented by including JavaScript statements in the code. . document.write("Hello World"); Output Hello World In JavaScript, code may be written in three places.

1. Between the tag of HTML.
2. Between the tag of HTML.
3. In .jsfile(external JavaScript).

As an illustration (code between the body tags) In the example below, the body tag contains JavaScript code. alert("Hello world"); Example2 (between the head tag, the code) We'll create the function msg in the example below ().

In JavaScript, you must write function in function name to define a function. To invoke a function, we must first create an event. We're using the one-click event to call the msg() function in this case. function msg(){ alert("Hello world"); } Welcome to Javascript External JavaScript file We can create a JavaScript file that we can include in HTML files. Because a single JavaScript file may be used in multiple HTML pages, it allows for code reuse. It improves the web page's performance.

The file must have a.js extension. Example Hello world Javascript comment Comments in JavaScript are used to describe the code. It's used to include code-related information, such as warnings or suggestions, so that end users can understand it. JavaScript comments Types

1. Single-line Comment
2. Multi-line Comment

Single-line Comment Double forward slashes (//) are used to express single-line comments. While the program is running, any text between the double forward slashes (//) and the end of the line will be ignored. eg.

Comment added - before the statement. // single-line comment // document.write("hello world"); eg. Comment added - after the statement. var a=10; var b=20; var c=a+b; //It add values of a and b variable document.write(c); // print sum of 10 and 20 Output Multi-line comment Single and multi-line comments can both be made with multi-line comments. Comments that span multiple lines begin with /* and conclude with */. /* Write comment here */ Example /* It is multi-line comment. /* Write comment here */ Example /* It is multi-line comment.

It will not be displayed */ document.write ("Example of JavaScript multi line comment"); Javascript Variable Values (name=Ram) and expressions (Sum=x+y) are stored in variables. We must first declare a variable before utilizing it. To declare a variable, we use the term var as follows: var name; There are 2 types of variables:

1. Local Variable
2. Global Variable

Local Variable It's declared inside a function or a block. Example Global Variable - It has a global scope, meaning that it can be defined anywhere in JavaScript code. Outside of the function, a variable is declared. Example var data =200; //global variable function a(){ document.writeln(data); } function b(){ document.writeln(data); } a();//calling javascript function b(); In JavaScript, declaring a global variable within a function To declare a JavaScript global variable inside a function, we must use the window object.

Example

It can now be declared within any function and accessed from within any function. Example function a(){ window.value=50; //declare global variable by use of window object } function b(){ alert(window.value);//access global variable from other function } a(); b(); Javascript Data Types It has a variety of data types to hold various types of values. In Javascript, there are two sorts of data types.

1. Primitive data types.
2. Non-primitive data types.

Because JavaScript is a dynamic type language, we don't need to define the type of variable because the JavaScript engine uses it dynamically. The data type is specified using var in this case. It may store any type of value, including numbers, strings, and objects.

Example

JavaScript - primitive data types In JavaScript, there are five different types of primitive data types. JavaScript non-primitive data types There is 3 non-primitive data types are as follows: Javascript Operators Operators are symbols in JavaScript that are used to perform operations on operands. 3+2 equals 5 in simple terms. The operands here are 3 and 2, and the operator is +. The JavaScript operators are as follows:

1. Arithmetic Operators.
2. Comparison (relational) Operators.
3. Bitwise Operators.
4. Logical Operators.
5. Assignment Operators.
6. Special Operators.

Arithmetic Operators We employ arithmetic operations on the operands in arithmetic operators. Assignment operator JavaScript support following - assign operators. Next page