[PDF] Advanced HTML5 and CSS3 Specialist - CIW Certified

jQuery tête la première - Dunod

jQuery vous aide à extraire des éléments de page Web et à en faire toutes sortes de choses Dans ce chapitre, nous allon s étudier les sélecteurs et les méthodes jQuery Avec les sélecteurs jQuery, on peut extraire des éléments de notre page, et avec les méthodes on peut manipuler ces éléments Grâce à la

Programmation JavaScript - Wikimedia

5 2 Avec jQuery, une librairie d'instructions javascript 5 3 Un menu déroulant en CSS 6 Présentation 6 1 IDE 6 1 1 Libre 6 1 2 Propriétaire 7 Syntaxe 8 Ligne d'instruction 8 1 Composition d'une instruction 8 2 Délimitation des instructions 8 3 Regroupement des lignes d'instructions en blocs 9 Ordre d'évaluation 9 1 Scripts 9 2 Instructions

AngularJS in 60 Minutes - Sergey Drozdov

For DOM manipulation jQLite is built-in which is kind of like the Mini-Me of jQuery If you want to use more advanced stuff you can even use jQuery and they play really nice together: Angular and jQuery When it comes to data binding we have full support for templates Historys built in We can share

Lecture 1: JavaScript, ES6

XMLHttpRequest(), jQuery ajax(), fetch() Database calls Callbacks Control flow with asynchronous calls Execute function once asynchronous call returns value

Ajax, jQuery et PHP - WordPresscom

jQuery et PHP 42 ateliers pour concevoir des applications Web 2 0 3 e édition DEFRANCE Livre Page VII Mercredi, 11 mai 2011 7:18 07 Ajax, jQuery et PHP VI

ReactJS - tutorialspointcom

ReactJS 2 About the Tutorial React is a front-end library developed by Facebook It is used for handling the view layer for web and mobile apps

Apprenez les langages HTML5, CSS3 et JavaScript pour créer

liés au web Dans ce livre, il ras-semble tout son savoir-faire et toute son expérience pour permettre au lecteur de réaliser en toute autono-mie le site qu’il a en tête Téléchar gement www editions-eni sur www editions-eni fr: b Le code des exemples traités dans le livre Denis MATARAZZO Apprenez les langages HTML5, CSS3 et

AngularJS - tutorialspointcom

AngularJS i About the Tutorial AngularJS is a very powerful JavaScript library It is used in Single Page Application (SPA) projects It extends HTML DOM with additional attributes and makes it more

Advanced HTML5 and CSS3 Specialist - CIW Certified

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

[PDF] toutes les fonctions jquery pdf

[PDF] jquery pdf openclassroom

[PDF] cours complet jquery

[PDF] apprendre jquery pdf

[PDF] cours jquery site du zero pdf

[PDF] comment annoncer un mauvais bulletin a ses parents

[PDF] bonne excuse pour mauvais bulletin

[PDF] j'ai des mauvaises notes en terminale s

[PDF] je suis nul a l'école

[PDF] le juge et la loi dissertation

[PDF] le juge et la loi introduction

[PDF] le juge bouche de la loi dissertation

[PDF] le juge et la création du droit

[PDF] rapport entre le juge et la loi

[PDF] application de la loi par le juge

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

Student Guide

Chief Executive Officer

Barry Fingerhut

Vice President, Operations & Development

Todd Hopkins

Senior Content Developer

Kenneth A. Kozakis

Managing Editor

Susan M. Lane

Editor

Sarah Skodak

Project Manager/Publisher

Tina Strong

Customer Service Certification Partners, LLC

1230 W. Washington St., Ste. 201

Tempe, AZ 85281

(602) 275-7700

Copyright © 2014, All rights reserved.

Advanced HTML5 and CSS3 Specialist

Developer

Patrick T. Lane

Contributors

James Stanger, Ph.D., Sadie Hebert, Jason Hebert and Susan M. Lane

Editor

Susan M. Lane

Project Manager/Publisher

Tina Strong

Trademarks

Certification Partners is a trademark of Certification Partners, LLC. All product names and services identified throughout

this book are trademarks or registered trademarks of their respective companies. They are used throughout this book in

editorial fashion only. No such use, or the use of any trade name, is intended to convey endorsement or other affiliation

with the book. Copyrights of any screen captures in this book are the property of the software's manufacturer.

Disclaimer

Certification Partners, LLC, makes a genuine attempt to ensure the accuracy and quality of the content described

herein; 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 no

representation or warranty with respect to the contents hereof and specifically disclaims any implied warranties of

fitness for any particular purpose. Certification Partners disclaims all liability for any direct, indirect, incidental or

consequential, special or exemplary damages resulting from the use of the information in this document or from the

use of any products described in this document. Mention of any product or organization does not constitute an

endorsement by Certification Partners of that product or corporation. Data used in examples and labs is intended to be

fictional even if actual data is used or accessed. Any resemblance to, or use of real persons or organizations should be

treated as entirely coincidental. Certification Partners makes every effort to ensure the accuracy of URLs referenced in

all its material, but cannot guarantee that all URLs will be available throughout the life of a course. When this course

was published, all URLs were checked for accuracy and completeness. However, due to the ever-changing nature of the

Internet, some URLs may no longer be available or may have been redirected.

Copyright Information

This training manual is copyrighted and all rights are reserved by Certification Partners, LLC. No part of this publication

may be reproduced, transmitted, stored in a retrieval system, modified, or translated into any language or computer

language, in any form or by any means, electronic, mechanical, magnetic, optical, chemical, manual or otherwise

without written permission of Certification Partners, 1230 W. Washington Street, Suite 201, Tempe, AZ 85281.

Copyright © 2014 by

Certification Partners, LLC

All Rights Reserved

ISBN: 0-7423-3250-0

iv © 2014 Certification Partners, LLC. - All Rights Reserved. Version 1.0 v © 2014 Certification Partners, LLC. - All Rights Reserved. Version 1.0

Table of Contents

Course Description ........................................................................................................................ ix

Courseware .................................................................................................................................... x

Course Objectives........................................................................................................................ xiv

Classroom Setup ......................................................................................................................... xiv

System Requirements ................................................................................................................. xiv

Conventions and Graphics Used in This Book .............................................................................. xvi

Lesson 1: HTML5 Essentials ........................................................................................................ 1-1

Pre-Assessment Questions ................................................................................................................ 1-2

Introduction to HTML5 and CSS3 ...................................................................................................... 1-3

Migration to Mobile Devices ............................................................................................................... 1-3

The Web Development Trifecta........................................................................................................... 1-5

The Evolution of HTML5 .................................................................................................................... 1-6

HTML5 Structure Elements ............................................................................................................... 1-9

Validating HTML5 Code ................................................................................................................... 1-10

The

The

HTML5 APIs .................................................................................................................................... 1-21

Case Study ...................................................................................................................................... 1-24

Lesson 1 Review .............................................................................................................................. 1-26

Lesson 2: Using Cascading Style Sheets (CSS) Technology ........................................................... 2-1

Pre-Assessment Questions ................................................................................................................ 2-2

Cascading Style Sheets (CSS) ............................................................................................................ 2-3

Style Guides ...................................................................................................................................... 2-3

CSS and HTML .................................................................................................................................. 2-5

CSS Terms and Syntax ...................................................................................................................... 2-6

Applying CSS Styles .......................................................................................................................... 2-9

Page Layout with CSS ..................................................................................................................... 2-14

CSS Positioning Schemes ................................................................................................................ 2-21

The CSS Box Model ......................................................................................................................... 2-22

Case Study ...................................................................................................................................... 2-25

Lesson 2 Review .............................................................................................................................. 2-27

Lesson 3: Introduction to CSS Version 3 (CSS3) .......................................................................... 3-1

Pre-Assessment Questions ................................................................................................................ 3-2

Introduction to CSS3 ......................................................................................................................... 3-3

CSS3 Selectors and Properties ........................................................................................................... 3-3

CSS3 Background Properties ............................................................................................................. 3-8

CSS3 Border Properties ................................................................................................................... 3-14

CSS3 Font Properties ...................................................................................................................... 3-18

CSS3 Text Effects ............................................................................................................................ 3-20

Case Study ...................................................................................................................................... 3-24

Lesson 3 Review .............................................................................................................................. 3-26

Lesson 4: Using Advanced CSS3 Techniques ................................................................................ 4-1

Pre-Assessment Questions ................................................................................................................ 4-2

Introduction to Advanced CSS3 Techniques ...................................................................................... 4-3

CSS3 2D and 3D Transformations ..................................................................................................... 4-3

CSS3 Transitions .............................................................................................................................. 4-8

CSS3 Animations ............................................................................................................................ 4-11

CSS3 User Interfaces ....................................................................................................................... 4-15

Creating Menus and Buttons with CSS3 .......................................................................................... 4-17

Case Study ...................................................................................................................................... 4-21

Lesson 4 Review .............................................................................................................................. 4-23

Lesson 5: Introduction to JavaScript ........................................................................................... 5-1

Pre-Assessment Questions ................................................................................................................ 5-2

HTML5 and JavaScript ...................................................................................................................... 5-3

Introduction to Scripting ................................................................................................................... 5-4

vi © 2014 Certification Partners, LLC. - All Rights Reserved. Version 1.0

JavaScript Characteristics ................................................................................................................. 5-4

JavaScript vs. Other Languages ........................................................................................................ 5-6

Embedding JavaScript into HTML5 Documents ................................................................................. 5-8

JavaScript and Common Programming Concepts ............................................................................. 5-10

Objects, Properties and Methods ..................................................................................................... 5-10

Variables ......................................................................................................................................... 5-14

Expressions and Operators ............................................................................................................. 5-17

Case Study ...................................................................................................................................... 5-23

Lesson 5 Review .............................................................................................................................. 5-25

Lesson 6: JavaScript Events, Functions and Methods .................................................................. 6-1

Pre-Assessment Questions ................................................................................................................ 6-2

User Events and JavaScript Event Handlers ...................................................................................... 6-3

Introduction to JavaScript Functions ................................................................................................ 6-4

Defining a Function ........................................................................................................................... 6-5

Calling a Function ............................................................................................................................. 6-9

Methods as Functions ..................................................................................................................... 6-19

Errors In JavaScript ........................................................................................................................ 6-22

Case Study ...................................................................................................................................... 6-26

Lesson 6 Review .............................................................................................................................. 6-27

Lesson 7: Using HTML5 APIs ....................................................................................................... 7-1

Pre-Assessment Questions ................................................................................................................ 7-2

Introduction to HTML5 APIs .............................................................................................................. 7-3

Document Object Model (DOM).......................................................................................................... 7-3

Common HTML5 APIs ....................................................................................................................... 7-4

The Canvas API ................................................................................................................................. 7-4

The Offline AppCache API ................................................................................................................ 7-10

The Geolocation API ........................................................................................................................ 7-13

The Drag-and-Drop API ................................................................................................................... 7-16

The File API ..................................................................................................................................... 7-20

The History API ............................................................................................................................... 7-22

Retrieving Data with XMLHttpRequest .............................................................................................. 7-24

Manipulating Data with jQuery ....................................................................................................... 7-24

Case Study ...................................................................................................................................... 7-28

Lesson 7 Review .............................................................................................................................. 7-30

Lesson 8: Developing HTML5 Forms ............................................................................................ 8-1

Pre-Assessment Questions ................................................................................................................ 8-2

Introduction to HTML5 Forms ........................................................................................................... 8-3

Cross-Browser Compatible HTML5 Forms ......................................................................................... 8-3

HTML5 Form Input Types .................................................................................................................. 8-4

New Form Elements in HTML5 .......................................................................................................... 8-9

HTML5 Global Attributes for Form Elements ................................................................................... 8-13

Case Study ...................................................................................................................................... 8-21

Lesson 8 Review .............................................................................................................................. 8-23

Lesson 9: Completing, Submitting and Validating User Input Forms ............................................ 9-1

Pre-Assessment Questions ................................................................................................................ 9-2

Improving Forms with HTML5 ........................................................................................................... 9-3

HTML5 Attributes for the

Element ......................................................................................... 9-3

HTML5 Attributes for the Element ........................................................................................ 9-5

Submitting Forms with the Element ................................................................................... 9-8

Concepts and Techniques for Validating User Input ......................................................................... 9-11

Validating User Input with HTML5 Attributes .................................................................................. 9-13

Validating User Input with JavaScript ............................................................................................. 9-20

Case Study ...................................................................................................................................... 9-22

Lesson 9 Review .............................................................................................................................. 9-24

Lesson 10: Designing for Mobile Devices ................................................................................... 10-1

Pre-Assessment Questions .............................................................................................................. 10-2

Introduction to Mobile Design.......................................................................................................... 10-3

Mobile Web Sites vs. Mobile Apps .................................................................................................... 10-3

vii © 2014 Certification Partners, LLC. - All Rights Reserved. Version 1.0

Designing Web Sites for Mobile Devices ........................................................................................... 10-6

Page Layout for Mobile Devices ........................................................................................................ 10-8

Navigation and Hyperlinks for Mobile Devices ................................................................................ 10-10

Images and Mobile Design ............................................................................................................. 10-13

Validating and Testing Mobile Web Pages ...................................................................................... 10-14

Responsive Web Design ................................................................................................................. 10-17

Case Study .................................................................................................................................... 10-25

Lesson 10 Review .......................................................................................................................... 10-28

Appendixes ................................................................................................................. Appendixes-1

Glossary ........................................................................................................................... Glossary-1

Index ................................................................................................................................... Index-1

List of Labs

Lab 1-1: Structuring and validating a Web page .................................................................................. 1-12

Lab 1-2: Embedding video with the HTML5

Lab 1-3: Embedding audio with the HTML5

Lab 2-1: Formatting text with CSS ...................................................................................................... 2-11

Lab 2-2: Laying out a page's structure using CSS ............................................................................... 2-18

Lab 2-3: Positioning images relative to text using CSS ......................................................................... 2-20

Lab 2-4: Modifying elements using CSS margins, borders and padding ............................................... 2-23

Lab 3-1: Using CSS3 selectors .............................................................................................................. 3-5

Lab 3-2: Adding CSS3 backgrounds and transparency ........................................................................ 3-12

Lab 3-3: Creating buttons and shadows with the CSS3 border properties ............................................ 3-16

Lab 3-4: Using CSS3 fonts and text effects .......................................................................................... 3-21

Lab 4-1: Creating 2D and 3D transformations with CSS3 ...................................................................... 4-5

Lab 4-2: Using CSS3 transitions ........................................................................................................... 4-9

Lab 4-3: Creating CSS3 animations .................................................................................................... 4-13

Lab 4-4: Using the CSS3 resize property ............................................................................................. 4-16

Lab 4-5: Creating a CSS menu ............................................................................................................ 4-18

Lab 5-1: Using the JavaScript alert() method ....................................................................................... 5-13

Lab 5-2: Using the JavaScript prompt() method ................................................................................... 5-19

Lab 5-3: Using the JavaScript document.write() method....................................................................... 5-21

Lab 6-1: Creating a user-defined function in JavaScript ........................................................................ 6-7

Lab 6-2: Using functions, arguments and return values in JavaScript ................................................. 6-12

Lab 6-3: Calling a function from within another function in JavaScript ............................................... 6-15

Lab 7-1: Using the HTML5 Canvas API .................................................................................................. 7-7

Lab 7-2: Creating an offline Web application with HTML5 ................................................................... 7-11

Lab 7-3: Using the Geolocation API to obtain geographical information ............................................... 7-14

Lab 7-4: Adding drag-and-drop elements to a Web page with HTML5 .................................................. 7-18

Lab 7-5: Using the HTML5 File API ..................................................................................................... 7-20

Lab 8-1: Using new HTML5 input types ................................................................................................ 8-7

Lab 8-2: Using the HTML5

Lab 8-3: Using the

and

elements .......................................................................... 8-15

Lab 8-4: Using the element with the placeholder attribute .................................................. 8-18</p> <p>Lab 9-1: Using the HTML5 autocomplete attribute with <form> ............................................................. 9-4</p> <p>Lab 9-2: Using the HTML5 autofocus attribute with <input>.................................................................. 9-7</p> <p>Lab 9-3: Using the <button> element to submit forms ......................................................................... 9-10</p> <p>Lab 9-4: Using the HTML5 required attribute ...................................................................................... 9-14</p> <p>Lab 9-5: Using the HTML5 pattern attribute ........................................................................................ 9-17</p> <p>Lab 9-6: Using the pattern attribute with HTML input types ................................................................ 9-19</p> <p>Lab 10-1: Modifying a site for mobile users ....................................................................................... 10-15</p> <h3>List of Tables</h3> <p>Table 1-1: HTML5 family (Web development trifecta) technologies ......................................................... 1-6</p> <p>Table 1-2: HTML5 structure elements ................................................................................................. 1-10</p> <p>Table 1-3: HTML5 <video> elements and attributes ............................................................................. 1-17</p> <p>Table 1-4: HTML5-compliant browser support for HTML5 audio formats ............................................. 1-20</p> viiiquotesdbs_dbs4.pdfusesText_8 </div> </div> <div class="left"> <br/> <div style="width:100%;min-height:300px !important;padding:2px;"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1570187411384203" crossorigin="anonymous"></script> <!-- Responsive1 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1570187411384203" data-ad-slot="2836242943" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div> <!-- The Modal --> <div> <div id="myModal" class="modal"> <!-- Modal content --> <div class="modal-content"> <span class="closeA">×</span> if you Get <b>No preview available</b> Click on (Next PDF) <a href="https://pdfprof.com/PDFV2/Documents4/49231/18/9" class="bblinkss"> Next PDF </a> <iframe frameBorder="0" width="100%" height="50" frameBorder="0" src="https://pdfprof.com/PDFV2/ShowLink.php?links=https://www.ciwcertified.com/resources/documents/sample-chapter/cct02cdhtcsck1405.pdf" ></iframe> <iframe id="ppif" frameBorder="0" width="100%" src="https://pdfprof.com/PDFV2/getFrameTestV3.php?links=https://www.ciwcertified.com/resources/documents/sample-chapter/cct02cdhtcsck1405.pdf&idt=49231&t=18&view=9&url=https://pdfprof.com/PDFV2/Documents4/49231/18/9" style="width:100%;height:90vh;" ></iframe> </div> </div> </div> <style> body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 10px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 5px; border: 1px solid #888; width: 85%; } /* The Close Button */ .closeA { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; background:red; padding:1px; } .closeA:hover, .closeA:focus { color: #000; text-decoration: none; cursor: pointer; } </style> <script> // Get the modal var modal = document.getElementById("myModal"); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("closeA")[0]; // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block"; } // When the user clicks on <span> (x), close the modal span.onclick = function() { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </script> </body>