 |
Please contact us
for GSA pricing.
Contract #
GS-35F-0307T
Recent Training Venues Accelebrate has recently trained for clients in the following cities:
- Huntsville, Alabama
- Montgomery / Birmingham, Alabama
- Anchorage, Alaska
- Edmonton & Calgary, Alberta
- Phoenix, Arizona
- Tucson, Arizona
- Fayetteville / Little Rock, Arkansas
- Amsterdam, The Netherlands / Brussels, Belgium
- Vancouver, British Columbia
- Oakland / San Jose / San Francisco, California
- Sacramento, California
- San Diego, California
- Orange County / Los Angeles, California
- Boulder / Colorado Springs / Denver, Colorado
- Washington, DC
- Wilmington, Delaware
- Manchester / London, England
- Orlando, Florida
- Fort Lauderdale / Miami, Florida
- Jacksonville, Florida
- Saint Petersburg / Tampa, Florida
- Alpharetta & Atlanta, Georgia
- Augusta & Savannah, Georgia
- Boise, Idaho
- Chicago, Illinois
- Indianapolis, Indiana
- Cedar Rapids / Des Moines, Iowa
- Dublin, Ireland
- Wichita, Kansas
- Lexington / Louisville, Kentucky
- Baton Rouge/New Orleans, Louisiana
- Portland, Maine
- Hagerstown & Frederick, Maryland
- Annapolis / Baltimore, Maryland
- Boston / Cambridge, Massachusetts
- Hartford, Connecticut / Springfield, Massachusetts
- Ann Arbor / Detroit, Michigan
- Grand Rapids, Michigan
- Saint Paul / Minneapolis, Minnesota
- Jackson, Mississippi
- St. Louis, Missouri
- Kansas City, Missouri
- Lincoln / Omaha, Nebraska
- Reno and Las Vegas, Nevada
- Fredericton / Moncton / Saint John, New Brunswick
- Albuquerque, New Mexico
- Princeton, New Jersey & Philadelphia, Pennsylvania
- Albany, New York
- Buffalo, New York
- White Plains / New York City, New York
- Charlotte, North Carolina
- Durham / Raleigh, North Carolina
- Canton / Akron, Ohio
- Cincinnati, Ohio
- Cleveland & Columbus, Ohio
- Dayton, Ohio
- Tulsa / Oklahoma City, Oklahoma
- Toronto, Ontario
- Portland, Oregon
- Pittsburgh, Pennsylvania
- San Juan, Puerto Rico
- Providence, Rhode Island
- Saskatoon / Regina, Saskatchewan
- Edinburgh / Glasgow, Scotland
- Columbia & Charleston, South Carolina
- Spartanburg & Greenville, South Carolina
- Knoxville, Tennessee
- Memphis / Nashville, Tennessee
- Houston, Texas
- El Paso, Texas
- San Antonio / Austin, Texas
- Dallas, Texas
- Salt Lake City, Utah
- Fairfax / Dulles / McLean / Herndon / Reston, Virginia
- Richmond / Alexandria / Arlington, Virginia
- Virginia Beach / Norfolk, Virginia
- Tacoma / Seattle, Washington
- Charleston, West Virginia
- Madison / Milwaukee, Wisconsin
|
|
|
HTML5 training: Modern Web Design with HTML5, CSS3, JavaScript, and jQuery
|
Course Number: HTML-105
Duration: 5 days
view class outline HTML5 Training Overview
Accelebrate's Modern Web Design with HTML5, CSS3, JavaScript, and jQuery training class teaches students how to produce dynamic, cross-browser compatible sites using HTML5, CSS3, JavaScript, and jQuery.
Location and Pricing
Most Accelebrate courses are taught on-site at our clients' locations worldwide for groups of 3 or more attendees and are customized to their specific needs. Please visit our client list to see organizations for whom we have recently delivered training. These courses can also be delivered as live, private online classes for groups that are geographically dispersed or wish to save on the instructor's or students' travel expenses. To receive a customized proposal and price quote private training at your site or online, please contact us.
In addition, some courses are available as live, online classes for individuals. To see a schedule of online courses, please visit http://www.accelebrate.com/online_training/?action=category&page=html.
HTML5 Training Prerequisites
All attendees should have some experience with HTML prior to the training. Prior programming/scripting experience is helpful but not required.
Hands-on/Lecture Ratio
This HTML5 training class is 70% hands-on, 30% lecture, with the longest lecture segments lasting for 10 minutes. Students "learn by doing," with immediate opportunities to apply the material they learn to real-world problems.
HTML5 Training Materials
All attendees receive a copy of Wiley's HTML5 Digital Classroom.
Software Needed on Each Student PC
- Web or text editor of your choice
- One of the following browsers:
- Firefox 8 or later
- Internet Explorer 9 or later
- Google Chrome 7.0 or later
- Safari 5 or later
- Opera 10.5 or later
- If space on a web server is available, students may also wish to bring their mobile devices so they can test how pages appear on these devices
- Please contact us for comprehensive setup details
HTML5 Training Objectives
All students will learn to:
- Code cutting-edge web sites using new HTML5 tags and features
- Create HTML5 web forms
- Add multimedia content that is mobile-friendly and does not rely on plugins
- Use the Canvas element to dynamically generate shapes complete with fills, color, strokes, gradients, and more
- Combine the powerful styling and animation capabilities of CSS3 to enhance your web pages
- Use JavaScript and JQuery to add interactivity to your web pages
- Add HTML5 Geolocation to integrate location-aware mapping features to your site
- Improve your site's interactivity with HTML5’s drag and drop features
|
HTML5 Training Outline
- Introduction
- Defining HTML5
- HTML5 markup
- A tour of the key HTML5 elements
- The <video>, <audio>, and <canvas> elements
- Web forms
- Many more new HTML5 elements
- An overview of HTML5 APIs and supporting technologies
- Geolocation in action
- Web workers
- Web storage
- CSS animations
- CSS transitions
- CSS 2D and 3D transformations
- CSS3 backgrounds, borders, RGBa colors, gradients, drop shadows, and rounded corners
- @ font-face web fonts
- HTML5 is in a state of transition
- Who is using HTML5 today?
- Identifying HTML5 sites
- Fundamentals of HTML, XHTML, and CSS
- Web languages
- Page structure based on HTML
- The details of XHTML syntax
- Doctype lets the web browser know what to expect
- The W3C and page validation
- HTML structure
- Placing images in HTML
- The role of CSS
- Styling a heading
- Understanding class styles and the <span> element
- Three ways to use style
- Internal vs. external style sheets
- Creating an external style sheet
- What makes styles cascading
- Formatting Text with CSS
- The importance of typography on the Web
- The challenges of font on the Web
- Setting a font-family
- Sizing text with CSS
- Pixels and points are not the best choices
- Using a combination of percent and the em measurement
- Using margins to modify space between your text
- Setting paragraph line-height
- Transforming text with CSS
- Working with HTML lists
- Styling HTML lists
- Introduction to CSS Layout
- Working with a CSS reset file
- A brief history of layout techniques on the Web
- An overview of page layout options
- Understanding the <div> element: creating a two-column fixed-width layout
- Understanding the CSS float property
- Creating columns with the float property
- Working with the clear property
- Creating a list-based navigation using floats
- Adding text styles
- The effect of margins and padding on your fixed-width layout
- A review of using margins and padding for layouts
- Styling your footer with a background image
- Advanced CSS Layout
- Building your page layout
- Removing the background color
- Working with CSS background images
- Using hacks to solve layout problems
- Enhancing your CSS navigation bar
- Moving internal styles to the external style sheet
- Creating a style for an active page
- Adding images to your sidebar
- Working with absolute positioning
- Using HTML5 Markup
- A review of semantic markup
- HTML5 fundamentals
- The HTML5 Doctype declaration
- The different categories used for HTML5 content
- Using the new header element in HTML5
- Adding support for HTML5 elements in browsers
- Adding the HTML5 <nav> elements
- Adding the other HTML5 sectioning elements
- HTML5 document outlines
- Adding the footer element
- Adding the article and aside elements
- Additional HTML5 elements
- Revisiting familiar HTML5 elements
- Creating HTML5 Forms
- The need for updated forms
- Reviewing how forms work
- The components of a form
- Adding new HTML5 input types and attributes
- Creating an order form
- HTML5 form features under development
- Providing fallback for browsers that don't support HTML5
- Introduction to JavaScript and jQuery
- Interactivity on the Web
- Adobe Flash
- JavaScript
- JavaScript basics
- Placing your JavaScript into an external document
- The Document Object Model
- JavaScript frameworks
- Hiding an element with JQuery
- Adding an event to trigger the show event
- Working with Video and Audio Elements
- Adding video
- Adding support for more browsers
- Adding fallback support for older browsers
- Controlling a video with JavaScript
- Adding audio
- Working with Canvas
- Understanding the canvas element
- The benefits of the canvas element
- Drawing paths
- Drawing rectangles
- Drawing lines and circles
- Drawing with curves
- Adding text
- Using colors, styles, and gradients
- Adding images
- Using transforms
- Creating a drawing loop
- Styling with CSS3
- Understanding the role of CSS3
- Using CSS3 border-radius and border-image
- Adding multiple background images
- Working with CSS3 transparency and opacity
- Using CSS3 gradients
- CSS3 gradients potential for the future
- CSS3 transforms, transitions, and animation
- Working with web fonts
- Using @font-face to specify a web font
- Using a web service to generate multiple fonts
- CSS3 Media Queries and the Future of CSS3
- The role of CSS3 media queries
- Using CSS3 media queries to deliver a mobile-optimized layout
- Upcoming developments in CSS3
- The CSS3 multi-column layout
- The CSS3 flexible box layout module
- The CSS3 template layout module
- Adding template based position to CSS
- Offline Storage in HTML5
- HTML5 storage types
- localStorage methods
- localStorage example
- Putting it all together
- Advanced data storage
- Application caching
- The cache manifest file
- Cache manifest structure
- Updating the cache
- The applicationCache object
- Bringing it all together
- HTML5 Geolocation
- Understanding Geolocation
- Getting the user's location
- Displaying the user's location with Google Maps
- Browsers lacking HTML5 Geolocation
- Creating an HTML5 Geolocation and Google Maps mashup
- Adding Google Map markers to your Geolocation page
- HTML5 Drag and Drop
- Drag and drop on the Web
- Cross-browser drag and drop
- Transferring data with a drag and drop operation
- Conclusion
|
| |
Java® and all Java-based marks are registered trademarks of the Oracle Corporation in the U.S. and other countries.
MySQL™ and all MySQL-based marks are trademarks or registered trademarks of Sun Microsystems, Inc. or its subsidiaries in the U.S. and other countries.
|
|
Accelebrate®
Focuses on You! |
|
Accelebrate’s courses are taught for private groups of 3 or more people at your site or online anywhere worldwide.
Don't settle for a "one size fits all" public class! Have Accelebrate deliver exactly the training you want, privately at your site or online, for less than the cost of a public class.
For pricing and to learn more, please contact us via information request form or phone, or email us at info@accelebrate.com today.
|
|
| |
 The instructor was completely dedicated to making sure that the content was applicable to our day to day work. In addition to lecture and labs, there were frequent opportunities for discussion about our current and future projects and recommendations regarding how to apply what we've learned in the class. |
| |
—D.R.
Bullhorn
Boston, MA |
| |
| The instructor had the trainees’ interests in mind and was able to adapt the content to our requirements quickly. He was very knowledgeable and presented well thought-out code examples. I liked his style of walking us through the topics.” |
| |
—C.L..
Life Technologies Holding Pte Ltd
Singapore |
|
|
