Buy Now AED 170.99 + VAT

Monthly Subscription Starting at AED 99 + VAT

Create the User Interface in Android Studio
  • Level Professional
  • Duration 36 hours
  • Course by Meta
  • Offered by

About

This is a beginner course for learners who would like to prepare themselves for a career in Android development. To succeed in this course, you should understand the basics of Kotlin and cross-platform development for mobile applications. The course introduces you to creating a User Interface (UI) in Android Studio on a foundational level. You will learn about the fundamentals that will enable you to build meaningful and functional user interfaces for Android using Android Studio and Kotlin. By the end of this course, you will be able to: - Identify different approaches for building UI with Kotlin and build a basic UI. - You will learn about Jetpack compose, describe how composables are decorated with modifiers, how to handle state management and how to better lay out composables based on Material Design guidelines. - You will also learn how to apply themes, custom styles and animations to develop an attractive UI.

Modules

Introduction to creating the UI in Android

    • 4 Videos
    • 3 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • What do you hope to learn?

4 Videos

  • Introduction to the course
  • How is mobile UI built?
  • Unique challenges for Android UI
  • Setting up Android Studio

3 Readings

  • Course syllabus
  • How to be successful in this course
  • Additional resources

Activities and Views

    • 5 Videos
    • 3 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Knowledge check: Activities and Views

5 Videos

  • What is an Activity?
  • Defining an activity
  • Views and Layouts
  • Layouts and Views in Kotlin
  • The activity lifecycle

3 Readings

  • UI representation in XML
  • Layout Editor
  • Additional resources

Introduction to Composable UI

    • 2 Videos
    • 6 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Self-review: A basic UI with Compose
  • Knowledge check: Introduction to Composable UI

2 Videos

  • Introduction to Jetpack Compose
  • UI with Composable functions

6 Readings

  • Using Views and XML: the downside
  • The @Composable annotation
  • Previewing
  • Exercise: A basic UI with Compose
  • Solution: A basic UI with Compose
  • Additional resources

Layouts in Compose

    • 3 Videos
    • 3 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Self-review: Defining a login screen with Compose
  • Basic UI creation in Android

3 Videos

  • Layouts in Compose
  • Building UI with Composables
  • Module summary: Basic UI creation in Android

3 Readings

  • Exercise: Defining login screen with Compose
  • Solution: Defining a login screen with Compose
  • Additional resources

Modifiers & Interactivity

    • 4 Videos
    • 4 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Self-review: Add events and styling
  • Knowledge check: Modifiers and Interactivity

4 Videos

  • Modifiers
  • Styling with modifiers
  • Modifiers with layouts
  • Event handling and callbacks

4 Readings

  • Event types and modifiers
  • Exercise: Add events and styling
  • Solution: Add events and styling
  • Additional resources

Managing State

    • 5 Videos
    • 4 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Self-review: Managing state in Compose
  • Knowledge check: Managing state

5 Videos

  • What is a state?
  • Declaring state
  • Recomposition
  • Saving and Restoring State
  • Stateful vs stateless composables

4 Readings

  • Surviving configuration changes
  • Exercise: Managing state in Compose
  • Solution: Managing state in Compose
  • Additional resources

Laying out Composables

    • 4 Videos
    • 4 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Self-review: Building a responsive layout
  • Building UI with Jetpack Compose

4 Videos

  • Scaffold
  • Material components
  • Scaffold state
  • Module summary: Building UI with Jetpack Compose

4 Readings

  • More scaffolds
  • Exercise: Building a responsive layout
  • Solution: Building a responsive layout
  • Additional resources

Jetpack Navigation

    • 4 Videos
    • 6 Readings
    • 3 Assignment
Show info about module content

3 Assignment

  • Self-review: Create a navigation in Compose
  • Self-review: Create tabbed navigation with JetPack
  • Knowledge check: JetPack Navigation

4 Videos

  • The Navigation component
  • Navigation in Compose
  • NavHost & Nav Controller
  • Tabbed Navigation

6 Readings

  • Navigation Examples
  • Exercise: Create a navigation in Compose
  • Solution: Create a navigation in Compose
  • Exercise: Create tabbed navigation with JetPack
  • Solution: Create tabbed navigation with JetPack
  • Additional resources

Lists and Grids

    • 2 Videos
    • 4 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Self-review: Create a scrollable gallery
  • Knowledge check: Lists and Grids

2 Videos

  • Defining a list
  • Defining a grid

4 Readings

  • Using scroll and scrollable modifiers
  • Exercise: Create a scrollable gallery
  • Solution: Create a scrollable gallery
  • Additional resources

Lazy Layouts

    • 4 Videos
    • 4 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Self-review: Create and style a lazy grid
  • Advanced UI with JetPack Compose

4 Videos

  • What are lazy layouts?
  • Defining lazy lists
  • Defining lazy grid
  • Module summary: Advanced UI with Jetpack Compose

4 Readings

  • Lazy list state
  • Exercise: Create and style a lazy grid
  • Solution: Create and style a lazy grid
  • Additional resources

Themes

    • 4 Videos
    • 5 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Self-review: Defining resources and themes
  • Knowledge check: Themes

4 Videos

  • The Theme function
  • Defining colors
  • Styling text
  • Material Design theme

5 Readings

  • Customizing colors in Material Theme
  • Customizing font types and shapes
  • Exercise: Defining resources and themes
  • Solution: Defining resources and themes
  • Additional resources

Animations

    • 3 Videos
    • 3 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Self-review: Animating composables
  • Animations

3 Videos

  • Animated visibility
  • Value animation
  • Module summary: Animations

3 Readings

  • Exercise: Animating composables
  • Solution: Animating composables
  • Additional resources

Final project

    • 1 Videos
    • 7 Readings
    • 1 PeerReview
    • 5 Assignment
Show info about module content

5 Assignment

  • Readiness Check: Have you imported the project?
  • Readiness Check: Have you set up the MenuDish composable?
  • Readiness Check: Have you set up the DishDetails composable?
  • Readiness Check: Have you set up the Little Lemon theme?
  • Final Graded Quiz: Create the User Interface

1 Peer Review

  • Submit the Little Lemon Food Menu app

1 Videos

  • Course Recap: Create the User Interface

7 Readings

  • About the final project assessment
  • Exercise: Import the project
  • Exercise: Create the MenuDish Composable
  • Exercise: Create the DishDetails Composable
  • Exercise: Set up the Theme
  • Solution code: Create an App UI
  • Additional resources

Course wrap up

    • 1 Videos
    • 1 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • What challenges did you encounter when creating your app?

1 Videos

  • Congratulations, you have completed Create the User Interface

1 Readings

  • Next steps

Auto Summary

Enhance your Android development skills with the "Create the User Interface in Android Studio" course. Perfect for beginners with a basic understanding of Kotlin, this course covers foundational UI creation using Android Studio. Learn to build functional interfaces, apply themes, and utilize Jetpack Compose for state management and layout design. Offered by Coursera, this professional-level course spans 2160 minutes and is available through a Starter subscription. Ideal for aspiring Android developers aiming to craft attractive, user-friendly mobile applications.

Taught by Meta Staff
Instructor

Taught by Meta Staff