Would you like to learn about the current trends in HTML5, web application architectures, and application development techniques?
This course will help you make sense of modern web development.
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?
• 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
"Richard is incredibly knowledgeable and able to help me in a number of topics. Highly recommended."November 2014 Attendee on 25th Nov 2014
"Instructor was fantastic, very engaging, friendly and open. Huge amount of knowledge and practical application. "November 2014 Attendee on 25th Nov 2014
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
- 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
-Using Pre-package Charts
Bitmapped Graphics with Canvas
Lab: Using the Canvas API
Advanced Layouts with CSS 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
- 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
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.
- 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
Attendee System and Software Recommendations
The following software is recommended for all participants’ systems:
- Adobe Acrobat reader (view the lab PDFs)
- Any one of the following operating systems with at least 500MB of free hard disk space
- Mac OS X (10.x or later)
- All of the following web browsers:
- HTTP and WebSocket gateway
- Kaazing WebSocket Gateway – HTML5 Edition (free developer download)
- A good text or HTML editor, such as:
- Adobe Dreamweaver (CS5 has an optional HTML5 Pack)
- TextMate (Mac OS)
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.