JavaScript
- Description
- Curriculum
- Reviews
- Grade
Course Title: JavaScript: A Comprehensive Guide for Beginners
Â
Course Overview:Â Â
Welcome to the JavaScript Course, an in-depth program designed to help you understand and master JavaScript, one of the most widely used programming languages for web design and development. Whether you’re a complete beginner or someone looking to enhance your programming skills, this course will provide you with everything you need to build interactive, dynamic, and functional websites using JavaScript.
Â
In this course, you will start with the basics of JavaScript and gradually progress to more advanced concepts, learning how to add functionality, manipulate data, handle events, and interact with the web page and the user. By the end of this course, you’ll be able to write efficient JavaScript code that can create engaging user experiences, as well as set a strong foundation for learning more advanced web technologies.
Â
What You Will Learn:Â Â
– Introduction to JavaScript: Understand what JavaScript is, how it works, and its role in web design and development alongside HTML and CSS.
– Basic JavaScript Syntax: Learn how to write basic JavaScript code, including variables, data types, operators, and expressions.
– Control Structures: Master the use of conditionals (if, else, switch) and loops (for, while, do-while) to control the flow of your program.
– Functions: Understand how to define and call functions, pass parameters, and return values to create reusable, modular code.
– DOM Manipulation: Learn how to interact with and modify HTML elements dynamically using JavaScript, allowing you to create interactive web pages.
– Event Handling: Discover how to handle user input and actions (like clicks, key presses, and mouse movements) using JavaScript event listeners.
– Arrays and Objects: Learn how to work with collections of data using arrays and objects, and how to perform operations such as adding, removing, and updating elements.
– Asynchronous JavaScript: Understand how to work with asynchronous code using callbacks, promises, and async/await to manage tasks like fetching data from an API.
– Error Handling: Learn how to handle errors in your code effectively using try, catch, and finally to ensure smooth execution and user experience.
– Debugging and Best Practices: Learn essential debugging techniques, tools, and best practices for writing clean, efficient, and maintainable JavaScript code.
Â
Who Is This Course For?
– Beginners with no prior programming experience who want to learn JavaScript from scratch.
– Aspiring web developers looking to add interactivity and functionality to their websites.
– Front-end developers who want to deepen their knowledge of JavaScript and improve their coding skills.
– Anyone interested in learning how JavaScript powers the web and how it can be used to create dynamic, interactive websites.
– Programmers from other languages looking to transition into web design and development and JavaScript.
Â
Why Take This Course? Â
– Comprehensive Curriculum: This course provides a complete guide to JavaScript, from basic syntax to advanced concepts, ensuring you have a thorough understanding of the language.
– Hands-On Projects: Put your learning into practice with real-world projects, such as building interactive web pages, games, and applications.
– Interactive Lessons: Engage with rich multimedia lessons, including text-based tutorials, video demonstrations, quizzes, and coding exercises to reinforce key concepts.
– Expert Instructor: Learn from an experienced instructor who explains complex JavaScript concepts in a simple, easy-to-understand manner, with plenty of practical examples.
– Lifetime Access: Enjoy lifetime access to all course materials, so you can learn at your own pace, review lessons, and stay updated with the latest JavaScript developments.
Â
Course Requirements:Â Â
– A computer or mobile device with internet access to watch videos and follow along with exercises.
– Basic knowledge of Text editor (Notepad)
– Basic knowledge of Browser (Chrome)
– Basic knowledge of HTML and CSS is helpful, but not required.Â
– No prior programming experience needed—this course is designed for absolute beginners.
Â
Course Duration:Â Â
– Total Duration: Self-paced learning, with flexible timelines to fit your schedule.
Â
Course Format:Â Â
– Lessons: In-depth video tutorials, hands-on coding examples, and demonstrations of key concepts.
– Quizzes: Interactive quizzes to test your understanding of the material and reinforce learning.
– Assignments: Real-world coding challenges to practice and apply what you’ve learned.
– Discussion Forum: Participate in a community of learners to ask questions, share projects, and get feedback from both the instructor and fellow students.
Â
Certification:Â Â
Upon successful completion of the course, you will receive a Certificate of Completion, which you can showcase on your resume or LinkedIn profile to demonstrate your expertise in JavaScript and web design and development.
-
1
Hello World program in JavaScriptIn this video lesson, learn how to create your first JavaScript program by displaying "Hello World!" using the
scripttag inside a basic HTML page. -
2
Multiple Spaces and Line break in JavaScript
In this video lesson, explore how to control spacing and line breaks in JavaScript using HTML entities like
& nbsp ;for extra spaces andbr tagfor new lines. -
3
Comments in JavaScript
In this video lesson, learn how to use single-line and multi-line comments in JavaScript to explain code, improve readability, and temporarily disable code during development.
-
4
How to use HTML Tags in JavaScript
In this video lesson, Learn how to use HTML tags in JavaScript to dynamically update your website’s content and structure.
-
5
How to use HTML Attributes in JavaScript
In this video lesson, Explore how to work with HTML attributes in JavaScript and modify elements dynamically.
-
6
How to create HTML Table Layout in JavaScript
In this video lesson, Learn how to create an HTML table layout using JavaScript and enhance your web development skills.
-
7
Addition / Concatenation Operator in JavaScript
In this video lesson, Learn how to use the concatenation operator in JavaScript to combine strings and variables.
-
8
document.write() in JavaScript
In this video lesson, learn how to use document.write() in JavaScript to write content directly to a web page.
-
9
Keywords in JavaScript
In this video lesson, we dive into JavaScript keywords, explaining their use in defining variables, control flow, and more.
-
10
Identifiers in JavaScript
In this video lesson, learn about identifiers in JavaScript and how they are used to name variables, functions, and objects.
-
11
Variables in JavaScript
In this video lesson, learn how to declare and use variables in JavaScript. Learn how to store and manipulate data effectively in your code.
-
12
Constants in JavaScript
In this video lesson, Learn about constants in JavaScrip, how to declare them using the const keyword and benefits of using constants for fixed values.
-
13
Naming Conventions in JavaScript
In this video lesson, Learn JavaScript naming conventions and how to properly name variables, functions, and other elements.
-
14
Data Types in JavaScript
In this video lesson, learn about the different data types in JavaScript, including strings, numbers, booleans, and more. Understand how to use them effectively in your code for data handling and manipulation.
-
15
Types of Data Types in JavaScript
In this video lesson, learn about the different types of data types in JavaScript, including primitive and non-primitive types like strings, numbers, arrays, and objects. Understand how to use them in your code.
-
16
Type Casting in JavaScript
In this video lesson, we cover type casting in JavaScript.
-
17
parsetInt() Function in JavaScript
In this video lesson, learn how to use the parseInt() function in JavaScript to convert a string into an integer.
-
18
parseFloat() Function in JavaScript
In this video lesson, we cover the parseFloat() function in JavaScript, demonstrating how to convert strings into floating-point numbers.
-
19
eval() Function in JavaScript
In this video lesson, learn how to use the eval() function in JavaScript to execute JavaScript code represented as a string. We’ll cover its uses, risks, and best practices for safe implementation.
-
20
Operators in JavaScript
In this video lesson, Explore the different types of operators in JavaScript, such as arithmetic, logical, and comparison operators.
-
21
Arithmetic Operators in JavaScript
In this video lesson, learn how to perform basic arithmetic in JavaScript using operators like
+,-,*,/, and%, along with special cases like division by zero and usingparseInt. -
22
Relational Operators in JavaScript
In this video lesson, explore how to compare values in JavaScript using relational operators and understand the difference between loose and strict comparisons.
-
23
Logical Operators in JavaScript
In this video lesson, learn how to use logical operators like
&&,||, and!in JavaScript to combine and evaluate multiple conditions in your code. -
24
Conditional Operator in JavaScript
In this video lesson, master the conditional (ternary) operator
?:in JavaScript, a concise way to write simple if-else statements for condition-based value assignments. -
25
Assignment Operators in JavaScript
In this video lesson, explore JavaScript assignment operators, including the basic
=and shorthand forms like+=,-=,*=,/=, and%=to efficiently update variable values. -
26
Increment and Decrement Operators in JavaScript Part 1
In this video lesson, learn how to master JavaScript increment and decrement operators. Explore the differences between pre- and post-increment/decrement to control variable values precisely.
-
27
Increment and Decrement Operators in JavaScript Part 2
In this video lesson, explore how to use JavaScript increment (++) and decrement (--) operators. Learn the difference between pre- and post-forms to control how and when variable values change in your code.
-
28
Binary vs. Decimal Number System
In this video lesson, learn the difference between Decimal (base 10) and Binary (base 2) systems. Explore how to convert binary numbers to decimal by multiplying bits by powers of 2 and summing them up.
-
29
Bitwise Operators in JavaScript
In this video lesson, explore JavaScript bitwise operators that work directly on binary digits. Learn how AND (&), OR (|), XOR (^), NOT (~), left shift (<<), and right shift (>>) manipulate bits to perform fast, low-level operations.
-
30
Special Operators in JavaScript
In this video lesson, learn JavaScript special operators:
typeofto check data types, the comma operator,for evaluating multiple expressions,newto create objects, anddeleteto remove object properties efficiently. -
31
JavaScript Operator Precedence and Associativity
In this video lesson, explore how JavaScript determines the order of operations using operator precedence and associativity. Learn which operators evaluate first and the direction of evaluation in complex expressions for accurate coding.
-
32
Control Statements in JavaScript
In this video lesson, learn how JavaScript control statements manage program flow. Explore sequential, conditional, jumping, and looping statements to write dynamic, efficient code that responds to different conditions and repeats tasks.
-
33
if and if else in JavaScript
In this video lesson, learn how to use JavaScript’s if and if else statements to run different code blocks based on true or false conditions for controlling program flow.
-
34
if-else vs Ternary Operator in JavaScript
Learn how to find if a number is even or odd in JavaScript using both the if else statement and the conditional (ternary) operator for clear and compact code.
-
35
if-else-if statement in JavaScript
In this video lesson, learn how the JavaScript else if ladder lets you check multiple conditions in order, running the code for the first true condition and skipping the rest—perfect for grading or categorizing values efficiently.
-
36
switch case Statement in JavaScript
In this video lesson, learn how the JavaScript switch case statement simplifies handling multiple conditions by matching a single expression to cases, executing matched code blocks, and using break to prevent fall-through for cleaner, more readable code.
-
37
How to Debug JavaScript in Chrome
In this video lesson, learn how to debug JavaScript in Chrome using Developer Tools. Discover how to set breakpoints, step through code, inspect variables, use the console for logs, and fix errors efficiently for smoother coding.
-
38
How to Debug JavaScript in Firefox
n this video lesson, learn how to debug JavaScript in Firefox using Developer Tools. See how to set breakpoints, step through code, inspect variables, use conditional breakpoints, and fix errors for smooth, efficient debugging.
-
39
Loops in JavaScript
In this video lesson, learn about JavaScript looping statements— for, while, do while, and for in loops. Understand how they automate repetitive tasks by running code blocks repeatedly based on conditions or object properties.
-
40
for loop in JavaScript
In this video lesson, learn about the JavaScript for loop—an entry control loop that runs code repeatedly while a condition is true. Ideal for known iteration counts, it initializes, checks condition, executes code, and updates the counter each time.
-
41
Forward for loop in JavaScript
In this video lesson, learn how to use the forward for loop in JavaScript to run code repeatedly from a start to end value. See examples displaying numbers 1 to 10 and printing the multiplication table of 2 using this loop structure.
-
42
Reverse for loop in JavaScript
In this video lesson, learn how to use the reverse for loop in JavaScript to count down from a higher to a lower number. See examples displaying numbers 10 to 1 and printing the multiplication table of 2 in reverse order.
-
43
while loop in JavaScript
In this video lesson, learn about the JavaScript while loop, an entry control loop that runs code repeatedly while a condition is true. See how to print "Hello World" five times using this loop.
-
44
When to use While loop in JavaScript
In this video lesson, learn how to use a JavaScript while loop to find the sum of digits of a number. We'll extract each digit, add it to a total, and reduce the number until all digits are summed.
-
45
Find Sum of Digits using While loop
In this video lesson, learn how to find the sum of digits of a number using a JavaScript while loop. We extract each digit, add it to a sum, and reduce the number until all digits are processed.
-
46
do while loop in JavaScript
In this video lesson, learn about the JavaScript do while loop, an exit control loop that runs the code block at least once before checking the condition. It repeats execution while the condition remains true.
-
47
for in loop in JavaScript
In this video lesson, learn how to use the JavaScript for in loop to iterate through all attributes of an object and access their values. It’s useful for traversing key-value pairs in objects.
-
48
break Statement in JavaScript
In this video lesson, discover how JavaScript control transfer statements like break help manage loop execution by jumping out of loops or switch cases to control code flow efficiently.
-
49
Linear Search algorithm in JavaScript
In this video lesson, you'll learn how the
breakstatement improves loop efficiency by stopping execution once a condition is met, demonstrated through a linear search example in JavaScript. -
50
continue Statement in JavaScript
In this video lesson, learn how the
continuestatement skips the current loop iteration and moves to the next one in JavaScript loops, helping you control flow without stopping the entire loop. -
51
continue inside JavaScript while and do while loop
In this video lesson, learn how the
continuestatement works in while and do while loops to skip the current iteration and move to the next one, helping control the loop flow efficiently based on conditions. -
52
JavaScript Nested loops with Same max value
In this video lesson, learn how to use nested
forloops in JavaScript to perform multi-level iterations, including cases with equal and different loop limits. -
53
JavaScript Nested loops with Different max value
In this video lesson, explore JavaScript nested loops—loops inside loops—to handle multiple levels of iteration. Learn how loops with same or different max values create n×n or n×m total iterations for tasks like grids or repeated actions.
-
54
Types of Loops in JavaScript
In this video lesson, learn about loop types in JavaScript based on time complexity: linear (O(n)), quadratic (O(n²)), cubic (O(n³)), and dependent quadratic loops, and how their nested structures affect the total number of iterations.
-
55
Print Square Pattern in JavaScript
In this video lesson, learn how to display stars in rows and columns using nested for loops. See how to create a fixed grid and an increasing star pattern by controlling inner loop iterations based on the current row number.
-
56
Print Pyramid Pattern in JavaScript
In this video lesson, learn how to create a pyramid star pattern using nested for loops. See how to print decreasing spaces and increasing stars per row to form a visually aligned pyramid shape in JavaScript.
-
57
Functions in JavaScript
In this video lesson, learn about JavaScript functions — how to declare, call, and use them to organize code, reuse logic, and break down tasks into manageable parts for cleaner and efficient programming.
-
58
Types of Functions in JavaScript
In this video lesson, explore the four types of JavaScript functions: without parameters or return, with return only, with parameters only, and with both parameters and return values—each suited for different coding needs.
-
59
JavaScript Function Expression
In this video lesson, learn about JavaScript function expressions where functions are assigned to variables, can be anonymous, and are called using the variable name—enabling flexible, reusable code blocks with or without parameters and return values.
-
60
Function Declaration vs Function Expression
In this video lesson, learn the difference between function declarations and function expressions in JavaScript: declarations are hoisted and callable before definition, while expressions are not hoisted and must be defined before calling.
-
61
JavaScript Function Constructor
In this video lesson, learn how to create JavaScript functions using the Function constructor for dynamic, runtime function creation, alongside function declarations and expressions, with examples for functions with and without parameters.
-
62
JavaScript Immediately Invoked Function Expression (IIFE)
In this video lesson, you’ll learn about IIFE—Immediately Invoked Function Expressions in JavaScript. IIFEs run right after creation, creating private scopes to avoid global variable conflicts and keep your code modular and clean.
-
63
JavaScript Variable Scope
In this video lesson, learn the difference between local and global scope in JavaScript. Local variables exist only inside functions, while global variables are accessible throughout the entire script. Understand their accessibility, lifetime, and best use cases.
-
64
JavaScript Functions and the Call Stack
In this video lesson, learn about JavaScript’s call stack — how function calls are managed in memory in a last-in, first-out order. Understand function execution, return values, and what causes stack overflow errors like in deep recursion.
-
65
How to call function inside another function
In this video lesson, learn how to call a function inside another function in JavaScript. See how nested function calls work sequentially and how they can be used to perform calculations for cleaner, modular, and reusable code.
-
66
Find Factorial using JavaScript for loop
In this video lesson, learn how to calculate the factorial of a number using a for loop in JavaScript. See how multiplying numbers from the given number down to 1 gives the factorial result step-by-step.
-
67
Find Factorial using JavaScript Recursive function
In this video lesson, learn about recursive functions in JavaScript by calculating factorials. See how a function calls itself with a base case to stop, breaking the problem into smaller parts until the final result is returned.
-
68
What is an Object in Programming
n this video lesson, get an introduction to JavaScript objects—real-world things with attributes (properties) and behaviors (methods). Learn how to model objects like cars or houses in code with properties and functions to solve problems.
-
69
JavaScript Objects Introduction
In this video lesson, learn what JavaScript objects are—collections of key-value properties representing real-world things. Discover prototypes, inheritance, and how objects hold data properties and function properties (methods) to model behavior dynamically.
-
70
Types of Objects in JavaScript
In this video lesson, learn about the two types of JavaScript objects: built-in objects like Number, Array, and DOM elements, and user-defined objects such as Car or Student. Understand how all objects inherit from the base Object prototype.
-
71
How to create Objects in JavaScript
In this video lesson, learn how to create user-defined JavaScript objects using three methods: the Object constructor, object literal notation, and constructor functions for creating multiple similar objects efficiently.
-
72
JavaScript Object Constructor Notation
In this video lesson, learn how to create objects in JavaScript using the Object constructor. Understand creating, adding, deleting, and accessing properties, and how the
new Object()syntax works under the hood. -
73
How to add and delete Object properties in JavaScript
In this video lesson, learn how to dynamically add properties and methods to JavaScript objects using dot or bracket notation, and how to delete properties with the
deleteoperator at runtime. -
74
How to set and get Object Properties in JavaScript
In this video lesson, learn how to get and set data and function properties in JavaScript objects using dot and array notation, call methods, delete properties, and update values dynamically with practical examples.
-
75
Object Literal vs. Object Constructor in JavaScript
In this video lesson, learn the difference between creating JavaScript objects using Object constructor (
new Object()) and Object literal ({}). Understand syntax, execution steps, and why Object literal is recommended for simplicity and better performance. -
76
Advantages of JavaScript Object Literal notation
In this video lesson, explore how object literals make JavaScript code cleaner and more readable compared to object constructors, and learn when to use each approach for creating objects effectively.
-
77
Constructor Function in JavaScript
In this video lesson, discover how constructor functions help you avoid code repetition and simplify object creation when working with multiple similar objects in JavaScript.
-
78
How to create Objects using JS Object Constructor
In this video lesson, learn how constructor functions and prototypes work together in JavaScript to efficiently create and manage multiple objects with shared behavior.
-
79
this Keyword in JavaScript
In this video lesson, learn how the
thiskeyword works in JavaScript to reference the current object, enabling access to properties and methods inside constructors and object methods. -
80
__proto__ vs prototype in JavaScript
In this video lesson, explore how JavaScript's prototype object and
__proto__enable inheritance and shared behavior across instances, making your code more efficient and organized. -
81
Math Object in JavaScript
In this video lesson, explore the powerful features of JavaScript's Math object, including constants, rounding, roots, trigonometry, and random number generation—no setup required.
-
82
Date Object in JavaScript
In this video lesson, learn how the JavaScript Date object handles local and global time, and explore key concepts like GMT, UTC, and IST for accurate time manipulation.
-
83
How to create Date Object in JavaScript
In this video lesson, learn how to create JavaScript Date objects using the current time, date strings, specific components, or milliseconds since the Unix Epoch.
-
84
How to display Date and Time in JavaScript
In this video lesson, explore various JavaScript methods to format and display dates and times, including local, UTC, and locale-specific formats using the Date object.
-
85
JavaScript Date Functions
In this video lesson, learn how to use JavaScript Date object's getter methods to extract day, month, year, hour, minute, second, and milliseconds in both local and UTC time, enabling precise date and time handling in your apps.
-
86
JavaScript String Object
In this video lesson, explore how to create and manipulate JavaScript strings using constructors, literals, multiline syntax, and concatenation, while understanding the difference between String objects and primitive strings.
-
87
JavaScript String Functions
In this video lesson, discover key JavaScript String object properties and methods for text handling, including length, charAt, indexOf, case conversion, substring extraction, concatenation, splitting, and value extraction techniques.
-
88
JavaScript Regular Expressions Part1
In this video lesson, explore JavaScript’s RegExp object to define patterns for searching, matching, and validating strings using test() and exec() methods for powerful text processing and data validation.
-
89
JavaScript Regular Expressions Part2
In this video lesson, learn how to use JavaScript RegExp flags — 'i' for case-insensitive matching and 'g' for global search — to efficiently find and handle patterns in strings with practical examples and clear explanations.
-
90
JavaScript Regular Expressions Part3
In this video lesson, discover JavaScript RegExp meta characters like
.,w, anddto build powerful patterns. Learn how to match any character, digits, word chars, and escape special symbols for flexible text searches. -
91
JavaScript Regular Expressions Part4
In this video lesson, learn how to use JavaScript RegExp meta characters
^and$to check if strings begin or end with specific patterns. Discover how to match exact strings by combining these anchors for precise validation. -
92
JavaScript Regular Expressions Part5
In this video lesson, explore how JavaScript RegExp quantifiers like
+,*, and{n,m}control the number of character occurrences. Discover how to match patterns with exact, optional, or variable repetitions for flexible string validation. -
93
JavaScript Regular Expressions Part6
In this video lesson, discover how to use JavaScript RegExp expressions like
(A|B),[A-Z], and[^0-9]to match or exclude characters and ranges, enhancing your ability to create precise pattern matches in strings. -
94
Phone Number Validation in JavaScript
In this video lesson, learn how to validate phone numbers with a regex that ensures numbers start with digits 6-9 and contain exactly 10 digits, guaranteeing accurate and strict phone number format validation in JavaScript.
-
95
Email Validation in JavaScript
In this video lesson, discover how to validate email IDs using JavaScript regular expressions by exploring the structure of usernames, domain names, and top-level domains to ensure proper email format.
-
96
Arrays in JavaScript
In this video lesson, learn how to work with JavaScript arrays by exploring how to declare, access, and modify collections of values using 0-based indexing for efficient data handling.
-
97
Traversing Arrays in JavaScript
In this video lesson, explore how to traverse JavaScript arrays using loops to access each element, enabling you to display, search, or manipulate array data efficiently by leveraging indexing and the array’s length property.
-
98
JavaScript Array Methods Part1
In this video lesson, learn how to use push() and pop() array methods to add or remove elements from the end of an array, and explore how to display arrays and their lengths for efficient data manipulation.
-
99
JavaScript Array Methods Part2
In this video lesson, explore how to use unshift() to add and shift() to remove elements from the start of an array, and learn to display arrays and their lengths for better array management.
-
100
JavaScript Array Methods Part3
In this video lesson, discover how to modify arrays with splice() for adding/removing elements, and explore slice() to create new sub-arrays without changing the original array.
-
101
JavaScript Array Methods Part4
Learn how to merge arrays or values with
concat(), creating a new combined array without changing originals. Also, see howjoin()converts array elements into a single string with your chosen separator, keeping the original array intact. -
102
JavaScript Array Methods Part5
In this video lesson, explore how to find the first and last occurrence of elements in JavaScript arrays using indexOf() and lastIndexOf() methods, helping you efficiently search and work with array data.
-
103
JavaScript getElementById() method
In this video lesson, discover how to access and manipulate HTML elements using JavaScript methods like getElementById, getElementsByClassName, and getElementsByTagName to dynamically update content and styles on your web page.
-
104
JavaScript getElementsByClassName()
In this video lesson, explore how to access and manipulate HTML elements in JavaScript using getElementById, getElementsByClassName, and getElementsByTagName methods to update content and styles dynamically on your webpage.
-
105
JavaScript getElementsByTagName()
In this video lesson, learn how to access HTML elements in JavaScript using getElementById, getElementsByClassName, and getElementsByTagName methods to modify content and styles dynamically for effective DOM manipulation.
-
106
How to handle JavaScript Events ?
In this video lesson, learn how to handle JavaScript events using inline handlers, embedded scripts, and external files. Explore dynamic event assignment with addEventListener(), accessing event targets, and controlling event behavior efficiently.
-
107
How to Add Events to an HTML element
In this video lesson, learn how to handle JavaScript events using inline handlers, embedded scripts, and external files. Explore dynamic event assignment, event objects, and best practices with addEventListener() for clean, maintainable code.
-
108
How to Get current HTML Element in JavaScript
Learn how to handle JavaScript events using inline handlers, embedded scripts, and external files. Explore dynamic event assignment, accessing event targets, and best practices with addEventListener() for clean, maintainable code.
-
109
JavaScript Events with return value
In this video lesson, discover how to handle JavaScript events using various methods like inline handlers, embedded and external scripts, and the powerful addEventListener() function for clean, maintainable, and scalable event management.
-
110
JavaScript setTimeout() function
In this video lesson, explore JavaScript timing functions like setTimeout and setInterval to control delayed and repeated code execution. Learn how to manage timers, create countdowns, clocks, and stop intervals for effective time-based programming.
-
111
JavaScript setInterval() Function
In this video lesson, discover how to use JavaScript timing functions like setTimeout and setInterval to delay or repeat code execution. Learn to create timers, countdowns, clocks, and control intervals for dynamic, time-based behaviors in your apps.
-
112
3 Ways to Add JavaScript to HTML
In this video lesson, explore 3 ways to add JavaScript to HTML: inline onclick, using functions in attributes, and setting onclick via JS. Discover why addEventListener() is the recommended, clean, and flexible method for event handling.
-
113
Addition of Two Numbers App in JavaScript
In this video lesson, learn how to build a simple app that adds two numbers using JavaScript. Discover input handling, basic arithmetic, and updating the webpage dynamically with the result.
-
114
Area Of Circle Calculator App in JavaScript
In this video lesson, explore how to create a Circle Area Calculator using JavaScript. Learn to take user input, apply the formula, and display the result dynamically on the page.
-
115
Odd or Even Number App in JavaScript
In this video lesson, discover how to build an Odd or Even Number Checker using JavaScript. Learn to get user input, use conditional logic, and display results instantly.
-
116
Multiplication Table App in JavaScript
In this video lesson, explore how to create a Multiplication Table App with JavaScript. Learn to generate dynamic tables based on user input and display results clearly.
-
117
Guess the Number Game in JavaScript
In this video lesson, discover how to build a Guess the Number Game using JavaScript. Learn to handle user input, generate random numbers, and provide interactive feedback.
-
118
Awesome Calculator App in JavaScript
In this video lesson, explore how to create an awesome calculator app with JavaScript. Learn to handle user inputs, perform calculations, and update the UI dynamically.
-
119
Make HTML element follow Mouse Cursor in JavaScript
In this video lesson, discover how to make an HTML element follow the mouse cursor using JavaScript by tracking mouse movements and updating element position dynamically.
-
120
Move HTML element with Mouse in JavaScript
In this video lesson, learn how to move an HTML element interactively with the mouse using JavaScript by handling drag events and updating its position in real time.
-
121
Form Validation in JavaScript Part 1
In this video lesson, explore how to validate user name field in JavaScript to ensure proper input before form submission.
-
122
Form Validation in JavaScript Part 2
In this video lesson, explore how to validate user name and password fields in JavaScript to ensure proper input before form submission.
-
123
Form Validation in JavaScript Part 3
In this video lesson, learn how to validate user name, password, and confirm password fields in JavaScript for secure and accurate form submission.
-
124
Form Validation in JavaScript Part 4
In this video lesson, learn how to validate user name, password, confirm password, and gender fields using JavaScript to ensure secure, accurate, and user-friendly form submissions.
-
125
Form Validation in JavaScript Part 5
In this video lesson, explore how to validate user name, password, confirm password, gender, and qualification fields in JavaScript to ensure complete and accurate form submissions.
-
126
Form Validation in JavaScript Part 6
In this video lesson, discover how to validate user name, password, confirm password, gender, qualification, and email ID fields in JavaScript for thorough and reliable form validation.
-
127
Form Validation in JavaScript Part 7
In this video lesson, discover how to validate user name, password, confirm password, gender, qualification, email ID, Phone Number fields in JavaScript for thorough and reliable form validation.
-
128
Automatic Image Slideshow in JavaScript Part 1
In this video lesson, explore how to create an automatic image slideshow in JavaScript to showcase images smoothly and dynamically on your webpage.
-
129
Automatic Image Slideshow in JavaScript Part2
In this video lesson, explore how to create an automatic image slideshow in JavaScript to showcase images smoothly and dynamically on your webpage.
-
130
Automatic Image Slideshow in JavaScript Part 3
In this video lesson, explore how to create an automatic image slideshow in JavaScript to showcase images smoothly and dynamically on your webpage.
-
131
Automatic Image Slideshow in JavaScript Part 4
In this video lesson, explore how to create an automatic image slideshow in JavaScript to showcase images smoothly and dynamically on your webpage.
-
132
Automatic Image Slideshow in JavaScript Part 5
In this video lesson, explore how to create an automatic image slideshow in JavaScript to showcase images smoothly and dynamically on your webpage.
-
133
Automatic Image Slideshow in JavaScript Part 6
In this video lesson, explore how to create an automatic image slideshow in JavaScript to showcase images smoothly and dynamically on your webpage.
-
134
Automatic Image Slideshow in JavaScript Part 7
In this video lesson, explore how to create an automatic image slideshow in JavaScript to showcase images smoothly and dynamically on your webpage.
-
135
Automatic Image Slideshow in JavaScript Part 8
In this video lesson, explore how to create an automatic image slideshow in JavaScript to showcase images smoothly and dynamically on your webpage.
-
136
Automatic Image Slideshow in JavaScript Part 9
In this video lesson, explore how to create an automatic image slideshow in JavaScript to showcase images smoothly and dynamically on your webpage.
-
137
Interactive Image Slideshow in JavaScript Part 1
In this video lesson, discover how to build an interactive image slideshow in JavaScript that lets users navigate through images with controls for a dynamic browsing experience.
-
138
Interactive Image Slideshow in JavaScript Part 2
In this video lesson, discover how to build an interactive image slideshow in JavaScript that lets users navigate through images with controls for a dynamic browsing experience.
-
139
Interactive Image Slideshow in JavaScript Part 3
In this video lesson, discover how to build an interactive image slideshow in JavaScript that lets users navigate through images with controls for a dynamic browsing experience.
-
140
Interactive Image Slideshow in JavaScript Part 4
In this video lesson, discover how to build an interactive image slideshow in JavaScript that lets users navigate through images with controls for a dynamic browsing experience.
-
141
Interactive Image Slideshow in JavaScript Part 5
In this video lesson, discover how to build an interactive image slideshow in JavaScript that lets users navigate through images with controls for a dynamic browsing experience.
-
142
Interactive Image Slideshow in JavaScript Part 6
In this video lesson, discover how to build an interactive image slideshow in JavaScript that lets users navigate through images with controls for a dynamic browsing experience.
-
143
Interactive Image Slideshow in JavaScript Part 7
In this video lesson, discover how to build an interactive image slideshow in JavaScript that lets users navigate through images with controls for a dynamic browsing experience.
-
144
Interactive Image Slideshow in JavaScript Part 8
In this video lesson, discover how to build an interactive image slideshow in JavaScript that lets users navigate through images with controls for a dynamic browsing experience.
-
145
Interactive Image Slideshow in JavaScript Part 9
In this video lesson, discover how to build an interactive image slideshow in JavaScript that lets users navigate through images with controls for a dynamic browsing experience.
-
146
Interactive Image Slideshow in JavaScript Part 10
In this video lesson, discover how to build an interactive image slideshow in JavaScript that lets users navigate through images with controls for a dynamic browsing experience.
-
147
JavaScript Bonus MaterialsJavaScript Bonus Materials
-
148
JavaScript QuizTest your knowledge of JavaScript with this comprehensive 50-question quiz. You have 60 minutes to complete the quiz, and the questions are presented in a paginated format for an organized experience. To pass, you need to score at least 70%. If you retake the quiz, 5% will be deducted from your total score. After completing the quiz, the correct answers will be displayed to help you learn and improve. Good luck.
Google