Advanced HTML5 And CSS3 Specialist - CIW Certified

Transcription

Advanced HTML5 andCSS3 Specialist:CIW Web and MobileDesign SeriesStudent GuideCCL02-CDHTCS-CK-1405 version 1.0 rd042214

Advanced HTML5 andCSS3 SpecialistStudent Guide

Chief Executive OfficerBarry FingerhutVice President, Operations & DevelopmentTodd HopkinsSenior Content DeveloperKenneth A. KozakisManaging EditorSusan M. LaneEditorSarah SkodakProject Manager/PublisherTina StrongCustomer ServiceCertification Partners, LLC1230 W. Washington St., Ste. 201Tempe, AZ 85281(602) 275-7700Copyright 2014, All rights reserved.

Advanced HTML5 and CSS3 SpecialistDeveloperPatrick T. LaneContributorsJames Stanger, Ph.D., Sadie Hebert, Jason Hebert and Susan M. LaneEditorSusan M. LaneProject Manager/PublisherTina StrongTrademarksCertification Partners is a trademark of Certification Partners, LLC. All product names and services identified throughoutthis book are trademarks or registered trademarks of their respective companies. They are used throughout this book ineditorial fashion only. No such use, or the use of any trade name, is intended to convey endorsement or other affiliationwith the book. Copyrights of any screen captures in this book are the property of the software's manufacturer.DisclaimerCertification Partners, LLC, makes a genuine attempt to ensure the accuracy and quality of the content describedherein; however, Certification Partners makes no warranty, express or implied, with respect to the quality, reliability,accuracy, or freedom from error of this document or the products it describes. Certification Partners makes norepresentation or warranty with respect to the contents hereof and specifically disclaims any implied warranties offitness for any particular purpose. Certification Partners disclaims all liability for any direct, indirect, incidental orconsequential, special or exemplary damages resulting from the use of the information in this document or from theuse of any products described in this document. Mention of any product or organization does not constitute anendorsement by Certification Partners of that product or corporation. Data used in examples and labs is intended to befictional even if actual data is used or accessed. Any resemblance to, or use of real persons or organizations should betreated as entirely coincidental. Certification Partners makes every effort to ensure the accuracy of URLs referenced inall its material, but cannot guarantee that all URLs will be available throughout the life of a course. When this coursewas published, all URLs were checked for accuracy and completeness. However, due to the ever-changing nature of theInternet, some URLs may no longer be available or may have been redirected.Copyright InformationThis training manual is copyrighted and all rights are reserved by Certification Partners, LLC. No part of this publicationmay be reproduced, transmitted, stored in a retrieval system, modified, or translated into any language or computerlanguage, in any form or by any means, electronic, mechanical, magnetic, optical, chemical, manual or otherwisewithout written permission of Certification Partners, 1230 W. Washington Street, Suite 201, Tempe, AZ 85281.Copyright 2014 byCertification Partners, LLCAll Rights ReservedISBN: 0-7423-3250-0

iv 2014 Certification Partners, LLC. — All Rights Reserved.Version 1.0

vTable of ContentsCourse Description . ixCourseware . xCourse Objectives. xivClassroom Setup . xivSystem Requirements . xivConventions and Graphics Used in This Book . xviLesson 1: HTML5 Essentials . 1-1Pre-Assessment Questions . 1-2Introduction to HTML5 and CSS3 . 1-3Migration to Mobile Devices . 1-3The Web Development Trifecta. 1-5The Evolution of HTML5 . 1-6HTML5 Structure Elements . 1-9Validating HTML5 Code . 1-10The video Element . 1-15The audio Element . 1-19HTML5 APIs . 1-21Case Study . 1-24Lesson 1 Review . 1-26Lesson 2: Using Cascading Style Sheets (CSS) Technology . 2-1Pre-Assessment Questions . 2-2Cascading Style Sheets (CSS) . 2-3Style Guides . 2-3CSS and HTML. 2-5CSS Terms and Syntax . 2-6Applying CSS Styles . 2-9Page Layout with CSS . 2-14CSS Positioning Schemes . 2-21The CSS Box Model . 2-22Case Study . 2-25Lesson 2 Review . 2-27Lesson 3: Introduction to CSS Version 3 (CSS3) . 3-1Pre-Assessment Questions . 3-2Introduction to CSS3 . 3-3CSS3 Selectors and Properties . 3-3CSS3 Background Properties . 3-8CSS3 Border Properties . 3-14CSS3 Font Properties . 3-18CSS3 Text Effects . 3-20Case Study . 3-24Lesson 3 Review . 3-26Lesson 4: Using Advanced CSS3 Techniques . 4-1Pre-Assessment Questions . 4-2Introduction to Advanced CSS3 Techniques . 4-3CSS3 2D and 3D Transformations . 4-3CSS3 Transitions . 4-8CSS3 Animations . 4-11CSS3 User Interfaces. 4-15Creating Menus and Buttons with CSS3 . 4-17Case Study . 4-21Lesson 4 Review . 4-23Lesson 5: Introduction to JavaScript. 5-1Pre-Assessment Questions . 5-2HTML5 and JavaScript . 5-3Introduction to Scripting . 5-4 2014 Certification Partners, LLC. — All Rights Reserved.Version 1.0

viJavaScript Characteristics . 5-4JavaScript vs. Other Languages . 5-6Embedding JavaScript into HTML5 Documents . 5-8JavaScript and Common Programming Concepts. 5-10Objects, Properties and Methods . 5-10Variables . 5-14Expressions and Operators . 5-17Case Study . 5-23Lesson 5 Review . 5-25Lesson 6: JavaScript Events, Functions and Methods . 6-1Pre-Assessment Questions . 6-2User Events and JavaScript Event Handlers . 6-3Introduction to JavaScript Functions . 6-4Defining a Function . 6-5Calling a Function . 6-9Methods as Functions . 6-19Errors In JavaScript . 6-22Case Study . 6-26Lesson 6 Review . 6-27Lesson 7: Using HTML5 APIs .

Advanced HTML5 and CSS3 Specialist: CIW Web and Mobile Design Series Student Guide CCL02-CDHTCS-CK-1405 version 1.0 rd042214 . Advanced HTML5 and CSS3 Specialist