inflearn logo

[LV1] Jetpack Compose - Luyện tập UI

Hãy cùng thoát khỏi việc phát triển Android chỉ bằng XML và thử áp dụng Jetpack Compose nhé?

(4.6) 17 đánh giá

262 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

Android
Android
Kotlin
Kotlin
Jetpack
Jetpack
Android
Android
Kotlin
Kotlin
Jetpack
Jetpack

Đánh giá từ những học viên đầu tiên

Đánh giá từ những học viên đầu tiên

4.6

5.0

gomohan1

7% đã tham gia

Chỉ học Compose bằng sách, xem bài giảng thấy hiểu rõ hẳn!

5.0

po042

100% đã tham gia

Nó giúp ích rất nhiều cho việc triển khai giao diện người dùng.

5.0

loci

100% đã tham gia

Đó là một bài giảng tôi cần và tôi rất thích nó. Tôi sẽ đợi bài giảng tiếp theo!

Bạn sẽ nhận được điều này sau khi học.

  • Cách sử dụng Jetpack Compose

  • Ưu điểm của Jetpack Compose

Jetpack Compose mà bạn vốn chỉ mới lên kế hoạch,
lần này hãy cùng nhau học thử nhé?

Bạn có biết những ưu điểm của JetPack Compose không?

Khi có yêu cầu tạo ra các màn hình như dưới đây bằng cách sử dụng XML truyền thống, suy nghĩ đầu tiên của bạn là gì? (Tất cả các ứng dụng dưới đây sẽ được chúng ta trực tiếp thực hiện trong khóa học.)

"Chắc phải tìm thư viện thôi."
"Nếu làm bằng Custom View thì sẽ phức tạp lắm đây?"
Bạn có đang nghĩ như vậy đầu tiên không?
Nếu vậy, bạn có thể cân nhắc việc áp dụng Jetpack Compose!

Bạn vẫn cảm thấy khó nhận thấy những ưu điểm của Compose sao?

Vậy thì một ứng dụng như thế này thì sao?

Những hiệu ứng hoạt hình như thế này cũng có thể được thực hiện dễ dàng bằng cách sử dụng Compose.
Tôi sẽ hướng dẫn để tất cả các bạn có thể tự mình thực hành trong bài giảng!


Tôi sẽ chia sẻ sự hữu ích của JetPack Compose
mà chính tôi đã trải nghiệm.

Jetpack Compose là một công cụ có thể tăng tốc phát triển UI với ít mã hơn trên Android.

“(…) là bộ công cụ hiện đại để xây dựng giao diện người dùng Android gốc. Jetpack Compose giúp đơn giản hóa và tăng tốc quá trình phát triển giao diện người dùng trên Android với ít mã hơn, công cụ mạnh mẽ và API Kotlin trực quan.” (Tài liệu chính thức của Google)

Trong công ty tôi có một dự án yêu cầu tạo UI phức tạp, vì vậy tôi đã tích cực nghiên cứu và áp dụng Jetpack Compose. Sau khi thực tế áp dụng, tôi thấy lượng mã nguồn để viết UI đã giảm đi đáng kể, và có thể cảm nhận được sự giảm bớt mệt mỏi trong quá trình kết nối UI với logic nghiệp vụ. Kết quả là, tôi đã xác nhận được rằng năng suất cũng tăng cao hơn so với việc chỉ sử dụng XML truyền thống để phát triển màn hình Android.

Vì vậy, tôi đề xuất cho những đối tượng sau!

Những bạn đã từng phát triển ứng dụng bằng Android truyền thống (XML) và đang cân nhắc việc áp dụng Compose

Những ai tò mò Jetpack Compose là gì và những ưu điểm thực tế của nó là gì

Những bạn đang chuẩn bị xin việc ở vị trí nhà phát triển Android (Dạo gần đây Compose được nhắc đến rất nhiều trong các thông báo tuyển dụng!)

✋ Khoan đã! Khóa học này không phù hợp với những đối tượng sau.

  • Những người mới bắt đầu phát triển ứng dụng Android: Tôi khuyên bạn nên học Kotlin hoặc bài giảng Android cho người mới bắt đầu.
  • Những người đã có kinh nghiệm phát triển nhất định với Compose và muốn học khóa học nâng cao: Khóa học nâng cao sẽ được chuẩn bị trong bài giảng tiếp theo.

Từng bước một từ những điều dễ dàng 
Hoàn thiện nền tảng Jetpack Compose

Khóa học được cấu trúc để bạn có thể làm quen với Jetpack Compose bằng cách tăng dần độ khó từ những ví dụ dễ nhất.

Phần 1 - Tìm hiểu các bố cục đơn giản

Thực hành các tính năng đa dạng của Jetpack Compose để khởi động.

Phần 2 - Làm ứng dụng sơ yếu lý lịch

Dựa trên những nội dung đã học ở phần trước, chúng ta sẽ cùng nhau tạo một ứng dụng sơ yếu lý lịch đơn giản.

Phần 3 - Làm ứng dụng xúc xắc

Chúng ta sẽ dễ dàng triển khai màn hình xuất hiện mỗi khi số xúc xắc thay đổi bằng mã code thay vì sử dụng hình ảnh.

Phần 4 - Làm ứng dụng biểu đồ

Thông qua thực hành, chúng ta sẽ xây dựng một ứng dụng giúp dễ dàng tạo ra nhiều loại biểu đồ khác nhau.

Phần 5 - Tạo ứng dụng lịch

Chúng ta sẽ dễ dàng triển khai màn hình lịch, vốn là một phần khó thực hiện trong XML truyền thống.

Phần 6 - Theme

Chúng ta sẽ tìm hiểu xem Theme nào được tạo ra đầu tiên khi khởi tạo dự án và tiến hành tùy chỉnh nó.

Phần 7 - Tạo màn hình chính Coupang

Thực hành về Scroll và Pager thông qua việc tạo màn hình tương tự với màn hình chính của Coupang.

Phần 8 - Làm thẻ Pokemon

Thực hành tạo hiệu ứng hoạt hình lật thẻ và trải nghiệm cách triển khai animation một cách đơn giản trong Compose.

Phần 9 - Một vài mẹo nhỏ khi sử dụng Compose (Bonus!)

Tìm hiểu về những phần có thể gây nhầm lẫn khi sử dụng Compose và cách sử dụng nó cùng với XML.


Hỏi & Đáp 💬

Q. Có cần kiến thức tiên quyết không?

Vâng. Sẽ tốt hơn nếu người học là những người đã có thể tạo được ít nhất là RecyclerView bằng cách sử dụng XML truyền thống. Ngoài ra, bạn cũng cần có kiến thức cơ bản về cú pháp Kotlin.

Q. Khóa học này đề cập đến Compose ở cấp độ nào?

Bài giảng chủ yếu tập trung vào các UI cơ bản.

Q. Phong cách giảng dạy như thế nào?

Tôi đã để khá nhiều bài học ở chế độ xem trước. Tôi khuyến khích bạn nên xem qua các bài học này để kiểm tra xem phong cách giảng dạy có phù hợp với mình không trước khi quyết định đăng ký khóa học.

Q. Đã có tài liệu chính thức từ Google rồi, tại sao tôi phải tham gia khóa học này?

Cá nhân tôi thấy rằng tài liệu chính thức của Google tuy giải thích rất kỹ nhưng đối với những người mới bắt đầu, nó thường tạo cảm giác không mấy thân thiện. Trong khóa học này, tôi đã cố gắng giải thích từng bước một cách dễ hiểu nhất dưới góc độ của một người mới bắt đầu học Jetpack Compose.

Để bạn có thể hiểu rõ nội dung,
tôi cung cấp mã nguồn và tài liệu Notion!

Giới thiệu bài học Phần 0 - Tôi đã sắp xếp mã nguồn một cách dễ nhìn bằng Notion trong liên kết tài liệu bài giảng.


Học theo lộ trình series
từng bước một 🧰

Nếu bạn muốn học phát triển ứng dụng Android như một sở thích?

[Phần nhập môn] Ngữ pháp Kotlin dành cho Android]
[Phần cho người mới bắt đầu] Học Kotlin Android thông qua việc tạo ra 8 ứng dụng

Nếu bạn muốn phát triển chuyên sâu hơn như một nhà phát triển Android thực thụ?

[Trung cấp] Giới thiệu JETPACK thân thiện <Thượng>
[Trung cấp] Giới thiệu JETPACK thân thiện <Hạ>

Nếu bạn muốn tìm hiểu về UI khai báo (Declarative UI)?

[LV1] Jetpack Compose - Thực hành UI
[LV2] Jetpack Compose - UI và Animation
[LV3] Jetpack Compose - Xây dựng ứng dụng ăn kiêng chuyên nghiệp
[LV4] Jetpack Compose - Design Pattern và Circuit

Nếu bạn đang học tập với mục tiêu tìm việc làm?

[Portfolio] Xây dựng ứng dụng Android - Phần lý thuyết
[Portfolio] Xây dựng ứng dụng Android - Phần thực hành

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những ai mới chỉ đang suy nghĩ về việc học Jetpack Compose

  • Dành cho những ai thắc mắc Jetpack Compose là gì

  • Những người đang chuẩn bị tìm việc với vị trí nhà phát triển Android

Cần biết trước khi bắt đầu?

  • Kinh nghiệm phát triển Android bằng XML truyền thống

Xin chào
Đây là bokchi

6,294

Học viên

411

Đánh giá

1,391

Trả lời

4.8

Xếp hạng

12

Các khóa học

Kể từ khi thành lập startup vào năm 2015, tôi đã thực hiện nhiều dự án phát triển khác nhau.

Hiện tại tôi là một lập trình viên nhân viên văn phòng bình thường

Chương trình giảng dạy

Tất cả

70 bài giảng ∙ (7giờ 3phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

17 đánh giá

4.6

17 đánh giá

  • raonmjkim님의 프로필 이미지
    raonmjkim

    Đánh giá 5

    Đánh giá trung bình 5.0

    5

    99% đã tham gia

    • std님의 프로필 이미지
      std

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      30% đã tham gia

      • gutaekim4081님의 프로필 이미지
        gutaekim4081

        Đánh giá 5

        Đánh giá trung bình 4.6

        5

        30% đã tham gia

        • baekground님의 프로필 이미지
          baekground

          Đánh giá 5

          Đánh giá trung bình 5.0

          5

          30% đã tham gia

          • devlsy님의 프로필 이미지
            devlsy

            Đánh giá 4

            Đánh giá trung bình 4.5

            4

            99% đã tham gia

            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
              Giảng viên

              Cảm ơn bạn vì đánh giá khóa học!

          Khóa học khác của bokchi

          Hãy khám phá các khóa học khác của giảng viên!

          Khóa học tương tự

          Khám phá các khóa học khác trong cùng lĩnh vực!

          803.855 ₫