rlugojr / interoperable-web-development

Hands on lab about interoperable web development

Interoperable Web Development

In these labs you will learn and work with the latest trends, practices and technologies for web development.

This hands-on lab includes the following labs:

Lab 1 - Setup

Setting up your environment for the labs

In this lab you will find the prerequisites and steps to help you set up your computer. After completing the lab you will have a working environment ready for the other labs.

Lab 2 - Edge Mode and Feature Detection

#####Working with the browser In this lab you will analyze an existing application and update it to comply with the best practices for Feature Detection. Additionally, you will learn about Edge Mode and its perks.

Lab 3 - Web Development Best Practices

#####Improving what we have In this lab you will take the application from the previous lab and introduce additional best practices to it. You will improve the app styles and remove old-fashioned plugins from it. You will also be introduced to hand.js and will update the app to leverage its advantages.

Lab 4 - Cross Browser Testing

#####Making sure everything works In this lab you will learn about two well-known testing tools: Remote IE and Browser Stack and test the application with the latter. Additionally, you will learn about Graceful degradation for older browsers and update the app to incorporate fixes for them.

Lab 5 - Mobile First with Responsive Design

#####Taking over other platforms In this lab you will continue improving the application, in this case to extend its reach to other platforms. You will discover how the use of Media Queries and other elements can help you provide the users with a better experience for every platform.