Creating An Instagram Analog Using Compose In 97 Minutes

Building a complex user interface using compose
What you'll learn
How to build complex ux interfaces
How to use compose in complex projects
Combine different compose-views
Build the interface strictly by design
Requirements
Knows how to create a project in Android Studio, has basic knowledge in compose
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.
Overview
Section 1: Introduction
Lecture 1 Introduction
Lecture 2 Stage 1. Clear project
Lecture 3 Stage 2. Add resources
Lecture 4 Stage 3. Add compose
Lecture 5 Stage 4. Prepare MainActivity
Lecture 6 Stage 5. Create StatusBar and BottomLine
Lecture 7 Stage 6. Create Toolbar
Lecture 8 Stage 7. Create BottomMenu
Lecture 9 Stage 8. Create AvatarRow
Lecture 10 Stage 9. Create NasaRow
Lecture 11 Stage 10. Create DescriptionRow
Lecture 12 Stage 11. Create UrlRow
Lecture 13 Stage 12. Create FriendsRow
Lecture 14 Stage 13. Create ButtonsRow
Lecture 15 Stage 14. Create StoriesRow
Lecture 16 Stage 15. Create ContentTypeRow
Lecture 17 Stage 16. Create image list
Lecture 18 Conclusion
Middle Android Developer
Screenshots