Skip to content
Search upcoming classes
Course Name
Location
Date
Price
Register
Limited time only! Get 2 courses for the price of one. Learn more

Web Essentials: Modern JavaScript Essentials

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.

 

Available formats for this course
In-Person
Live Online
Corporate
Corporate Online
Duration
3 days/24 hours of instruction

Starting at: $1595

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 Sarissa
 

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.

Web Essentials: Modern JavaScript Essentials Schedule

Location
Date
Price
Register
CPSFDC\Entity\Session::__set_state(array( 'sfId' => 'a011G00000TXsJqQAL', 'startDate' => '2020-11-09', 'startTime' => '10:00 AM', 'endDate' => '2020-11-11', 'endTime' => '6:00 PM', 'name' => 'TT41105VCL', 'standardCourseFee' => 1595.0, 'courseId' => 'TT4110', 'course' => 'a001G00000CCXT6QAP', 'courseSfId' => 'a001G00000CCXT6QAP', 'courseName' => 'Web Essentials: Modern JavaScript Essentials', 'instructorId' => '151136', 'instructorSfId' => 'a023700000Z1UwcAAF', 'instructorDisplayName' => 'Trivera', 'instructorName' => 'Trivera', 'locationCode' => 'VCL', 'sessionStatus' => 'O', 'city' => 'Live Online Training', 'state' => NULL, 'cityState' => 'Live, Online Training', 'locationSfId' => 'a0637000000tn2hAAA', 'subjectSfId' => 'a051G00000Jso5fQAB', 'subjectName' => 'Software Development', 'specialitySfId' => 'a051G00000Jso5pQAB', 'specialityName' => 'Java', 'expertiseSfId' => 'a051G00000JsoBZQAZ', 'expertiseName' => NULL, 'certificationSfId' => NULL, 'certificationBody' => NULL, 'certificationName' => NULL, 'pdus' => NULL, 'deliveryModalities' => array ( 0 => 'In-Person', 1 => 'Live Online', ), ))
Live, Online Training
Nov 9th - 11th 10:00 AM - 6:00 PM ET
$1595
CPSFDC\Entity\Session::__set_state(array( 'sfId' => 'a011G00000TXsJrQAL', 'startDate' => '2020-12-07', 'startTime' => '10:00 AM', 'endDate' => '2020-12-09', 'endTime' => '6:00 PM', 'name' => 'TT41105VCL2', 'standardCourseFee' => 1595.0, 'courseId' => 'TT4110', 'course' => 'a001G00000CCXT6QAP', 'courseSfId' => 'a001G00000CCXT6QAP', 'courseName' => 'Web Essentials: Modern JavaScript Essentials', 'instructorId' => '151136', 'instructorSfId' => 'a023700000Z1UwcAAF', 'instructorDisplayName' => 'Trivera', 'instructorName' => 'Trivera', 'locationCode' => 'VCL', 'sessionStatus' => 'O', 'city' => 'Live Online Training', 'state' => NULL, 'cityState' => 'Live, Online Training', 'locationSfId' => 'a0637000000tn2hAAA', 'subjectSfId' => 'a051G00000Jso5fQAB', 'subjectName' => 'Software Development', 'specialitySfId' => 'a051G00000Jso5pQAB', 'specialityName' => 'Java', 'expertiseSfId' => 'a051G00000JsoBZQAZ', 'expertiseName' => NULL, 'certificationSfId' => NULL, 'certificationBody' => NULL, 'certificationName' => NULL, 'pdus' => NULL, 'deliveryModalities' => array ( 0 => 'In-Person', 1 => 'Live Online', ), ))
Live, Online Training
Dec 7th - 9th 10:00 AM - 6:00 PM ET
$1595

Learn more about corporate team training