Web Development Part 2

Take a deeper look at front-end design and development to develop complex, interactive websites and apps. Focus on more advanced areas of HTML5 including CSS, Javascript, forms, advanced UI design with SVG, drawing and animation with Canvas and more.

  • Learn the proper use of the new <header>, <footer>, <nav>, <section>, <article> and <aside> tags.
  • Understand the changing roles (again) of <strong> vs <b> and <em> vs <i>, and the return of tags like <s>
  • How to use the newly updated “rel” attribute as well as the new “data-” attribute.
  • Using new grouping tags such as <hgroup> and <figure>
  • Understanding microformats and how they can benefit your SEO.
  • Learn about the many new form element features like:
    • Required fields.
    • Number and Range input.
    • Email input.
    • Date and color fields.
    • Regular expression pattern matching.
  • Create an “autocomplete” field using the <datalist> tag.
  • Making browser applications with tags to denote progress.
  • Adding audio and video without plug-ins.
  • Understanding the current challenges and solutions with HTML5 video.
  • What are the current limitations in using HTML video tags? When should Flash video be a solution?
  • Using JavaScript to create code to accommodate older browsers.
  • Using the JavaScript API for media elements to create custom controls to play, pause, adjust volume and show progress.
  • Reducing Classitis by using new selectors, such as the attribute selector.
  • Handling the more complicated tag nesting by using the child selector instead of the descendant selector.
  • Using web fonts to significantly increase your font choices.
  • Cutting down DIV clutter by using CSS rounded corners, multiple background images and drop shadows.
  • Creating gradients in CSS.
  • Explore new layout options such as multiple columns in a single container element.
  • Creating table-like layouts using semantically correct HTML tags.
  • Testing the cutting edge Flex Grid layout approach.
  • Scaling, rotating and skewing page elements with CSS Transforms.
  • Enhancing user interaction with CSS3 Transitions.
  • Advanced motion with CSS3 animation properties.
  • Using inline SVG (Scalable Vector Graphics) to add scalable, printable graphic elements with just markup.
  • Adding rectangles, rounded rectangles, circles, ellipses, and lines without the need of a graphics application.
  • Styling and grouping SVG elements.
  • Using applications like Adobe Illustrator and Inkscape to export complex SVG.
  • Interacting with the SVG as part of the DOM using JavaScript.
  • Adding new SVG elements using JavaScript.
  • Animating SVG with JavaScript.
  • Defining the drawing area with the <canvas> tag.
  • Getting access to the canvas with JavaScript.
  • Setting drawing properties.
  • Drawing lines, shapes and paths with the canvas API.
  • Adding bitmap images to the canvas drawing space.
  • Animating the canvas with setInterval.
  • Exploring JavaScript libraries that use the HTML5 canvas.
  • Getting the location of the computer or mobile device with geoLocation.
  • Long term storage with localStorage.
  • Short term storage with sessionStorage.
  • Understanding database options with WebSQL vs indexedDB.

Class Length: 3 Days
Price: $1299

This open-enrollment class is offered online with a live instructor. All instructors are Adobe Certified.

Not eligible for retakes

Upcoming Dates:


Attendees must have solid HTML & CSS knowledge.