Neither browsers nor JavaScript work directly with the HTML file that was received from the web server. The browser parses this file and converts it into a tree structure called the Document Object Model, or DOM for short. In this module we explore working with Elements and DOM objects.

Lessons

• The DOM
• Accessing Objects from the DOM
• Responding to Events
• Adding Elements to the DOM

Lab 1: The Document Object Model

• Q&A quiz
• Add an Animation to the Home Page.
• Move the JavaScript to a File
• Add JavaScript to Supply Mouse Over Tips to the Menu Tabs

After completing this module, students will be able to:

• Describe the DOM and Elements.
• Write JavaScript code to search and update the DOM.
• Write code to respond to DOM object events.
• Add and remove Elements to and from the DOM.

A lot of the coding work you will do with JavaScript will be to first find an HTML element, and then manipulate that element. Often, all we are doing is some searching, or querying, of the HTML and then performing a quick update. In this module we will exploring using the jQuery library to search for, and modify, elements in the DOM.

Lessons

• jQuery
• Downloading the jQuery Library
• jQuery Versions
• Linking to the Library
• Selecting Elements using jQuery
• Working with the Data Returned by jQuery
• Setting CSS Properties
• Running a Function Against the jQuery Return Set

Lab 1: jQuery

• Q&A quiz
• Add the jQuery Library to the Project
• Create New Elements using jQuery

After completing this module, students will be able to:

• Describe the role of libraries like jQuery in JavaScript and web development.
• Add the jQuery library to a project.
• Find and retrieve, update and create new elements in the DOM.

This module explores web services and the use of Ajax to call those services.

Lessons

• Web Services
• HTTP Verbs
• Data Formats – XML and JSON
• Ajax
• RESTful Web Services
• OData
• OData Queries
• OData Updates

Lab 1: Ajax and Web Services

• Q&A quiz
• Exploring a REST Web Service
• Load Data from a Web Service

After completing this module, students will be able to:

• Describe web services and how to interact with them from JavaScript and jQuery.
• Work with XML and JSON data.
• Create queries and update data using REST and OData.

In this module we will explore the topics you will need to know as you move from a “JavaScript scripter” to a “JavaScript developer”. Some of the topics include:

– More about Data Types and data conversion.

– Variables: more on Scopes, Hoisting, Creating and Deleting.

– Functions: Anonymous functions, Closures, Self-invoking functions, the “this” keyword and the Module Pattern.

– More on error handling.

– Recursion.

Lessons

• Is JavaScript Compiled?
• Data Types and Objects
• Extending Data Types
• Variables, Scopes and Hoisting
• Functions
• The “this” Keyword
• Errors
• Recursion

Lab 1: Diving in Deeper

• Q&A quiz

After completing this module, students will be able to:

• Describe how JavaScript variables are used, stored, and manipulated.
• Understand how JavaScript variables and functions are scoped, and occasionally “hoisted”.
• Create functions, anonymous functions and Closures.
• Describe and use the “this” keyword in functions.
• Create try-catch blocks and handle errors.

A: Participants should have a basic understanding of HTML and CSS. Familiarity with programming concepts and languages would be beneficial but not required.

A: During the course, you will learn JavaScript programming from the ground up. You will explore core concepts such as variables, operators, control structures, and functions. Additionally, you will gain practical experience in working with JavaScript objects, manipulating the Document Object Model (DOM), handling events, and interacting with web APIs.

A: Absolutely! The skills and knowledge gained from this training are directly applicable to real-world JavaScript development scenarios. You will learn how to write efficient and effective JavaScript code, manipulate web page elements dynamically, handle user interactions, and integrate with web APIs. These skills are highly sought after in web development projects.

A: Yes, interactive participation is encouraged during the training. You can ask questions, seek clarification, and engage in discussions with the instructor and other participants. This will enhance your learning experience and enable you to gain deeper insights into JavaScript programming.