Mastering HTML5, CSS3 & JavaScript

Course Details
Code: TT4650
Tuition (USD): $1,595.00 • Classroom (3 days)
$1,595.00 • Virtual (3 days)

Mastering HTML5, CSS3 & JavaScript is an in-depth HTML5, CSS3 and JavaScript training course geared for developers who need to understand what the latest in web technologies, performance, optimization, and user interface design patterns and best practices. This comprehensive course provides a balanced mixture of theory and practical labs designed to take students through HTML5, CSS3 and related technologies. Students who attend this course will leave this course armed with the new skills to design, implement, and deploy robust, flexible, and safe web applications.

Skills Gained

  • Understand what HTML5 is, what is new, and how it is used within the context of web applications
  • Understand what CSS3 is, what is new, and how it is used within the context of web applications
  • Understand the wide variety of options, tools, and approaches that can be used in conjunction with the web design and implementation
  • What is JavaScript, how does it relate to other programming languages, and how do you script your web pages with it?
  • How do you traverse and manipulate the DOM and how do you handle events in ways that work in all browsers?
  • What is Ajax and how does JavaScript make it possible?
  • What are closures and prototypes and other exotic features of JavaScript?

Who Can Benefit

This is an intermediate level web development course, designed for experienced developers who need to extend their knowledge of web design and development or need to reinforce sound HTML and CSS coding practices, immediately. Attendees should have previous experience or working knowledge of developing software applications, as well as basic HTML and CSS. Real world programming experience is a must.

Prerequisites

Attendees should have previous experience or working knowledge of developing software applications, as well as basic HTML and CSS. Real world programming experience is a must.

Course Details

Session: HTML5

Lesson: HTML5

  • TML5 Design Principles
  • HTML5 – New Features
  • HTML5 Semantic Tags
  • HTML5 Forms – New Features
  • HTML5 Media
  • Media API Methods and Events

Lesson: HTML5 JavaScript API

  • Drag and Drop API
  • Messaging API
  • Web Storage API

Session: CSS3

Lesson: CSS3 Overview

  • CSS3 New Features
  • CSS3 Browser Support
  • CSS3 Selectors Support
  • CSS3 Properties Support

Lesson: CSS3 Advanced Selectors

  • Attribute Selectors
  • Combinators
  • Pseudo-Class Selectors
  • UI Selectors

Lesson: CSS3 Visual Effects

  • 2D Transformations
  • Transitions
  • Font and Color in CSS3
  • Border and Other Effects

Session: Exploring JavaScript

Lesson: JavaScript Basics

  • Identifiers and literals
  • Loop Structures
  • Iteration
  • Conditional Structures

Lesson: JavaScript Functions

  • Functions in JavaScript
  • Invoking Functions
  • Function Constructor
  • Function Scope and Closures

Lesson: JavaScript Objects

  • JavaScript Literals
  • JavaScript Arrays
  • String Objects
  • JavaScript and Regular Expressions

Lesson: JavaScript Classes

  • Classes as Functions or Functions as Classes
  • Prototypes
  • Extending Classes With Prototype
  • Reusable, Flexible Classes

Lesson: JavaScript Event Handling

  • Basic Event Handling
  • Handling HTML Events
  • DOM 2 Event Propagation: Three Phases
  • InnerHTML