Course 55244-A: JavaScript for Developers

Course Modality

Instructor-led (classroom)

Course Level

Intermediate

Course Time

4 Days

Course Language

English

Course Overview

This five-day instructor-led is an in depth hands-on study of JavaScript. The course includes detailed hands-on labs and Q&A labs. The labs include multiple projects that update an existing web site.

Prerequisites

Before attending this course, students must have:

  • Useful, but not required:
  • Previous programming experience using C, C# or Java.
  • HTML and CSS web development.

 

Intended Audience

This course is intended for both novice and experienced programmers. Some experience in C++, C# or Java is helpful.

Why The DataTech Labs ?

Self-Paced Online Video

A 360-degree learning approach that you can adapt to your learning style

A 360-degree learning

Engage and learn more with these live and highly-interactive classes alongside your peers

24/7 Teaching Assistance

24/7 Teaching Assistance Keep engaged with integrated teaching

Online Practice Labs

Projects provide you with sample work to show prospective employers.

Applied Projects

Real-world projects relevant to what you’re learning throughout the program

Learner Social Forums

A support team focused on helping you succeed alongside a peer community

Skill Covered

After completing this course, students will be able to:

  • Write and test JavaScript code in modern browsers.
  • Understand and work with the browser’s Document Object Model (DOM).
  • Work DOM objects and write code to respond to events.
  • Add jQuery to their projects and use jQuery to manipulate the DOM and to make Ajax calls.
  • Understand Ajax and Web Services, including HTTP Verbs and asynchronous Ajax calls.
  • Work with XML and JSON data formats.
  • Understand and use RESTful Web Services including ODATA queries.
  • Work with Anonymous Functions, Self-Invoking Functions and Closures.
  • Understand the role of the Window and Navigator objects.
  • Describe and understand variables, “variable hoisting”, and JavaScript objects.

Get In Touch

Course Curriculum

Basic Scripting

JavaScript has been described as a simple scripting language and also as a complex object oriented language. In this module we will explore basic scripting. Many of the topics in the module will be expanded upon in later sections of this course. In this module we will look at the basics to write and call a JavaScript function, find HTML elements in a web page, change properties of HTML elements, write loops, test strings and values (IF statements), and a few more.

Lessons

  • JavaScript Basics
  • JavaScript or ECMAScript?
  • Which Version of JavaScript am I Using?
  • Shims, Shivs, and Polyfills
  • Writing and Testing JavaScript
  • Editors and the F12 Tools
  • Key Parts of a Script

 

Lab : Basic Scripting

  • Q&A quiz
  • Exercise 1 – Experimenting with the F12 Developer Tools
  • Exercise 2 – Update the time on the page by using JavaScript
  • Exercise 3 – Add JavaScript to respond to an event

 

After completing this module, students will be able to:

  • Add basic scripts to a web page.
  • Use the F12 tools to explore pages.

The Document Object Model

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 : 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.

Introduction to jQuery

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 : 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.

Ajax and Web Services

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 : 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.

Diving in Deeper

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, and recursion.

Lessons

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

 

Lab : 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.

Reviews

Get in touch, enquire now!


By submitting this form, I consent to the processing of the personal data that I provide The Data Tech Labs Inc. in accordance with and as described in the Privacy Policy.

© 2020 The Data Tech Labs Inc. All rights reserved.

TDTL-arrow
[glt language="Arabic" label="Arabic" image="yes" text="yes" image_size="24"]
[glt language="English" label="English" image="yes" text="yes" image_size="24"]
[glt language="French" label="French" image="yes" text="yes" image_size="24"]
[glt language="German" label="German" image="yes" text="yes" image_size="24"]
[glt language="Hindi" label="Hindi" image="yes" text="yes" image_size="24"]
[glt language="Marathi" label="Marathi" image="yes" text="yes" image_size="24"]
[glt language="Spanish" label="Spanish" image="yes" text="yes" image_size="24"]

Microsoft Power Platform App Maker

Designing & Implementing Azure AI Solution

Microsoft Azure Administrator

Developing Solutions For Microsoft Azure

Microsoft Azure Architect Design Exam

Implementing Azure Data Solution

Administering Relational Databases On Microsoft Azure