The Responsive Web Design (RWD) course teaches designers and developers the necessary HTML, CSS, and JavaScript skills for building web applications and sites that adapt to a wide array of devices, including desktops, laptops, tablets, and phones. After mastering the fundamental concepts of RWD, students explore the latest techniques to achieve responsive layout, images, typography, and tables.

Topics Covered

Introduction * Mobile market overview: devices, operating systems and browsers * One web vs. mobile web * Mobile First * Progressive enhancement Getting started * How mobile devices display web pages * Screen resolution: CSS pixels vs. device pixels * The viewport tag Responsive web design * Fluid Design * Flexible containers & elements * Images & background images * Common screen sizes - resolution breakpoints * CSS3 Review - selectors & other syntax. * Media queries

Who should attend

This course is designed for Developers, architects, UI engineers.

Pre-requisites

Working knowledge of HTML, CSS, JS is required.

What you need to bring

This course is designed for Developers, architects, UI engineers.

Key Takeaways

At the end of course, participants will be able to: * Understand the benefits and the fundamentals of using RWD * Learn responsive layout techniques including fixed & adaptive layouts * Incorporate responsive design using HTML, JavaScript, and CSS * Learn how to present images in different resolutions adaptively across a wide array of devices * Display data cleanly on multiple devices using responsive tables * Learn to use CSS3 for transforms, transitions, and animations.