Course Summary
HTML5 is the next major milestone in HTML and it is not just another incremental enhancement; it represents an enormous advance for modern web applications. HTML5 is such a big step forward that it prompted Vic Gundotra, VP of Engineering at Google, to say "The web has not seen this level of transformation, this level of acceleration, in the past ten years… we're betting big on HTML5."
This HTML5 Bootcamp is the bundle of two HTML5 courses:
HTML5 Bootcamp is a highly practical and hands-on 4-day day course. This course will teach you how to create next generation HTML5 web applications.
Duration
4 days.
2 course(s)
Objectives
In the hands-on HTML5 Bootcamp training course, you will learn how to create web applications using HTML5. The HTML5 Bootcamp will give you the first hand experience with all the new HTML5 features so that you can start using it in your projects right away. You will learn how to create your own scalable, real-time Web applications with all HTML5 has to offer.
Upon completion of the training course, you will:
- Know how to use HTML5 Markup
- Know how to use the HTML5 JavaScript APIs
- Understand current browser support for the various HTML5 features
- Understand how to emulate certain HTML5 features on older browsers
- Understand the fundamental HTML5 Communication technologies: Web Sockets, Server-Sent Events, Cross-Document Messaging, and XHR Level 2
- Decide when and why to use HTML5 Communication and its implications on your architecture
- Setup and configure an Enterprise development environment and use HTML5 Communication APIs
- Build applications on top of Web Sockets and use client-side APIs to communicate directly with back-end systems such as JMS, XMPP, STOMP and AMQP
Audience
This HTML5 Fast Track course is designed for software developers interested in designing, creating, and deploying HTML5 web applications. It is valuable to both beginners and advanced developers that already have experience in developing web applications.
To get the most out of the course, you should be somewhat familiar with HTML and JavaScript. Prior exposure to any of these concepts will be helpful, but not required:
- HTML/XML
- JavaScript
- Ajax
Instructors
Peter Lubbers is the Director of Documentation and Training at Kaazing where he oversees all aspects of documentation and training. Peter is the co-author of the Apress book Pro HTML5 Programming and teaches HTML5 training courses. An HTML5 and WebSocket enthusiast, Peter frequently speaks at international events.
Prior to joining Kaazing, Peter worked as an information architect at Oracle, where he wrote many books, such as the award-winning Oracle Application Server Portal Configuration Guide and the Oracle Application Server Developer's Guide for Microsoft Office. Peter also develops documentation automation solutions and two of his inventions are patented.
Before joining Oracle, Peter architected and developed the internationalized Microsoft Office User Specialist Testing Framework. Peter was also a technical reviewer for the book "Pro JSF and Ajax: Building Rich Internet Components" (Apress, 2006).
A native of the Netherlands, Peter served as a Special Forces commando in the Royal Dutch Green Berets. In his spare time (ha!) Peter likes to run ultra-marathons. He is the 2007 and 2009 ultrarunner.net series champion and three-time winner of the Tahoe Super Triple marathon. Peter lives on the edge of the Tahoe National Forest and loves to run in the Sierra Nevada foothills and around Lake Tahoe (preferably in one go!). Don’t worry though—he won’t make you run laps around the building or do pushups during the HTML5 course!
More about Peter Lubbers...Outline
HTML5 Fast Track
Part 1—Introduction
HTML5 Overview
- History of HTML5
- The HTML5 vision
- WHATWG and W3C specifications
- What is part of HTML5?
- HTML5 roadmap
Using HTML5 Today
- When can I use these features?
- Using HTML5 in browsers that do not support it
- Detecting native availability of HTML5 features
- Emulation
Part 2—Markup, forms, and new media elements
HTML5 Markup
- HTML5 page structure
- HTML5 DOCTYPE
- HTML5 markup
- Structural elements
- Semantic elements
- Deprecated elements
- HTML5 and CSS
- Lab: Using HTML5 Markup
HTML5 Forms
- HTML5 form elements
- Building and using HTML5 forms
- Lab: Using HTML5 Forms
HTML5 Audio and Video
- The audio and video elements
- Understanding audio and video
- Audio and video containers
- Audio and video codecs
- Lab: Using the audio and video APIs
Part 3—Programming HTML5
Overview of the HTML5 APIs
- Overview of the HTML5 APIs
- Common building blocks
- Programming HTML5
HTML5 Canvas and SVG
- Overview
- Canvas vs. SVG
- Canvas coordinates
- Context
- Accessibility
- Pixel data
- Lab: Using the Canvas APIs
- Canvas basics
- Drawing operations
- Canvas transforms
HTML5 Communication APIs
- Cross-document messaging
- Overview
- Understanding the origin concept
- Lab: Using the PostMessage API
- XMLHttpRequest Level 2
- Overview
- Cross-document XHR
- Progress events
- Lab: Using XHR Level 2
- Server-sent Events
- Overview
- Lab: Using the EventSource API
HTML5 Web Sockets
- Real-time Communication overview
- Web Sockets overview
- Web Sockets API
- Web Sockets Protocol
- Lab: Using the Web Sockets API
- Extra: Beyond Web Sockets
HTML5 Web Workers
- Web Workers overview
- Multi-core processor architecture
- Web Worker communication
- Lab: Using the Web Workers APIs
HTML5 Geolocation
- Geolocation overview
- User Privacy
- Location information sources
- Lab: Using the Geolocation APIs
HTML5 Storage
- Overview
- Local Storage
- Session Storage
- Web SQL Database
- Lab: Using the storage APIs
HTML5 Communication
Part 1—Overview of the Real-Time Web
The Web Today
- The current state of the Web
- About HTTP
- About AJAX
- Lab: Building a real-time application
Previous Push Technology Attempts
- Reverse AJAX and Comet
- Long-polling and streaming
- Push Technology Concerns
- Scalability
- Cross-domain issues
- Connection limit
Part 2—HTML5 Web Sockets and Communication
HTML5 Overview
- Overview of HTML5
- Overview of HTML5 Communication
- WHATWG and W3C specifications
- What is part of HTML5?
Cross Document Messaging
- Cross document messaging overview
- Understanding the origin concept
- Browser support
- Lab: Using the PostMessage API
XMLHttpRequest Level 2
- XHR Level 2 Overview
- Browser support
- Server support
- Cross-document XHR
- Progress events
- Lab: Using XHR Level 2
Server-sent Events
- SSE Overview
- Browser support
- Server support
- SSE Emulation
- Broadcasting information
- Lab: Using the EventSource API
HTML5 Web Sockets
- Web Sockets overview
- Web Sockets API
- Web Sockets Protocol
- Web Socket browser support
- Web Socket server implementations
- Web Socket emulation
- Lab: Using the Web Sockets API
Web Sockets and Transport Protocols
- Transport protocol overview
- Payload
- Protocols
- Integration with (useful) transport protocols
- Practical use cases
Real-Time Messaging
- Real-time Messaging Architecture
- Pub/Sub architecture
- About JMS
- About Streaming Text Orientated Messaging Protocol (Stomp)
- About Advanced Message Queuing Protocol (AMQP)
- Message brokers
- Apache ActiveMQ
- RabbitMQ
- Client-side messaging APIs
- Lab: Building a real-time stock application
Real-Time Chat
- Overview
- XMPP
- IRC
- Other chat protocols
- Client-side APIs for XMPP
- Integrating with Google Talk and Jabber
- Lab: Building a real-time chat application
Part 3—Web Sockets in the Enterprise
Creating a Custom WebSocket Protocol Client
- Protocol implementation decisions
- Lab: Implementing the protocol client
Enterprise Deployment
- Web Sockets network traversal overview
- Web Sockets and proxy servers
- Web Sockets and firewalls
- Web Sockets and load-balancing routers
- Scaling up and scaling out
- High availability and fault tolerance
- Web Sockets in the cloud
- Lab: enterprise deployment
Benchmarking Web Sockets Performance
- Testing and benchmarking
- Benchmarking tools
- Server to server configuration
- Lab: Benchmarking Web Sockets
Web Sockets Security
- Web Sockets Security Overview
- Protocol-based security
- Protocol validation
- TLS and SSL certificates
- Single sign-on
- Lab: Securing WebSocket traffic
Course Testimonials
Training was GREAT!
The HTML5 Bootcamp course was quite intense and provided the kind of challenge I was looking for over a conference. I liked having Peter there to help through problems—he even solved some problems with my code after the session was over! He was quite humble and helpful, despite clearly being one of few people who have a grasp of some of the highly technical knowledge required to understand this technology on both a broad and deep level. Kudos to Marakana for getting Peter to run this amazing course.
HTML 5 and Websocket couldn't have a better teacher! Peter is the Best!
Extremely Savvy instructor. Definitely gave the impression that he is a leader in the field.
Peter was very professional, a very easy-going and accessible person. I'm amazed by the quality of his teaching.
I loved Kaazing html5 bootcamp
Loved it. I hope my competitors never hear about this training course.
Marakanas HTML5 Training is a must have for web developers
Peter Lubbers is an excellent trainer and the course material is superb. I had some concerns about taking a training class for technology that is still evolving, however the training material and the instructors knowledge were extraordinarily current. I learned much more than I expected to and I have been given the tools to keep up with the HTML5 standard as it continues to evolve.
Both the course and Peter were great.
