This workshop explores 5 different front-end techniques to make your web pages more dynamic. HTML5 adds a geolocation object to help make locating the current user's latitude and longitude quick and easy. Once you have this information, you can use Google Maps or Microsoft's Bing Maps to display that location on a map. You can also get directions from one address to another using API calls.

If you have non-sensitive information you wish to keep while a user browses your site, use the browser's built-in storage objects. Learn to use both session storage and local storage to keep user data around for a session, or in-between sessions.

Working with media is easy in today's browsers. You may display videos using the <video> tag, and even start, pause, and stop videos programmatically. Learn to create a Zoom-like interface by programming controlling the users' microphone and webcam.

Instead of writing code to build repeating sets of data (such as a table or a gallery), use a templating library such as Mustache. These libraries are efficient and make your code smaller and easier to maintain.

Uploading multiple files to a web server with a title and description can be done using jQuery, Ajax, templating, and a Web API. You will learn to build an asynchronous multiple file upload process complete with a progress bar for each file.

You will learn:

• Geolocation and Mapping
• Session and Local Storage
• Displaying Videos and Controlling the Webcam
• Templating
• Asynchronous File Upload