Web Development with HTML5, CSS3, and JavaScript

COURSE OUTLINE:

Description

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

Audience

Experienced web developers who need to extend their knowledge of web design and development using the latest technologies and skills

Prerequisites

  • Previous experience or working knowledge of developing software applications, as well as basic HTML and CSS
  • Real world programming experience is a must
  • Working knowledge of basic HTML and CSS

Learning Objectives

  • HTML5, what is new, and how it is used within the context of web applications
  • CSS3, what is new, and how it is used within the context of web applications
  • Options, tools, and approaches that can be used in conjunction with the web design and implementation
  • JavaScript, how it relates to other programming languages, and how to script your web pages with it
  • Traverse and manipulate the DOM and handle events in ways that work in all browsers
  • Ajax and how JavaScript makes it possible
  • Closures and prototypes and other exotic features of JavaScript

1. HTML5

  • HTML5
    •  HTML5 Design Principles
    •  HTML5 - New Features
    •  HTML5 Semantic Tags
    •  HTML5 Forms - New Features
    •  HTML5 Media
    •  Media API Methods and Events
  • HTML5 JavaScript API
    •  Drag and Drop API
    •  Messaging API
    •  Web Storage API

2. CSS3

  • CSS3 Overview
    •  CSS3 New Features
    •  CSS3 Browser Support
    •  CSS3 Selectors Support
    •  CSS3 Properties Support
  • CSS3 Advanced Selectors
    •  Attribute Selectors
    •  Combinators
    •  Pseudo-Class Selectors
    •  UI Selectors
  • CSS3 Visual Effects
    •  2D Transformations
    •  Transitions
    •  Font and Color in CSS3
    •  Border and Other Effects

3. Exploring JavaScript

  • JavaScript Basics
    • Identifiers and literals
    • Loop Structures
    • Iteration
    • Conditional Structures
  • JavaScript Functions
    • Functions in JavaScript
    • Invoking Functions
    • Function Constructor
    • Function Scope and Closures
  • JavaScript Objects
    • JavaScript Literals
    • JavaScriptArrays
    • String Objects
    • JavaScript and Regular Expressions
  • JavaScript Classes
    • Classes as Functions or Functions as Classes
    • Prototypes
    • Extending Classes With Prototype
    • Reusable, Flexible Classes
  • JavaScript Event Handling
    • Basic Event Handling
    • Handling HTML Events
    • DOM 2 Event Propagation: Three Phases
    • InnerHTML