This course introduces fundamental JavaScript concepts, including data types, variables, script loading, and built-in functions. It also covers array and object manipulation, using external files, the Math library, and defining functions. Additionally, participants will explore core web interactions such as Window and Document Object Model (DOM) manipulation (including traversal, element selection, and modification), event handling, user input, event objects, dynamic styling, and control flow using comparisons, conditional statements, and loops.

• Data types and variables 
• Script loading in HTML 
• Predefined JavaScript functions 
• Arrays: operations and properties 
• Objects: operations and properties 
• External JavaScript files 
• Math library and functions 
• Functions: arguments and return values 
• Window and DOM manipulation 
• DOM tree traversal and element selection 
• Inserting, deleting, adding, and moving HTML elements 
• JavaScript events (e.g., click) 
• Handling user input 
• Event objects 
• Style manipulation 
• Comparison operators, conditions, and loops

Upon completion of this course, participants will be able to: 

• Distinguish between an HTML page and the DOM (Document Object Model) object.
• Understand and utilize fundamental JavaScript data types and variables.
• Implement various methods for loading JavaScript into HTML documents.
• Effectively use predefined JavaScript functions for common tasks.
• Access and manipulate data within JavaScript arrays and objects using their properties and methods.
• Organize and link external JavaScript files to HTML documents.
• Apply functions from the JavaScript Math library to perform mathematical calculations.
• Define and use JavaScript functions with arguments and return values to create reusable code.
• Interact with the browser window and the Document Object Model (DOM).
• Traverse the DOM tree to navigate and select specific HTML elements.
• Dynamically modify the structure of HTML documents by inserting, deleting, adding, or moving elements.
• Implement event listeners to respond to user interactions (e.g., clicks).
• Capture and process user input from HTML form elements.
• Understand and utilize event objects to access information about triggered events.
• Dynamically change the style of HTML elements using JavaScript.
• Use comparison operators, conditional statements, and loops to control the flow of JavaScript code.
• Write JavaScript code to add dynamic behavior and interactivity to web pages.

• Demonstrate a foundational understanding of how JavaScript interacts with the HTML structure and CSS styling of a web page.

This course will follow problem-solving techniques, with participants collaborating to create script logic that manipulates web pages according to specific goals. Through an interactive learning approach, participants will be encouraged to expand their logical thinking, particularly in backend scenarios.