The mobile device landscape is quickly changing. Consumers are now willing to pay $1000+ dollars for a cutting-edge foldable phone or a flagship tablet, and it is no longer acceptable to build applications that only cater to basic, flat-screen phones. Android developers have spent too much time developing for the lowest common denominator.
Google has heard the collective voice of the consumers and has begun to offer first-class support and recommendations on how to build applications that feel optimized for each of these modalities. Despite this push from the vendor, knowing how to put all of the necessary moving parts in order for a clean developer and user experience can be a challenge.
That is where this course steps in to help. In just over 1 hour, I will teach you all that you need to know to build a fully-functioning, responsive, and optimized app that will display itself equally well on all of these device types:
Foldable phones in book mode (vertical orientation, like the Samsung Galaxy Z Fold)
Foldable phones in table-top mode (horizontal orientation, like the Samsung Galaxy Z Flip)
Flat-screen phones
Small tablets
Large tablets
Desktop devices, like Chrome OS and Windows 11
As more and more vendors add premium phones to their lineup that continue to present new ways of presenting information, the consumer expectation has continued to keep its pace. Application developers have no choice but to adapt to these changes or be left behind.
In this course, you will be building a fully responsive application that works on many screen types and form factors. The application we will create will be visually simple but will contain all of the elements and ideas necessary for a full-fledged, responsive app.
Your final project will have:
A screen that displays relevant information about the screen as derived from the display and accelerometer
A classifier that can distinguish between phones, small tablets, and large tablets/desktops
A master-detail view that combines the information gathered from your project's tooling to build an adaptive interface, much like the design of a popular email or messaging application