CIW Advanced HTML5 & CSS3 Specialist

40 Hours / 12 Months / Self-Paced

Course Overview:

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.


System Requirements:

Internet Connectivity Requirements:
  • Cable and DSL internet connections are recommended.

Hardware Requirements:
  • Minimum Pentium 400 Mhz CPU or G3 Macintosh. 1 GHz or greater CPU recommended.
  • 256MB RAM minimum. 1 GB RAM recommended.
  • 800x600 video resolution minimum. 1025x768 recommended.
  • Speakers/Headphones to listen to Dialogue steaming audio sessions.
  • A microphone to speak in Dialogue streaming audio sessions.
Operating System Requirements:
  • Windows Vista, 7, 8, 8.1, 9, 10
  • Mac OSX 10 or higher.
  • OpenSUSE Linux 9.2 or higher.
Web Browser Requirements:
  • Google Chrome is recommended.
  • Firefox 13.x or greater.
  • Internet Explorer 6.x or greater.
  • Safari 3.2.2 or greater.
Software Requirements:
  • Adobe Flash Player 6 or greater.
  • Oracle Java 7 or greater.
  • Adobe Reader 7 or greater.
Web Browser Settings:
  • Accept Cookies
  • Disable Pop-up Blocker.


**Outlines are subject to change, as courses and materials are updated.**