Advanced HTML5 and CSS3 Specialist is the first course in the CIW Web and Mobile Design series. The CIW Advanced HTML5 and CSS3 Specialist course tests essential HTML5, Cascading Style Sheets (CSS) and JavaScript knowledge. These technologies, known as the Web development trifecta, provide Web pages that easily adapt to smartphones, tablets, gaming devices and smart TVs, as well as to traditional PCs.

This course teaches deep knowledge of HTML5 and CSS3, and thus assumes a certain amount of existing knowledge (such as basic HTML coding). This course is a natural step from the current CIW Foundations Site Development Associate (SDA) certification.

Topics Include:

• Demonstrate advanced uses of the canvas element.
• Implement JavaScript to create interactive pages.
• Validate HTML5 code.
• Identify ways to determine browser compatibility for a page or device.
• Implement HTML5 forms.
• Use CSS3 to shape content on the page.
• Design for mobile devices.
• Implement HTML5 APIs.
• Identify program flow issues in relation to JavaScript-based applications.
• Design pages for a cloud-based storefront.

Prerequisites:

The Advanced HTML5 And CSS3 Specialist courseware teaches intermediate and advanced HTML5 and CSS3 coding skills, as well as introductory JavaScript. Before taking this course, students should complete the CIW Site Development Associate course from the CIW Web Foundations series, or have equivalent basic HTML and CSS coding knowledge.

Target Audience:

• Web designers
• Internet consultants
• IT professionals
• Marketing professionals
• Web and graphic artists
• Business professionals

The CIW Advanced HTML5 and CSS3 Specialist course prepares candidates to take the CIW Advanced HTML5 and CSS3 Specialist exam, which, if passed, earns the individual the CIW Advanced HTML5 and CSS3 Specialist certification.

Course Outline:

HTML5 Essentials

• Introduction to HTML5 and CSS3 
• Migration to Mobile Devices 
• The Web Development Trifecta 
• The Evolution of HTML5 
• HTML5 Structure Elements 
• Validating HTML5 Code 
• The video Element 
• The audio Element 
• HTML5 APIs

Using Cascading Style Sheets (CSS) Technology

• Cascading Style Sheets (CSS) 
• Style Guides 
• CSS and HTML 
• CSS Terms and Syntax 
• Applying CSS Styles 
• Page Layout with CSS 
• CSS Positioning Schemes 
• The CSS Box Model

Introduction to CSS Version 3 (CSS3)

• Introduction to CSS3 
• CSS3 Selectors and Properties 
• CSS3 Background Properties 
• CSS3 Border Properties 
• CSS3 Font Properties 
• CSS3 Text Effects

Using Advanced CSS3 Techniques

• Introduction to Advanced CSS3 Techniques 
• CSS3 2D and 3D Transformations 
• CSS3 Transitions 
• CSS3 Animations 
• CSS3 User Interfaces 
• Creating Menus and Buttons with CSS3

Introduction to JavaScript

• HTML5 and JavaScript 
• Introduction to Scripting 
• JavaScript Characteristics 
• JavaScript vs. Other Languages 
• Embedding JavaScript into HTML5 Documents 
• JavaScript and Common Programming Concepts 
• Objects, Properties and Methods 
• Variables 
• Expressions and Operators

JavaScript Events, Functions and Methods

• User Events and JavaScript Event Handlers 
• Introduction to JavaScript Functions 
• Defining a Function 
• Calling a Function 
• Methods as Functions 
• Errors in JavaScript

Using HTML5 APIs

• Introduction to HTML5 APIs 
• Document Object Model (DOM) 
• Common HTML5 APIs 
• The Canvas API 
• The Offline AppCache API 
• The Geolocation API 
• The Drag-and–Drop API 
• The File API 
• The History API 
• Retrieving Data with XMLHttpRequest
• Manipulating Data with jQuery

Developing HTML5 Forms

• Introduction to HTML5 Forms 
• Cross-Browser Compatible HTML5 Forms 
• HTML5 Form Input Types 
• New Form Elements in HTML5 
• HTML5 Global Attributes for Form Elements

Completing, Submitting and Validating User Input Forms

• Improving Forms with HTML5 
• HTML5 Attributes for the form Element 
• HTML5 Attributes for the input Element 
• Submitting Forms with the button Element 
• Concepts and Techniques for Validating User Input 
• Validating User Input with HTML5 Attributes 
• Validating User Input with JavaScript

Designing for Mobile Devices

• Introduction to Mobile Design 
• Mobile Web Sites vs. Mobile Apps 
• Designing Web Sites for Mobile Devices 
• Page Layout for Mobile Devices 
• Navigation and Hyperlinks for Mobile Devices 
• Images and Mobile Design 
• Validating and Testing Mobile Web Pages 
• Responsive Web Design

All necessary materials (online eBook) are included.

Certification(s):

The CIW Advanced HTML5 and CSS3 Specialist course prepares candidates to take the CIW Advanced HTML5 and CSS3 Specialist exam, which, if passed, earns the individual the CIW Advanced HTML5 and CSS3 Specialist certification.