Courses

Certifications

Instructors

Introduction to JavaScript | Modern JavaScript Essentials

Expand your knowledge and skills in architecting and developing sophisticated web interfaces using JavaScript.

Web Essentials: Modern JavaScript is a hands-on web development course geared for software developers who need to understand what JavaScript is and how to use it with today's systems and architectures. You will learn javascript to expand your knowledge and skills in architecting and developing sophisticated web interfaces.

Learn javascript and get a balanced mixture of theory and practical labs designed to take you through the fundamentals of JavaScript to the use of tools and libraries, and ease the development of advanced web applications. You will hit the ground running, applying JavaScript to projects at both an architectural as well as a line-by-line coding level. You will leave this course armed with the required skills to design, implement, and deploy robust, flexible, and safe JavaScript-based applications to a foundational level.

This class is “technology-centric”, designed to train you in essential development skills, coupling the most current, effective techniques with the soundest industry practices. This course is about 50% hands-on lab and 50% lecture, with extensive programming exercises designed to reinforce fundamental skills and concepts learned in the lessons.

Duration

3 days/24 hours of instruction

Public Classroom Pricing

$1595(USD)

GSA Price: $1196.25

Group Rate: $1495

Private Group Pricing

Have a group of 5 or more students? Request special pricing for private group training today.

Download the Course Brochure

Part 1: HTML
1. HTML (Optional)

Define HTML and review its history
Look at XHTML and its relationship to HTML
Identify HTML limitations and improvements
Exercise: Working with HTML

2. HTML5

HTML5 Overview
HTML5 Semantic Structure
HTML5 Forms
HTML5 Media Delivery
Exercise: Writing a Valid HTML5 Document
Exercise: Writing HTML5 Forms

Part 2: CSS
1. CSS (Optional)

Learn the basics of CSS
Meaning of cascading in CSS
Declaring CSS within your HTML page
Creating styles in an external CSS file
Control how to display and position HTML elements
Overriding standard tag behavior
Adding new classes
Using custom classes in your page
Exercise: Working with CSS

2. CSS3 Overview

What is new in CSS3
The Advantages of CSS3
Browser Support for CSS3
Exercise: Working with CSS3

Part 3: JavaScript
1. JavaScript Basics

JavaScript Defined
Variables and Operators
Flow Control and Conditionals
Exercise: JavaScript Basics

2. Debugging Tools

Using the strict mode and setting breakpoints
Browser debugging tools
Monitoring resource usage and performance
Emulating devices Exceptions in JavaScript
Exercise: JavaScript Debugging

3. JavaScript Functions

Functions in JavaScript
Invoking Functions
Function Constructor
Function Scope and Closures

4. JavaScript Arrays, Math and Date

JavaScript Literals
JavaScript Arrays
Working with Numbers and Dates
Exercise: JavaScript Built-in Objects

5. JavaScript Event Handling and the DOM

Events and Event Handling
HTML Document Object Model
Accessing the DOM
Dynamically Working with the DOM
DOM Challenges
Exercise: Using Events and the DOM

6. Object-Oriented JavaScript

JavaScript “Objects” and “Classes”
Constructors and Prototypes
Prototypes
Extending Classes with Prototype
Reusable, Flexible Classes
Exercise: Working with Classes

Part 4: Advanced JavaScript Topics
1. ES6: The Next Step

ES6 Defined
ES6 Default and Rest Parameters
IIFE and Closures
ES6 Importing/Exporting Modules
Arrays, ES6 Maps, and ES6 Sets
Working Arrays with ES6
Working Strings with ES6 Strings
ES6 Constructs and Inheritance
ES6: Getters and Setters
Exercise: Working with ES6

2. TypeScript

Strong Data Typing
Compiling TypeScript to JavaScript
TypeScript Datatypes
TypeScript Classes and Interfaces

3. Introduction to JSON and Ajax

JavaScript Object Notation
AJAX: Load Once and Change Data
XMLRequestObject is at the Center
Calling the Service
The Callback
Exercise: Implementing JSON

4. JavaScript Best Practices

Code Conventions for the Lifecycle
Resolving Shared Resources
Constructs to Use
Constructs to Avoid
Memory Considerations

5. JavaScript Scheduling, Execution, and Security

Timers and Scheduling
Execution Contexts
Same Origin Policy and JavaScript
Security Considerations

6. HTML5 JavaScript API

Cross-Domain Messaging
Working with Web Storage
Offline with Application Cache
Geolocation: What, Why, and How
Exercise: Using the Web Storage API
Exercise: Using the ApplicationCache API

Part 5: Working with XML (Optional)
1. XML DOM Mechanics

HTML vs XML DOM
Building an XML DOM
Integrating XML into HTML
XML Response Processing
Exercise: Loading XML Data into an HTML Page

2. XSLT Applied

XSLT in the Browser
XSLT in Specific Browsers
Sarissa Assistance
XSLT Pluses and Minuses
Exercise: XSLT Transformations with Sariss

This is an introductory level web developer course, designed for:

Developers that need to further extend their skills in web development.
Attendees should have an extensive working knowledge in developing basic software applications.

Use Javascript within the context of web applications
Work with the different technologies that are the foundation for web applications
Work with the fundamental aspects of JavaScript in terms of web applications, security, tools, and frameworks
Effectively work with the newest advances in JavaScript such as ES6 and TypeScript
Develop code using conventions and optimal constructs for performance

A full refund will be issued for class cancellations made at least 10 business days before the course begins. Payment is nonrefundable for cancellations or reschedules made within 10 business days from the course start date and for No Shows (students who do not attend class). For reschedules made within 10 business days from the course start date, students must reschedule immediately for the same course, up to a maximum of six months from the original date. A student may only reschedule one time.