HTML 5 : Next Generation Web Development - 4 Days Enhancing ...

whizzweheeInternet και Εφαρμογές Web

26 Ιουν 2012 (πριν από 6 χρόνια και 28 μέρες)

375 εμφανίσεις

HTML5 Web Development: Hands-On - 4 Days
Course 2320 Overview
You Will Learn How To • Leverage HTML5 to create modern, feature-rich sites with the latest standards
• Improve accessibility and SEO with semantic elements, ARIA and microdata
• Design professional, eye-catching presentations with CSS3
• Leverage geolocation, local storage, messaging and background processing
• Program engaging interfaces with drag-and-drop, Canvas-based graphics, audio and video
Web designers and developers interested in upgrading their sites to HTML5 who have knowledge of HTML
and CSS at the level of Course 470, "Developing a Website," as well as prior JavaScript experience.
Who Should Attend
Hands-On Exercises • Improving semantics, accessibility and SEO with markup
• Preventing user error with validation and pickers
• Modernizing with borders, shadows, fonts and media queries
• Customizing the user experience with location-specific content
• Enabling offline applications with browser storage
• Depicting data graphically with the Canvas API
HTML5 Web Development: Hands-On - 4 Days
Course 2320 Outline
Advancing Web Standards
• Demystifying HTML5
• Ensuring browser support
• Regressive enhancement
Improving Semantics, Accessibility and
Search Engine Optimization
Enhancing markup with new semantics
• Upgrading pages to HTML5
• Sectioning content with structural elements
• Maintaining correct document outline
• Providing relevant headers
Annotating HTML with related vocabularies
• Maximizing accessibility with ARIA roles
• Optimizing page rank with microdata
Helping users with form completion
• Guiding input with autofocus and
• Validating data entry without scripting
• Customizing constraint validation
• Preventing errors with pickers
Enriching Site Design with CSS3
Manipulating borders and backgrounds
• Vendor prefixes
• Rounded corners
• Gradients
• Resizable border images
Creating elaborate effects
• Floating text and boxes with shadows and
• Animating transformations and transitions
Customizing appearance across browsers
• Installing downloadable fonts with
• Hiding values in custom data-* attributes
• Addressing mobile layout with media
Providing Content with AppCache and
Enabling users to work offline
• Defining an application cache manifest
• Detecting cache and network status
The geolocation API in JavaScript
• Estimating user latitude and longitude
• Selecting content by proximity
Leveraging Client-Side Storage
Developing modern JavaScript best practices
• Testing and debugging with Firebug
• Leveraging anonymous inline literal
callback functions
• Simplifying JavaScript development with
Persisting data with browser storage APIs
• Choosing between localStorage and
• Storing simple data on the client as
name/value pairs
• Anticipating databases and object stores
with JSON
Editing rich text and drag-and-drop
• Testing and supporting features with
• Enhancing data entry with WYSIWYG
• Defining page elements as draggable
• Handling drag-and-drop mouse events
• Enabling drag-and-drop file upload with
native APIs
Exchanging data between windows,
computers and processes
• Posting messages across windows
• Accessing external providers with
Cross-Origin Resource Sharing (CORS)
and XMLHttpRequest 2
• Pushing data with EventSource and
• Improving responsiveness with Web
Drawing Dynamic Images
Filling the canvas element
• Charting with lines and rectangles
• Annotating diagrams with text and images
Reducing download time with XML-based
• Representing equations with Mathematical
Markup Language (MathML)
• Comparing canvas to Scalable Vector
Graphics (SVG)
• Replacing PNG images with smaller SVG
Engaging Users with Multimedia
Enhancing a site with audio
• Embedding audio in a web page
• Supporting multiple codecs and containers
Adding video to the web
• Converting between H.264, Ogg and
WebM formats
• Captioning video with Web Video Text
Tracks (WebVTT)