3 DAY COURSE

HTML5 and Beyond

Topics covered at HTML5-MOBILE-01-03
View Schedule & Book More dates available

Next up: Monday, 20th - Wednesday, 22nd April at The Skills Matter eXchange, London

Nick Roper will be delivering this session. Starts at 9:00 AM.

Would you like to learn about the current trends in HTML5, web application architectures, and application development techniques?

Join this 3-day HTML5 course with Richard Clark!

This course will help you make sense of modern web development.

Join this course to gain core web developer skills in HTML5, CSS3, Javascript and jQuery and to learn how to work with server-side data (JSON, CSV, etc). Through lectures and plenty practical exercises, you will also learn how to build rich applications incorporating audio, video, SVG, and d3.js and how to use Javascript on the server with Node.js.

Finally, you will learn how to utilise both desktop features for web apps (Geolocation, HTML5 Web Storage and Offline Web Applications) and how to use and extend client-side web application frameworks

Keeping pace with constantly evolving web and mobile development trends

The rapid growth in mobile device usage is continuing to dramatically change the way people live, work, and interact over the web. The demand on developers to build elegant, intuitive, and easy to use web and mobile apps has never been greater. This has fueled significant changes in web and mobile app development best practices. Over the last three years, HTML5, Responsive Web Design, and Single-Page Apps have moved into the mainstream. Can you afford to be left behind?

Additionally, Javascript is constantly evolving and developers are finding new techniques, resulting in new best practices. Discussions are shifting away from “what are the basic features I should use”, to attaining a deeper understanding of these new best practices. In terms of these new practices, many developers are wondering:

• Should I use Javascript or one of the alternatives (e.g. CoffeeScript, Dart)?

• When does it make sense to use a framework such as Backbone or Angular?

• How can I support modern techniques with older browsers?

• What are the implications to the applications that I have already built and will build in the future?

If you are facing similar questions and challenges, then join this course and you'll know how to make sense of modern web development!

Learn how to:

  • Create interactive server-side and client-side web pages using the latest HTML5 technologies
  • Create HTML5 pages for mobile devices
  • Reuse HTML content in multiple contexts, including across multiple browsers, screen sizes, and orientations.
  • Create pages that securely combine information from multiple sources
  • Design and construct complete, scalable, client-server applications running across the web
  • Maintain backward compatibility with legacy browsers.

What the community says

"Instructor was fantastic, very engaging, friendly and open. Huge amount of knowledge and practical application. "

November 2014 Attendee on 25th Nov 2014

"Richard is incredibly knowledgeable and able to help me in a number of topics. Highly recommended."

November 2014 Attendee on 25th Nov 2014

About the Expert

Nick Roper

Over the last 20 years or so Nick has trained hundreds of developers as well as working on a range of innovative development projects.

About the Author

Richard Clark

Richard Clark, M.A. (@rdclark) manages Kaazing University and is an experienced software developer and instructor. He has taught for Apple and Hewlett-Packard, written immersive simulations, developed multiple high-performance web applications for the Fortune 100, and has published Apple iOS applications.

Thanks to our partners

Part 1: Making Sense of Modern Web Development

  • A New Way of Looking at the Web
  • The Anatomy of a Client-side Application
  • Lab: Inspecting and Modifying a Client-side App

Part 2: Core Skills for Web Developers

  • Authoring HTML5
  • Lab: Authoring HTML5
  • Adding Style with CSS3
  • Lab: Styling with CSS3
  • Responsive Design with CSS3 Media Queries
  • Lab: Mobile Layouts with CSS3
  • Core Javascript and jQuery
  • Lab: Adding Interactivity to the Page

Part 3: Core Client-Server Development

  • Architecting Client-server Web Applications
  • Working with Server-side Data: JSON, CSV, etc.
  • Lab: Working with Server-side Data
  • Entering Data with HTML5 Forms
  • Lab: Using HTML5 Forms

Part 4: Building Rich Applications

  • CSS Preprocessors and their Uses
  • HTML5 Audio and Video
  • Lab: Incorporating Audio and Video
  • SVG Introduction
  • Lab: Data Graphics with d3.js
    -Basic d3.js
    -Using Pre-package Charts

  • Bitmapped Graphics with Canvas

  • Lab: Using the Canvas API

  • Advanced Layouts with CSS Flexbox

  • Lab: Flexbox

Part 5: The Browser Security Model

  • HTTP Security
  • AJAX Applications and XMLHttpRequest Level 2

Part 6: Desktop Features for Web Apps

  • HTML5 Geolocation
  • Lab: Using the Geolocation API
  • Other Device Access
  • Storing Data Locally with HTML5 Web Storage
  • Lab: Using Web Storage
  • Client-side Databases
  • HTML5 Offline Web Applications
  • Lab: Creating HTML5 Offline Web Applications
  • Cross-Document Messaging
  • HTML5 Web Workers

Part 7: Web Communications Technologies

  • Server-sent Events
  • AJAX and Comet
  • HTML5 WebSocket
  • Lab: HTML5 WebSocket

Part 8: Building Production Applications

  • Writing Modular Javascript
  • Using an Application Framework
  • Lab: Building a Simple App with a Framework
  • Automated Testing for Web Applications
  • Lab: Automated Testing Practices
  • Performance Tuning
  • Embedding Pages into Native Apps o Considerations for Using PhoneGap

Audience

This HTML5 course is designed for web designers and developers interested in designing, creating, and deploying HTML5 web and mobile applications using the latest techniques.

It will be more valuable to you, if you are a more advanced developer, with previous experience developing web and mobile applications, and you are looking to get up to speed, and stay current, on emerging trends.

To get the most out of the HTML5 course, you should have prior knowledge with HTML and Javascript. Prior exposure to any of the following concepts will be helpful, but is not required:

  • Creating pages that securely combine information from multiple sources
  • Designing and constructing complete, scalable client-server applications running across the web
  • Maintaining backward compatibility with legacy browsers

Prerequisites

Attendee System and Software Recommendations

The following software is recommended for all participants’ systems:

Bring your own hardware

You are requested to bring your own laptop to this HTML5 course so you are able to work in your own environment. If you are unable to bring a laptop for this course, please contact us.