Introduction to Web Development - JavaScript

Introduction to Web Development
Session 3 - JavaScript
Ashwin Ganti
Core Team Member

Agenda
● Introduction to Javascript
● Variables and Constants
● Primitive Types
● Dynamic Typing and Objects
● Arrays
● Functions
● DOM

Introductionto Javascript
● What is Javascript?
● What can you do with Javascript?
● Where does this Javascript code run?

Variables
let nameClub = "GDSC";

Constants
● Variables declared with const keyword cannot be reassigned
● These Variables are restricted to block scope
● Eg:
const pi = 3.14;

Primitive Types
● String
● Number
● Boolean
● Undefined
● Null

Reference Types
● Objects
● Arrays
● Functions

Objects
● Objects are variables which can take many values in the form of
key-value pairs.
● How to Declare the object:
let details = {
name: "Rob",
age: 20
};
● How to Access the object:
console.log(details.age);

Arrays
● It is a Data Structure with a list of items
● Items can be of different data types
● Dynamic in Nature
Syntax:
const array_name = [item1, item2, ...];

Arrays
● How to Declare the arrays:
let favFood = ['Pizza', 'Pasta', 'Biriyani']
● How to Access Array Elements:
console.log(favFood[0])

Functions
● A Javascript function is a set of instructions performed under one
block
● It is Executed when something is invoked or called.
function square2Nos(number){
return number * number;
}
square2Nos(3)
Syntax:
function function_name(parameter1,
parameter2, parameter3) {
// code to be executed
}

DOM
● Document Object Model is a interface for dynamically accessing content,update the
structure and style of a document.
● It defines the properties of HTML and Methods to access these HTML elements.
● Eg:- Form Validation

Thank You!
Shoot your questions.

Introduction to Web Development - JavaScript

More Related Content

What's hot (20)

Similar to Introduction to Web Development - JavaScript (20)

More from SadhanaParameswaran (20)

Recently uploaded (20)

Introduction to Web Development - JavaScript