• 01666-222229
  • info@practicise.com
  • Sircl Tech Pvt. Ltd, Red Light Chowk, Sirsa
Search
Close this search box.
Course Content
Introduction to JavaScript
JavaScript is one of the most popular and widely used programming languages in the world. It plays a crucial role in web development, enabling dynamic content, interactivity, and enhanced user experiences in web pages and applications. Let’s dive into what JavaScript is, its history, and how it fits into the modern web.
0/6
What is JavaScript?
00:00
Key Features of JavaScript
00:00
A Brief History of JavaScript
00:00
JavaScript in the Browser vs. Server (Node.js)
00:00
Setting Up JavaScript Environment
00:00
Why Learn JavaScript?
00:00
How to Add JavaScript?
Before diving into the basics of JavaScript, it’s essential to understand how to include JavaScript in an HTML file. There are three main ways to do this:
0/3
Inline JavaScript
00:00
Internal JavaScript
00:00
External JavaScript
00:00
Different Ways to Output Data
JavaScript provides several ways to "display" or output data, allowing you to present dynamic content to users in various ways. Each method serves a different purpose and is used in different scenarios depending on the requirements. Here are the primary methods for displaying data using JavaScript:
0/4
Using innerHTML
00:00
Using document.write()
00:00
Using window.alert()
00:00
Using console.log()
00:00
Variables and Constants
Variables and constants in JavaScript are used to store data values. Depending on how you declare them, their value can be changed or fixed.
0/2
var, let, const
00:00
Scope of Variables
00:00
Data Types
JavaScript provides different types of values that can be stored in variables. These are categorized into two types: Primitives and Non-Primitives.
0/2
Primitives Data Types
00:00
Non – Primitives Data Types
00:00
Operators
JavaScript operators allow you to manipulate values. These include:
0/6
Arithmatic Operator
00:00
Assignment Operators
00:00
Comparison Operators
00:00
Logical Operators
00:00
Bitwise Operators
00:00
Type Coercion and Conversion
00:00
Conditional Statements (if, else if, else)
Conditional statements execute different actions based on different conditions.
0/2
if, else if, else
00:00
Ternary Operator
00:00
Switch Statement
0/1
What is Switch Statement?
00:00
Loops
Loops allow you to execute a block of code multiple times.
0/5
for Loop
00:00
while Loop
00:00
do-while Loop
00:00
for…of and for…in Loops
00:00
Loop Control: break, continue
00:00
Functions
A function is a block of code designed to perform a particular task. Functions are reusable, making your code more modular and efficient.
0/8
What is Function ?
00:00
Function Declaration vs Function Expression
00:00
Parameters and Return Values
00:00
Default Parameters
00:00
Rest and Spread Syntax (…args)
00:00
Anonymous Functions
00:00
Arrow Functions
00:00
Higher-order Functions
00:00
Objects
0/6
Creating objects
00:00
Accessing and Modifying Properties
00:00
Methods in objects
00:00
this Keyword and its Behavior
00:00
Object Destructuring
00:00
Object Methods
00:00
Arrays
In JavaScript, an array is a special type of object that stores an ordered collection of values (elements). Arrays are zero-indexed, meaning the first element is accessed with index 0.
0/5
Array Declaration and Initialization
00:00
Accessing and Modifying Array Elements
00:00
Array Methods
00:00
Spread Syntax with Arrays
00:00
Array Destructuring
00:00
DOM Manipulation
DOM Manipulation is the process of using JavaScript to interact with and modify the HTML and CSS of a webpage. The DOM is essentially the structure of the webpage, represented as nodes, which can be elements, attributes, or pieces of text.
0/4
What is DOM Manipulation?
00:00
Selecting Elements
00:00
Changing Content and Styles
00:00
Adding and Removing Elements Dynamically
00:00
Events and Event Listeners
0/7
What is Events and Event Listeners?
00:00
Event Listener
00:00
Common Event Types and Practical Examples
00:00
Removing Event Listeners
00:00
Passing Parameters to Event Handlers
00:00
Event Delegation
00:00
Stopping Event Propagation
00:00
Classes in JavaScript
0/9
Classes in JavaScript
00:00
Defining a Class
00:00
Objects in JavaScript
00:00
Real-World Example: User Class
00:00
Adding Getters and Setters
00:00
Inheritance in JavaScript
00:00
The this Keyword
00:00
Static Methods
00:00
Assignments
00:00
String Functions in JavaScript
0/1
String Functions in JavaScript
00:00
Number Functions in Javascript
0/1
Number Functions in JavaScript
00:00
Error Handling in JavaScript
0/5
Error Handling in JavaScript
00:00
try…catch Block
00:00
Throwing Custom Errors
00:00
Error Types
00:00
Combining try…catch with Custom Errors
00:00
JavaScript
About Lesson

Writing into an HTML Element: Using innerHTML:

The innerHTML property is one of the most common ways to manipulate and display data within an existing HTML element. This method allows you to change the content of any HTML element (e.g., <div>, <p>, <span>, etc.) dynamically.

Example:

JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>innerHTML Example</title>
  <script>
    function displayMessage() {
      document.getElementById("message").innerHTML = "Hello, World!";
    }
  </script>
</head>
<body>
  <h1 id="message">Welcome</h1>
  <button onclick="displayMessage()">Change Message</button>
</body>
</html>
  • Usage: Ideal for updating parts of a webpage without reloading it.
  • Consideration: Be cautious when using innerHTML with user input to avoid security risks like cross-site scripting (XSS).

Previous
Next