Explore the core of web development in our "Javascript: Introduction to DOM" workshop – the second in our JavaScript series. Ideal for beginners and intermediate developers, this session provides a hands-on understanding of the Document Object Model (DOM). Gain practical insights into dynamically manipulating webpage elements and enhance your skills for building responsive web applications.

1. JavaScript WORKSHOP

2. what is JavaScript ?
How to insert JS in HTML ?
INTRODUCTION

3. What is JS ?

4. -JS is an OOP programming language.
-It is used in client-side as well as server-side development.
DEFINITION

5. DEFINITION

6. Framework

7. INTERPRETED LANGUAGE
-the browser or JavaScript engine (like V8 in Chrome or
SpiderMonkey in Firefox) interprets the code directly and executes
it on the fly.
-execute instructions directly, without the need for a compiler.

9. INTERPRETED VS COMPILED

10. INTERPRETED LANGUAGES

11. Dynamic typing in JavaScript refers to the ability of
variables to hold values of any data type without
explicitly specifying the type during variable declaration.
DYNAMIC TYPING

12. JAVA VS JAVASCRIPT

13. How to
insert JS in
HTML?

14. INTERNAL

15. EXTERNAL

16. Variable Declaration
Display Output
Data structures
JS BASICS

17. OUTPUT
AND INPUT

18. DISPLAY OUTPUT

19. Variable
Declaration

20. VARIABLE DECLARATION

21. Var Let Const
Initialisation to
Undefined
✔️ ✔️ ❌
Re-assignement ✔️ ✔️ ❌
Redeclaration
✔️ ❌ ❌
VAR vs let vs const

22. Operators

23. OPERATORS

24. Functions

25. FUNCTIONS

26. Data Types
& Structures

27. DATA TYPES

28. NUMBER

29. STRING

30. ARRAY

31. OBJECT

32. CALLING ATTRIBUTES & METHODS

33. MODIFYING OBJECT

34. DOM Manipulation
Event Handling
DOM & event handling

35. DOM TREE

36. USAGE

38. USAGE

39. USAGE

40. USAGE

41. JS EXAMPLES

42. JS EXAMPLES

43. JS EXAMPLES

44. JS EXAMPLES