Mô tả

Tired of creating Android UIs and layouts in XML? Jetpack Compose comes to the rescue!

Jetpack Compose is Android’s modern toolkit for building native UI. It simplifies and accelerates UI development on Android. Compose allows to quickly bring your app to life with less code, powerful tools, and intuitive Kotlin APIs.


While building not less than 5 Android projects with Compose, this course will teach you the following:

  • What Compose is, why do we need it, and how it works

  • The basics and fundamental concepts behind Compose like: the declarative paradigm shift, the dynamic content concept, recompostion and more!

  • State management in Compose

  • How to create complex layouts in Compose

  • The integrations between Compose and other Jetpack libraries: ViewModel, LiveData, and Navigation

  • Integration of Compose in MVVM architecture

  • Integrations between Jetpack Compose and other popular libraries on Android like Coroutines and Retrofit

  • How to theme your Compose app

  • Animations in Compose: from simple to complex animations effects like Collapsing Toolbar


And the best part is that this course features the 1.0.0 up-to-date stable version of Compose!

Lastly, you need no prior Android or Kotlin experience! We will learn everything from scratch!

I can't wait for you to join me in this course!



More on Compose:

Compose simplifies and accelerates UI development on Android allowing you to build modern looking apps. It allows to quickly bring your app to life with less code, powerful tools, and intuitive Kotlin APIs. It follows the same Declarative paradigm approach as React Native, Flutter and SwiftUI. So this is the trend!

You can buid better apps faster with Jetpack Compose, Android’s modern toolkit for building native UI. With Jetpack Compose now past 1.0.0, it’s time to try it out for yourself!

Bạn sẽ học được gì

How to create Android UI and layouts directly in code with Kotlin

Modern Declarative way of creating UI in Android

How to use Compose with other Jetpack libraries: ViewModel, Navigation, LiveData

How to use Compose with other popular libraries: Coroutines, Retrofit

How to integrate Compose in a MVVM architecture

How to create beautiful animations with Jetpack Compose

Yêu cầu

  • To love Android development

Nội dung khoá học

11 sections

Introduction to Compose

7 lectures
What is Jetpack Compose?
02:16
Course outline
06:46
Why should we use Compose?
04:44
Why is it called Compose?
08:56
Inheritance vs Composition
05:44
Install Android Studio
04:40
Project resources and teaching style
05:16

Basics of Jetpack Compose

15 lectures
Create a new Compose project
03:52
Kotlin basics: Classes, variables and methods
17:01
Kotlin basics: Inheritance
11:18
Compose is built on Composables
05:03
Kotlin Trailling Lambdas and Compose
07:20
Understanding preview
06:33
Using Text composable
04:41
More on Composable functions
04:12
Using Button composable
07:50
Identify composables through preview
01:53
Modifying Composables with Modifier
11:41
Adding clicking effect and padding
04:02
The order of modifiers matters
04:19
Customizing a Text Composable
06:26
Quiz about the basics of Compose
5 questions

Core UI elements of Compose

12 lectures
Module introduction
01:08
Adding surface Composable to a screen
04:57
Wrap content of composables
05:52
Align composables with wrapped content
05:59
Multiple composables inside a parent composable
03:44
Row, Column and Box in Compose
01:49
Creating a basic layout with Row
04:28
Extract composables for reuse
05:32
Alignment and arrangement for Row
06:21
Exploring arrangement for a Row
04:43
Column composable
03:23
Nesting row with columns
04:01

Compose fundamental concepts

5 lectures
Module Introduction
00:50
The Declarative paradigm shift
03:52
Dynamic content concept
01:10
Dynamic content example
09:19
Recomposition
05:32

State management in Compose

7 lectures
Module introduction
00:57
State and recomposition
02:33
Adding list state
09:09
Lifting up state (State Hoisting)
07:11
Add TextField with state
11:22
Introduction to ViewModel and LiveData
05:21
Lift up state to ViewModel
08:36

Creating and theming a Profile card layout

11 lectures
Module introduction
01:44
Create skeleton for profile card layout
09:28
Creating profile icon for card
12:04
Creating text content for profile card
06:35
Theme in Compose
05:52
Customizing colors in theme
13:35
Add Scaffold and AppBar
09:49
Customizing shapes in theme
04:25
Customizing font type in theme
02:57
Add another user to the layout
02:46
Extracting user data to an entity
12:01

Dynamic lists

5 lectures
Module introduction
01:28
Using LazyColumn for long lists
07:26
Async image loading (Deprecated)
05:06
Using Coil library
07:42
Testing with long list
05:07

Navigation in Compose

7 lectures
Module introduction
01:36
Jetpack Navigation in Compose
06:39
Updating Android Studio and Gradle
02:10
Creating user profile details screen layout
16:47
Adding navigation
17:59
Making navigation dynamic
09:36
Adding back navigation
08:03

MVVM with Coroutines and Retrofit [Mealz app]

15 lectures
Module Introduction - Mealz App
01:25
Setting up Mealz App project
06:16
Presentation patterns MVC, MVP and MVVM
12:18
Introduction to MVVM and AAC Viewmodel
09:20
Adding a ViewModel and Repository
18:40
Picking Meal Database API
04:51
Getting the data in JSON format
09:34
Structuring the response classes
14:57
Retrofit for networking
17:34
Callback for network response
14:11
Introduction to Coroutines
02:34
Suspend functions, scopes, dispatchers
10:21
Using Coroutines in Compose
09:23
Hoisting state and Coroutine in ViewModel
09:02
Customizing the Meals screen
08:25

Introduction to Animations with Compose [Mealz App]

7 lectures
Module introduction
00:53
Implementing expanding list items
13:01
Navigating to meal detail screen
26:45
Animate size of composable
05:25
Animating multiple components
08:50
Collapsing toolbar on Column
12:01
Collapsing toolbar on LazyColumn
09:41

Roundup

3 lectures
You did it!
01:50
Next steps
05:53
Wrap up
00:33

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.