Javascript learning path
1. How The Web Works
- Type the
URLand press Enter - The URL gets
resolved - A Request is sent to the server of the website
- The response of the server is
parsed - The page is
renderedanddisplayed
All the Tags in this Category
Cookies and Web Storage
Local Storage, Session Storage And Cookies
Cookies
- Cookies are small strings(
max size 4KB) of data that are stored directly in the browser. - They are a
part of the HTTP protocol, defined by the RFC 6265 specification - Sent to server on ecah request
- Cookies are usually
set by a web-serverusing the responseSet-CookieHTTP-header. One cookie must not exceed 4KB, 20+ cookies per site(depends on the browser)
01-JS Fundamentals | Javascript introduction
JS introduction and Variable declaration and scope
Introduction to JS
- https://jsbin.com
- Run HTMS, CSS, JS online
What is JavaScript?
- JavaScript is a
dynamic, weaklytyped programming language which is compiled at runtime. - It can be executed as part of a webpage in a browser or directly on any machine (“host environment”).
- JavaScript was created to make webpages more dynamic (e.g. change content on a page directly from inside the browser).
02-JS Fundamentals | Data-types in Javascript
Primitive, Non-primitive data-types and Garbage collection
Javascript Data Types
- Primitive
- Non-primitive(
reference/object/json)
Primitive
- Data that is not an object
- All primitives
are immutablei.e., they cannot be altered.Stored in Stack- Copies the data(
Copy by value)
03-JS Fundamentals | Operators in Javascript
Operator and type conversion
Operators in Javascript
Comparison Operators
Equality Operators: == vs ===
===–> Strict equal to- true if the operands are equal and of the same type
!==–> Strict not equal to- true if the operands are equal but of different type or not equal at all
04-JS Fundamentals | Adv Operators in Javascript
Truthy, Falsy Values and Important Operations
Truthy and Falsy Values
- 5 falsy values –>
0, "", undefined, null, NaN - Everything else is True
05-JS Fundamentals | Function in Javascript
Different types of function in Javascript
Function in Javascript
Different Way of Defining Function
- Function Declaration / Function Statement
- Hoisted to top,
can be declared anywherein the file (i.e. also after it’s used)
- Hoisted to top,
- Function Expression
- Hoisted to top but not initialized/defined,
can’t be declared anywherein the file (i.e. not after it’s used)
- Hoisted to top but not initialized/defined,
- Arrow function
- IIFEs
06-JS Fundamentals | Array in Javascript
Array and Array methods
Array and Array Methods
- Arrays are basically
single objects that contain multiple valuesstored in a list - JavaScript array is an object that represents a collection of similar type of elements.
- There are 2 ways to construct array in JavaScript
- By array literal
- By using an Array constructor (using new keyword)
07-JS Fundamentals
Importing script properly
Different Ways of Adding JavaScript to a Page
- Inline JavaScript
- External JavaScript
Inline JavaScript
- In HTML, JavaScript code is inserted between
<script> and </script> tags. - Scripts can be placed in the
<body> or <head> (or both)section of an HTML page.
08-JS Fundamentals
Variables, If-else and Switch case
Variable declaration in JS
- let
- It has a block-scope
- const
- Used for unchanging variable
- This can’t be re-defined
- var
- No block-scope
- var variables are either function-wide or global
- they are visible through blocks.
- let and const basically replace var.
var should not be used anymore