BEST

Programming

Mobile Application Development

[LV1] Jetpack Compose - UI Practice

Name: [LV1] Jetpack Compose - UI Practice
Price: 38500 KRW

How about moving away from XML-only Android development and introducing Jetpack Compose?

(4.6) 11 reviews

239 learners

bokchi

안드로이드

앱

앱개발

android

jetpack

android-jetpack-compose

실습 중심

Android

Kotlin

Jetpack

Reviews from Early Learners

What you will learn!

How to use Jetpack Compose
Jetpack Compose Advantages

Jetpack Compose, which was only planned,
Shall we learn together this time?

Do you know the benefits of JetPack Compose?

What comes to mind first when you're asked to create a screen like the one below using existing XML? (You'll create all the apps below yourself in this course.)

"I need to look for a library."
“It would be complicated to make a custom view, right?”
Doesn't that thought come to mind first?
If so, you might want to consider adopting Jetpack Compose!

Still having trouble seeing the benefits of Compose?

So how about an app like this?

This kind of animation can also be easily implemented using Compose.
I'll show you how to do it yourself in class!

Firsthand experience with JetPack Compose
I'm here to tell you how useful it is .

Jetpack Compose is a tool that accelerates UI development with less code on Android.

“(…) a modern toolkit for building native Android UIs. Jetpack Compose simplifies and accelerates UI development on Android with less code, powerful tools, and intuitive Kotlin APIs .” (Official Google Documentation)

We had a complex UI project within the company, so we actively studied and adopted Jetpack Compose. After implementing it, we saw a significant reduction in UI code and a reduction in fatigue when connecting the UI and business logic . Ultimately, we were able to see a significant increase in productivity compared to developing Android screens using only XML.

So, I recommend it to these people!

_{Those who have developed apps using existing Android (XML) and are considering introducing Compose}

_{For those of you wondering what Jetpack Compose is and what its real benefits are.}

_{For those preparing for employment as an Android developer (Compose is mentioned a lot in job postings these days!)}

✋ Wait! This isn't for people like this.

For those new to Android app development: I recommend Kotlin or the Android for Beginners course .
For those who have already developed with Compose to some extent and want to take a more advanced course: I will prepare an advanced course in the next lecture.

Starting with the easy ones, step by step
Complete the basics of Jetpack Compose

We've structured it so that you can become familiar with Jetpack Compose by starting with easy examples and gradually increasing the difficulty level.

Section 1 - A quick look at the layout

We'll warm up by practicing various features of Jetpack Compose.

Section 2 - Creating a Resume App

Building on what we learned in the previous section, let's create a simple resume app.

Section 3 - Creating a Dice App

Let's easily implement the screen that appears whenever the dice number changes using code rather than an image.

Section 4 - Creating a Graph App

Through hands-on practice, we will create an app that easily creates various graphs.

Section 5 - Creating a Calendar App

Let's easily implement a calendar screen that was difficult to create in existing XML.

Section 6 - Theme

Let's take a look at the theme that is initially created when a project is created and customize it.

Section 7 - Creating the Coupang Main Screen

We will practice Scroll and Pager while creating a screen similar to Coupang's main screen.

Section 8 - Creating Pokémon Cards

We will practice animating a card flipping over and learn how to implement animations simply in Compose.

Section 9 - Some Tips for Using Compose (Bonus!)

Learn about some of the confusing parts of Compose and how to use it with XML.

Q&A 💬

Q. Is player knowledge required?

Yes. This course is recommended for those who can create a RecyclerView using existing XML. Basic knowledge of Kotlin syntax is also required.

Q. To what extent do you cover Compose?

The course mainly focuses on basic UI.

Q. Are there LV2 and LV3 after LV1?

[LV1] Jetpack Compose - UI Practice (Current lecture)
[LV2] Jetpack Compose - UI and Animation ( Link )
[LV3] Jetpack Compose - Create a Diet App ( Link )

Q. What is your teaching style?

We've set up a number of classes as previews. We encourage you to check out the previews and see if they suit your teaching style before taking the course.

Q. Why should I take the lecture when there is official Google documentation?

Personally, while the official Google documentation is well-explained, I often felt it wasn't very user-friendly for beginners. In this lecture, I've tried to provide a step-by-step explanation of Jetpack Compose for beginners.

So that you can fully understand the content
We provide source code and Notion materials!

Section 0 Lecture Introduction - The source code has been organized in a way that makes it easy to view in Notion, along with the lecture material link.

A great lecture to watch together 📺

Recommended for
these people

Who is this course right for?

Anyone who has ever thought about learning Jetpack Compose
If you are curious about what Jetpack Compose is,
Those preparing for employment as Android developers

Need to know before starting?

Experience developing Android with existing XML

Hello
This is

6,325

Learners

383

Reviews

1,372

Answers

4.8

Rating

Courses

2015년 스타트업 창업을 계기로 다양한 개발 프로젝트를 진행하였습니다.

현재는 평범한 직장인 개발자입니다

Curriculum

All

70 lectures ∙ (7hr 3min)

Section 1. Lecture introduction

4 lectures ∙ (2min)

Section 2. Let's take a look at a simple layout (UI exercise)

27 lectures ∙ (3hr 35min)

5. A brief Compose project description / What to do
07:42
6. Text
06:27
7. Button / Toast
08:42
8. remember
08:55
9. Column / Spacer / Divider
07:33
10. TextField / OutlinedTextField
13:03
11. Image
04:31
12. Box
08:16
13. Row
04:12
14. Column + Row (Creating a Business Card)
13:37
15. Card
07:39
16. WebView
03:05
17. Surface
11:21
18. Scaffold
12:14
19. LazyColumn
03:30
20. LazyRow
03:39
21. ProgressIndicator
06:13
22. Code Editing
07:22
23. Show / Hide
08:29
24. Navigation - 1
06:29
25. Navigation - 2
08:24
26. Retrofit - 1
08:53
27. Retrofit - 2
12:00
28. Retrofit - 2 fixes
01:15
29. Drawer
16:48
30. Dialog
09:40
31. Canvas
05:10

Section 3. Creating a Resume App (UI Practice)

4 lectures ∙ (17min)

32. Take a look at what to make
01:06
33. Creating a Resume App - 1
02:26
34. Creating a Resume App - 2
05:41
35. Creating a Resume App - 3
08:21

Section 4. Making Dice (UI Practice)

4 lectures ∙ (21min)

Section 5. Creating a Graph App (UI Practice)

6 lectures ∙ (45min)

Section 6. Creating a Calendar App (UI Practice)

5 lectures ∙ (30min)

Section 7. Theme (Learn more about UI)

5 lectures ∙ (30min)

Section 8. Creating Coupang Main Screen (UI Practice)

6 lectures ∙ (25min)

Section 9. Making Pokemon Cards

4 lectures ∙ (13min)

Section 10. Some tips for using Compose

5 lectures ∙ (19min)

Published:

Last updated:

Reviews

All

11 reviews

4.6

11 reviews

devlsy
Reviews 4
∙
Average Rating 4.5
4
99% enrolled
Là một nhà phát triển máy chủ, việc học Android đã giúp tôi rất nhiều trong việc nắm bắt các khái niệm liên quan đến Jetpack Compose. Cảm ơn bạn.
- bokchi
  Instructor
  Cảm ơn bạn vì đánh giá khóa học!
lspshin03047575
Reviews 2
∙
Average Rating 5.0
5
30% enrolled
gomohan16372
Reviews 4
∙
Average Rating 5.0
5
7% enrolled
Chỉ học Compose bằng sách, xem bài giảng thấy hiểu rõ hẳn!
- bokchi
  Instructor
  Cảm ơn đánh giá của bạn!
gus83572252
Reviews 4
∙
Average Rating 5.0
5
30% enrolled
- bokchi
  Instructor
  Cảm ơn đánh giá!
gunmu345350
Reviews 1
∙
Average Rating 5.0
5
100% enrolled
- bokchi
  Instructor
  Cảm ơn bạn đã đánh giá của bạn!

$29.70

bokchi's other courses

Check out other courses by the instructor!

[Phiên bản cơ bản] Học Android Kotlin thông qua việc tạo ra 8 ứng dụng

bokchi

Chúng ta sẽ tạo ứng dụng Android bằng cách sử dụng cú pháp Kotlin, thông qua việc tạo ra 8 ứng dụng. Không chỉ 8 tài liệu thực hành, chúng ta còn học Android cùng với nhiều giải thích lý thuyết đa dạng.

입문

Android, Kotlin, Firebase

[Phiên bản cơ bản] Học Android Kotlin thông qua việc tạo ra 8 ứng dụng

bokchi

[Trung cấp] Tạo ứng dụng giám sát giá coin (Android Kotlin)

bokchi

Bạn đã chán ngấy việc tạo những ứng dụng mẫu TODO list / CRUD lặp đi lặp lại? Đây là khóa học giúp bạn thực hành đa dạng công nghệ qua việc tự tay tạo ứng dụng giám sát giá coin một cách thú vị.

중급이상

Kotlin, Android

[Trung cấp] Tạo ứng dụng giám sát giá coin (Android Kotlin)

bokchi

[LV3] Jetpack Compose - Tạo ứng dụng ăn kiêng thực tế

bokchi

Hãy tạo một ứng dụng thực tế bằng Jetpack Compose. Hãy thực hiện một chút tiến bộ từ ví dụ và thử giao tiếp mạng bằng cách kết nối API (Firebase).

초급

Android Compose, Android, Firebase

[LV3] Jetpack Compose - Tạo ứng dụng ăn kiêng thực tế

bokchi

[Phần nhập môn] Ngữ pháp Kotlin cho Android

bokchi

Khóa học cơ bản ngữ pháp Kotlin. Dành cho người muốn phát triển ứng dụng Android bằng Kotlin, bạn sẽ học ngữ pháp Kotlin vững chắc và thú vị từ cơ bản.

입문

Kotlin, Coding Test

[Phần nhập môn] Ngữ pháp Kotlin cho Android

bokchi

[Bộ sưu tập] Tạo ứng dụng Android - Phần lý thuyết

bokchi

Đây là lý thuyết liên quan đến phát triển Android để tạo ứng dụng portfolio để xin việc (chuyển việc).

초급

Android, Android Compose, clean-architecture

[Bộ sưu tập] Tạo ứng dụng Android - Phần lý thuyết

bokchi

[Trung cấp] Giới thiệu về Kind JETPACK <Phần trên> (Android Kotlin)

bokchi

Giới thiệu Jetpack cho phát triển Android bằng Kotlin. Bạn có thể luyện tập nhiều kỹ thuật khác nhau dùng khi phát triển Android.

중급이상

Jetpack, Kotlin, Android

[Trung cấp] Giới thiệu về Kind JETPACK <Phần trên> (Android Kotlin)

bokchi

[1시간](다른언어)JavaScript cho nhà phát triển

bokchi

Đây là khóa học giúp các nhà phát triển đã từng sử dụng ngôn ngữ lập trình (như Java/Python/Swift/Kotlin, v.v.) có thể nhanh chóng làm quen với JavaScript chỉ trong một giờ. Mặc dù là thời đại lập trình cùng AI, nhưng vì mã AI cần được giám sát bởi nhà phát triển con người, đây là khóa học giúp nhanh chóng tích lũy kiến thức tối thiểu để giám sát.

초급

JavaScript, TypeScript

[1시간](다른언어)JavaScript cho nhà phát triển

bokchi

Planner, học phát triển web ở cấp độ này thì sao? [Lý thuyết + Thực hành]

bokchi

Đây là khóa học phát triển có nhịp độ nhanh dành cho những người lập kế hoạch bận rộn. Với lời giải thích đơn giản, bạn có thể tìm hiểu về quy trình phát triển tổng thể bằng cách tự mình phát triển front-end, back-end và DB.

입문

HTML/CSS, JavaScript, Vue.js

Planner, học phát triển web ở cấp độ này thì sao? [Lý thuyết + Thực hành]

bokchi

[LV2] Jetpack Compose - Giao diện người dùng và Hoạt ảnh

bokchi

Tôi không còn nói với các nhà thiết kế rằng: “Cái này không hoạt động trên thiết bị di động”. Đừng nói thế. Bạn có thể dễ dàng triển khai giao diện người dùng/hoạt ảnh bằng Jetpack Compose.

초급

Android, Jetpack, Android Compose

[LV2] Jetpack Compose - Giao diện người dùng và Hoạt ảnh

bokchi

[Trung cấp] Giới thiệu về Kind JETPACK <phần dưới> (Android Kotlin)

bokchi

Đây là phần đại cương về Jetpack (JETPACK) cho phát triển Android bằng Kotlin. Chủ yếu đề cập đến LocalDB / giao tiếp mạng.

중급이상

Jetpack, Kotlin, Android

[Trung cấp] Giới thiệu về Kind JETPACK <phần dưới> (Android Kotlin)

bokchi

Similar courses

Explore other courses in the same field!

[LV2] Jetpack Compose - Giao diện người dùng và Hoạt ảnh

bokchi

초급

Android, Jetpack, Android Compose

[LV2] Jetpack Compose - Giao diện người dùng và Hoạt ảnh

bokchi

[Bài giới thiệu] Học Jetpack Compose cùng với bài kiểm tra UI

tmfrl15903165

Bạn có thể tìm hiểu các khái niệm về kiểm thử giao diện người dùng bằng cách tạo một ứng dụng đơn giản.

입문

Android, Android Compose, android-jetpack-compose

[Bài giới thiệu] Học Jetpack Compose cùng với bài kiểm tra UI

tmfrl15903165

Ví dụ: Pusu là Kotlin 76.

hatemogi

Ngôn ngữ lập trình Kotlin để thực hành và học tập với 76 ví dụ. Bạn phải phát triển Kotlin bắt đầu từ ngày mai nhưng không có thời gian để nghiên cứu ngữ pháp từng bước? Hãy nhanh chóng tìm hiểu tất cả cú pháp của Kotlin bằng các ví dụ được cung cấp trong bài giảng này.

초급

Kotlin, Android, backend

Ví dụ: Pusu là Kotlin 76.

hatemogi

Tổng hợp toàn bộ cú pháp Kotlin - 1 giờ

survivalcoding

Đây là khóa học tổng hợp ngữ pháp Kotlin có thể học trong vòng 1 giờ.

입문

Kotlin

Tổng hợp toàn bộ cú pháp Kotlin - 1 giờ

survivalcoding

Học Springboot + Android RestAPI tạo bảng tin nhanh hơn ai hết

Neo

Học Springboot + Android(Compose) RestAPI tạo bảng tin nhanh hơn ai hết Phát triển server CRUD với Springboot và tạo bảng tin riêng của bạn bằng Android!

입문

Android, Kotlin, Spring Boot

Học Springboot + Android RestAPI tạo bảng tin nhanh hơn ai hết

Neo

Bắt đầu lập trình bằng Kotlin, ngôn ngữ chính thức của Google, bởi Jaeseong Yoon

softcampus

Phiên bản mới nhất vào năm 2024 và thời gian chạy là 17 giờ 48 phút. Bạn hoàn toàn có thể thành thạo Kotlin trong một khóa học này.

초급

Kotlin, Java, Android

Bắt đầu lập trình bằng Kotlin, ngôn ngữ chính thức của Google, bởi Jaeseong Yoon

softcampus

Bắt đầu tự động hóa thử nghiệm di động dễ dàng: Appium Studio

qadaddy

Khóa học này dành cho bất kỳ ai tò mò về phát triển tự động hóa thử nghiệm trên thiết bị Android và iOS. Khóa học này sẽ cho phép bạn thực hiện thử nghiệm tự động trên thiết bị di động.

입문

Appium Studio, Software Test, quality assurance

Bắt đầu tự động hóa thử nghiệm di động dễ dàng: Appium Studio

qadaddy

Lập trình JAVA cho Android của Jaeseong Yoon

softcampus

Chúng tôi đã tạo một khóa học bằng cách chọn các phần Java cần thiết cho việc phát triển ứng dụng Android. Tổng thời gian giảng là 13 giờ 30 phút. Sẽ rất hữu ích nếu bạn sắp xếp nó trước khi phát triển cho Android. Có nhiều bài giảng hơn trên kênh YouTube Soft Campus. Tôi hy vọng điều này sẽ giúp bạn rất nhiều. Giảng viên Jaeseong Yoon

입문

Java, Android

Lập trình JAVA cho Android của Jaeseong Yoon

softcampus

Học Springboot + Flutter RestAPI tạo bảng tin nhanh hơn ai hết

Neo

Học Springboot + Flutter RestAPI tạo bảng tin nhanh hơn ai hết Phát triển server CRUD với Springboot và tạo bảng tin riêng của bạn bằng Flutter!

초급

Flutter, Kotlin, Spring Boot

Học Springboot + Flutter RestAPI tạo bảng tin nhanh hơn ai hết

Neo

Học cách đóng gói ứng dụng lai chỉ bằng Javascript

yellowin

Trong khóa học này, bạn sẽ tìm hiểu cách tạo nhanh các chức năng ứng dụng gốc khác nhau trong môi trường di động bằng cách sử dụng Javascript, công nghệ phát triển dịch vụ web và thậm chí tìm hiểu quy trình ra mắt cửa hàng.

초급

Hybrid App, JavaScript, Android

Học cách đóng gói ứng dụng lai chỉ bằng Javascript

yellowin

Tạo ứng dụng ghi nhớ web+Android bằng Firebase

huttchang0065

Đây là khóa học giới thiệu về Firebase và tạo các ứng dụng web và Android bằng các chức năng của Firebase.

초급

Android, Firebase

Tạo ứng dụng ghi nhớ web+Android bằng Firebase

huttchang0065

[LV1] Jetpack Compose - UI Practice

Reviews from Early Learners

What you will learn!

Do you know the benefits of JetPack Compose?

Still having trouble seeing the benefits of Compose?

Firsthand experience with JetPack Compose I'm here to tell you how useful it is .

So, I recommend it to these people!

Starting with the easy ones, step by step Complete the basics of Jetpack Compose

Section 1 - A quick look at the layout

Section 2 - Creating a Resume App

Section 3 - Creating a Dice App

Section 4 - Creating a Graph App

Section 5 - Creating a Calendar App

Section 6 - Theme

Section 7 - Creating the Coupang Main Screen

Section 8 - Creating Pokémon Cards

Section 9 - Some Tips for Using Compose (Bonus!)

Q&A 💬

So that you can fully understand the content We provide source code and Notion materials!

A great lecture to watch together 📺

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

bokchi's other courses

Similar courses

Firsthand experience with JetPack Compose
I'm here to tell you how useful it is .

Starting with the easy ones, step by step
Complete the basics of Jetpack Compose

So that you can fully understand the content
We provide source code and Notion materials!

Recommended for
these people

Hello
This is