Android app development: creating an Instagram in 97 minutes



Building a complex user interface using compose

What you will learn

How to build complex ux interfaces

How to use compose in complex projects

Combine different compose-views

Build the interface strictly by design

Description

What will be in this course?

In this course, I want to show an example of how to create a complex user interface. Such interfaces are usually created according to a ready-made design in Figma. I don’t have such a design, so I took the Instagram design, the Nasa profile page, as an example. I took the nasa page because I like to read about the latest developments in the field of space exploration. At the time of writing the course, it looks like in the pictures below. Most likely, when you watch the course, it has changed a little.

As you can see, the design of the screen is quite complex: with a lot of pictures, icons, menus, different text sizes. We will try to create this design. You will find that it is easier than it seems.


Who is this course for?

This course will be useful for android developers of average level and above, but who do not have experience in building complex interfaces on compose. Novice developers who have no experience at all will most likely not be able to pass it. You’d better take a beginner course and then come back to this course. Developers who have extensive experience with building interfaces on compose will not be interested.

English
language

Content

Introduction

Introduction
Stage 1. Clear project
Stage 2. Add resources
Stage 3. Add compose
Stage 4. Prepare MainActivity
Stage 5. Create StatusBar and BottomLine
Stage 6. Create Toolbar
Stage 7. Create BottomMenu
Stage 8. Create AvatarRow
Stage 9. Create NasaRow
Stage 10. Create DescriptionRow
Stage 11. Create UrlRow
Stage 12. Create FriendsRow
Stage 13. Create ButtonsRow
Stage 14. Create StoriesRow
Stage 15. Create ContentTypeRow
Stage 16. Create image list
Conclusion

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock

Check Today's 30+ Free Courses on Telegram!

X