Advanced HTML5 and CSS3 Specialist

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.

CIW Advanced HTML5 & CSS3 Specialist
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 our current CIW Foundations Site Development Associate (SDA) certification.

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.

Advance HTML5 & CSS3

Prerequistes

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.

Technical Requirements

Topics

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

Learning Objectives

  • 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.

Tranget Audience

  • High school students
  • College students
  • Technical/trade school students
  • Web designers
  • Internet consultants
  • IT professionals
  • Marketing professionals
  • Web and graphic artists
  • Business professionals
  • Web and graphic designers
  • Web marketing professionals
  • Mobile application developers
  • Art/creative directors
  • Advertising professionals
  • Entrepreneurs

Exam 1D0-620

CIW Exam 1D0-620

Domain 1: HTML5 Essentials

1.1 Consider HTML5 development skills you can apply to both traditional and non-traditional delivery platforms, including mobile apps.

1.2 Identify the Web development trifecta and explain its significance.

1.3 Explain the evolution of HTML and its relevance to modern design techniques.

1.4 Create and deploy HTML5 structure tags.

1.5 Perform HTML5 code validation, which includes explaining the practical value of code validation and listing the steps to validate HTML5 code.

1.6 Explain the importance of universal markup creation.

1.7 Apply the HTML5 <video> element appropriately.

1.8 Use the HTML5 <audio> element.

1.9 Define common elements of HTML5 application programming interfaces (APIs).

Domain 2: Using Cascading Style Sheets (CSS) Technology

2.1 Explain the function and purpose of the Cascading Style Sheets (CSS) technology.

2.2 Explain the importance of using style guides when designing sites and documents.

2.3 Define common CSS terms and syntax.

2.4 Apply CSS styles to format pages.

2.5 Develop and apply page layouts with CSS.

2.6 Use CSS to position content and apply document flow.

2.7 Define common CSS positioning schemes.

2.8 Use the CSS Box Model.

Domain 3: Introduction to CSS Version 3 (CSS3)

3.1 List the features added to CSS functionality in CSS version 3 (CSS3).

3.2 Apply common CSS3 properties and selectors.

3.3 Apply backgrounds and borders with CSS3.

3.4 Apply fonts and text effects with CSS3.

Domain 4: Using Advanced CSS3 Techniques

4.1 Apply 2D and 3D transformations with CSS3.

4.2 Apply transitions and animations with CSS3.

4.3 Create accessible user interfaces with CSS3.

4.4 Create menus and buttons with CSS3.

4.5 Create transparencies and overlays with CSS3.

Domain 5: Introduction to JavaScript

5.1 Define scripting languages and explain their functionality in Web development.

5.2 Define JavaScript, describe its main features and uses, and list characteristics of JavaScript that affect Web developers and design.

5.3 Compare JavaScript to other languages used in Web development.

5.4 Embed JavaScript code into HTML5 documents.

5.5 Define the roles of JavaScript objects, properties and methods in scripting and programming.

5.6 Define the role of JavaScript variables in scripting and programming.

5.7 Define the role of JavaScript expressions and operators in scripting and programming.

Domain 6: JavaScript Events, Functions and Methods

6.1 Define user events, and identify and use JavaScript event handlers.

6.2 Describe the role of functions in JavaScript development.

6.3 Use JavaScript code to define functions.

6.4 Use JavaScript code to call functions.

6.5 Use methods as functions in JavaScript code.

6.6 Identify common errors in JavaScript.

Domain 7: Using HTML5 APIs

7.1 Define the Document Object Model (DOM).

7.2 Define application programming interface (API), and list the common HTML5 APIs.

7.3 Use the HTML5 Canvas API for advanced techniques.

7.4 Develop offline Web applications using the HTML5 AppCache API.

7.5 Use the HTML5 Geolocation API to obtain geographic information about a user.

7.6 Create drag-and-drop Web pages using the HTML5 Drag-and-Drop API.

7.7 Use the HTML5 File API to interact with files.

7.8 Use the HTML5 History API to manipulate a browser’s history.

7.9 Retrieve and manipulate HTML5 data using XMLHttpRequest and jQuery.

Domain 8: Developing HTML5 Forms

8.1 Describe the purpose and functionality of HTML5 forms.

8.2 Develop cross-browser compatible forms using HTML5.

8.3 List the new form input types available in HTML5.

8.4 Use the HTML5 <datalist> element.

8.5 Explain the function of the HTML5 <keygen> element.

8.6 Explain the function of the HTML5 <output> element.

8.7 Use HTML5 global attributes for HTML form elements including <fieldset>, <legend>, <label>, <select> and <textarea>.

Domain 9: Completing, Submitting and Validating User Input Forms

9.1 Use HTML5 attributes for completing and submitting forms, including new attributes for the <form>, <input> and <button> elements.

9.2 Describe general concepts and techniques used to validate user input from forms.

9.3 Validate user input from forms using HTML5 attributes.

9.4 Validate user input from forms using JavaScript.

Domain 10: Designing for Mobile Devices

10.1 Compare “apps” to mobile Web sites.

10.2 Describe general concerns for developing Web documents that will be delivered on mobile devices.

10.3 Develop appropriate page layouts for use on mobile devices.

10.4 Create appropriate navigation elements and hyperlinks for mobile Web pages.

10.5 Use images appropriately on mobile Web pages.

10.6 Validate and test mobile Web pages.

10.7 Determine cross-browser compatibility for traditional and mobile Web pages.

10.8 Describe essential Responsive Web Design (RWD) techniques and principles.

Training

Training Format Duration Price Schedule/Purchase
Classroom Training: Instructor Led Hand-on Training, Practice Test & 1 Exam Voucher 3 Days $799 View Schedule
Live Virtual Class: Instructor Led Online Training, Practice Test & one Exam Voucher 3 Days $699 View Schedule
Self-Study: Video Based Training, Practice Test & one Exam Voucher 1 year $399 Buy Now

For more information, call (714) 505-3475.