CIW Advanced HTML5 & CSS3 Specialist

Hours: 40 / Access Length: 12 Months / Delivery: Online, 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, Fiber, DSL, or LEO Satellite (i.e. Starlink) internet with speeds of at least 10mb/sec download and 5mb/sec upload are recommended for the best experience.

NOTE: While cellular hotspots may allow access to our courses, users may experience connectivity issues by trying to access our learning management system.  This is due to the potential high download and upload latency of cellular connections.   Therefore, it is not recommended that students use a cellular hotspot as their primary way of accessing their courses.

Hardware Requirements:

  • CPU: 1 GHz or higher
  • RAM: 4 GB or higher
  • Resolution: 1280 x 720 or higher.  1920x1080 resolution is recommended for the best experience.
  • Speakers / Headphones
  • Microphone for Webinar or Live Online sessions.

Operating System Requirements:

  • Windows 7 or higher.
  • Mac OSX 10 or higher.
  • Latest Chrome OS
  • Latest Linux Distributions

NOTE: While we understand that our courses can be viewed on Android and iPhone devices, we do not recommend the use of these devices for our courses. The size of these devices do not provide a good learning environment for students taking online or live online based courses.

Web Browser Requirements:

  • Latest Google Chrome is recommended for the best experience.
  • Latest Mozilla FireFox
  • Latest Microsoft Edge
  • Latest Apple Safari

Basic Software Requirements (These are recommendations of software to use):

  • Office suite software (Microsoft Office, OpenOffice, or LibreOffice)
  • PDF reader program (Adobe Reader, FoxIt)
  • Courses may require other software that is described in the above course outline.


** The course outlines displayed on this website are subject to change at any time without prior notice. **