{"id":17332237,"uri":"rw://betamax/collections/280","name":"Jetpack Compose","description":"

Learn how to build beautiful, powerful and reactive applications using the declarative UI framework called Jetpack Compose.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T11:31:22.956Z","updated_at":"2020-11-25T11:30:42.957Z","duration":9615,"difficulty":"intermediate","content_type":"collection","platform_id":82,"language_id":37,"editor_id":80,"group_id":null,"ordinal":null,"body":null,"warnings":[],"related_content_id":null,"popularity":259.684210526316,"labelled_as_new":false,"display_attributes":{"concepts_covered":"

Composable Functions
Simple Composables
ViewGroups
Lists
Actions & Handlers
Modifiers
State
Recomposition
Ambience
Custom Composables
Animations
Material Components
Component Reusability

","intended_audience":"

Android developers who may have heard about Jetpack Compose, but haven't tested it out or don't feel comfortable enough with it to start replicating their UI using Composable functions.

You should be familiar with Android Studio, Kotlin and the current UI toolkit in Android. Familiarity with architectural patterns such as MVVM, using the ViewModel and LiveData components is required for later parts of the course.

"},"average_rating":"4.8","rating_count":5,"professional":true,"obfuscated_body":null,"to_param":"17332237-jetpack-compose","released_versions_data":[{"id":17332237,"url":"17332237-jetpack-compose","description":"Kotlin 1.4, Android 11, Android Studio 4.2"}],"groups":[{"id":3406,"uri":"rw://betamax/parts/414","content_id":17332237,"ordinal":0,"name":"Jetpack Compose Basics","description":null,"created_at":"2020-10-20T17:50:26.550Z","updated_at":"2020-10-20T17:50:26.564Z","display_number":null,"contents":[{"id":17332276,"uri":"rw://betamax/videos/4669","name":"Jetpack Compose Migration Guide","description":"

Learn about any breaking changes in the Jetpack Compose framework, and how to migrate from older versions to newer ones.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":true,"created_at":"2020-10-20T11:33:04.017Z","updated_at":"2020-11-25T11:30:40.281Z","duration":281,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3406,"ordinal":1,"warnings":[],"related_content_id":null,"popularity":1463.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"episode_title_with_course":"Jetpack Compose · Jetpack Compose Migration Guide","duration_in_time":"4:41","identifier":"4669","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4669/f6c1611e-5091-4056-95cf-3683394480aa.png","released":true,"has_materials_url":true,"permission_tags":[]},{"id":17346090,"uri":"rw://betamax/videos/4671","name":"Review Android UI Toolkit","description":"

Take a tour of different ways of developing UI in Android over its history. Compare imperative and declarative UI development, and their pros and cons.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T17:55:11.323Z","updated_at":"2020-11-25T06:30:36.087Z","duration":346,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3406,"ordinal":2,"warnings":[],"related_content_id":null,"popularity":707.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Review Android UI Toolkit","duration_in_time":"5:46","identifier":"4671","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4671/de2caaa0-1922-4a79-9354-564fb70ab3dc.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":17346111,"uri":"rw://betamax/videos/4672","name":"Learn About Composable Functions","description":"

Play around with some basic Composable functions, learn what their parameters are, and find out how to display a simple Composable tree.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T17:56:21.094Z","updated_at":"2020-11-25T00:30:35.029Z","duration":484,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3406,"ordinal":3,"warnings":[],"related_content_id":null,"popularity":353.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Learn About Composable Functions","duration_in_time":"8:04","identifier":"4672","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4672/606dc412-48dc-4e28-b0fd-4008b3e406c1.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":17346130,"uri":"rw://betamax/videos/4673","name":"Use Basic Compose Building Blocks","description":"

Learn all about Rows, Columns, Text, Button and Icon elements, and how to use said building blocks in Jetpack Compose.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T17:56:51.904Z","updated_at":"2020-11-25T09:31:00.581Z","duration":365,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3406,"ordinal":4,"warnings":[],"related_content_id":null,"popularity":247.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Use Basic Compose Building Blocks","duration_in_time":"6:05","identifier":"4673","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4673/289c39cc-6805-466d-a7f1-8e268c1ae7c6.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":17346254,"uri":"rw://betamax/videos/4676","name":"Add State To Composables","description":"

Learn how to remember data within your Composable UI, and how to change and share it.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T17:59:54.554Z","updated_at":"2020-11-24T16:30:47.537Z","duration":477,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3406,"ordinal":5,"warnings":[],"related_content_id":null,"popularity":194.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Add State To Composables","duration_in_time":"7:57","identifier":"4676","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4676/5e7ffea2-237b-4dc5-a97c-6217332f1057.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":17346160,"uri":"rw://betamax/videos/4674","name":"Decouple Composables","description":"

Learn how to create multiple smaller composable functions, to make them more reusable.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T17:57:21.718Z","updated_at":"2020-11-24T14:30:45.478Z","duration":700,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3406,"ordinal":6,"warnings":[],"related_content_id":null,"popularity":201.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Decouple Composables","duration_in_time":"11:40","identifier":"4674","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4674/a557e099-57de-4a06-97cf-33f6ad6dfa7e.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":17346206,"uri":"rw://betamax/videos/4675","name":"Build Common UI Components: Part 1","description":"

Use some of the simpler Material Design components in Compose to build better input forms and user experience.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T17:58:19.297Z","updated_at":"2020-11-24T21:30:48.025Z","duration":827,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3406,"ordinal":7,"warnings":[],"related_content_id":null,"popularity":276.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Build Common UI Components: Part 1","duration_in_time":"13:47","identifier":"4675","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4675/1742decb-ba63-467c-aaf8-154aadd6460e.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":17346395,"uri":"rw://betamax/videos/4677","name":"Build Common UI Components: Part 2","description":"

Build lists of items and common Android components such as RatingBars, to style your application.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T18:04:00.470Z","updated_at":"2020-11-24T19:30:40.141Z","duration":620,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3406,"ordinal":8,"warnings":[],"related_content_id":null,"popularity":181.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Build Common UI Components: Part 2","duration_in_time":"10:20","identifier":"4677","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4677/7cfd9a30-db66-4e53-ab0e-0ca52761de25.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":17346486,"uri":"rw://betamax/videos/4678","name":"Build Common UI Components: Part 3","description":"

Finish more UI features of the app to practice using Jetpack Compose and custom components you've built.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T18:05:01.068Z","updated_at":"2020-11-25T02:30:33.055Z","duration":760,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3406,"ordinal":9,"warnings":[],"related_content_id":null,"popularity":154.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Build Common UI Components: Part 3","duration_in_time":"12:40","identifier":"4678","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4678/94319bf1-3f05-469e-b3a9-1dca9b636a68.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":17346556,"uri":"rw://betamax/videos/4679","name":"Apply Error & Data Handling To The UI","description":"

Learn how to add special error handling to your UI components, to disable user from performing actions until the data is ready.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T18:05:24.955Z","updated_at":"2020-11-22T10:30:34.428Z","duration":479,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3406,"ordinal":10,"warnings":[],"related_content_id":null,"popularity":127.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Apply Error & Data Handling To The UI","duration_in_time":"7:59","identifier":"4679","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4679/428d5a92-9c3a-47e1-b321-1f183a3a837f.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]}]},{"id":3407,"uri":"rw://betamax/parts/415","content_id":17332237,"ordinal":1,"name":"Build Complex UI With Compose","description":null,"created_at":"2020-10-20T18:06:13.465Z","updated_at":"2020-10-20T18:06:13.486Z","display_number":null,"contents":[{"id":17346630,"uri":"rw://betamax/videos/4680","name":"Add Actions And Handlers","description":"

Learn how to use various handlers in Compose to add specific actions and behavior to your UI. Connect your handlers to state handling.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T18:06:10.375Z","updated_at":"2020-11-24T13:30:44.183Z","duration":589,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3407,"ordinal":11,"warnings":[],"related_content_id":null,"popularity":124.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Add Actions And Handlers","duration_in_time":"9:49","identifier":"4680","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4680/0c722b37-d043-44eb-8a62-70aa3ba23e69.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":17346670,"uri":"rw://betamax/videos/4681","name":"Build Custom Dialogs","description":"

Expand upon actions and handlers in your application, to build custom dialogs prompting users for data input.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T18:06:32.107Z","updated_at":"2020-11-25T11:30:41.538Z","duration":363,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3407,"ordinal":12,"warnings":[],"related_content_id":null,"popularity":102.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Build Custom Dialogs","duration_in_time":"6:03","identifier":"4681","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4681/c09de9ad-9522-4fc1-9706-4950caf76358.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":17346713,"uri":"rw://betamax/videos/4682","name":"Add Themes & Styling To The App","description":"

Learn how to easily add different themes and styles to your app, and to support day/night mode.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T18:06:56.858Z","updated_at":"2020-11-24T02:30:35.664Z","duration":539,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3407,"ordinal":13,"warnings":[],"related_content_id":null,"popularity":98.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Add Themes & Styling To The App","duration_in_time":"8:59","identifier":"4682","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4682/b49d4010-9f9b-4d49-99d7-f7fb312fdfa4.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":17346759,"uri":"rw://betamax/videos/4683","name":"Reuse UI In Multiple Screens","description":"

Now that you've built your fair share of the UI in the project, you can proceed to reuse it, and build more features!

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T18:07:18.832Z","updated_at":"2020-11-25T08:30:46.152Z","duration":573,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3407,"ordinal":14,"warnings":[],"related_content_id":null,"popularity":96.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Reuse UI In Multiple Screens","duration_in_time":"9:33","identifier":"4683","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4683/070aed81-3efd-4e56-892d-214d2d96053a.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":17346811,"uri":"rw://betamax/videos/4684","name":"Add Animations To Compose","description":"

Use simple animations and powerful transitions to make your app even nicer than it is!

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T18:07:44.234Z","updated_at":"2020-11-24T15:30:52.692Z","duration":655,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3407,"ordinal":15,"warnings":[],"related_content_id":null,"popularity":107.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Add Animations To Compose","duration_in_time":"10:55","identifier":"4684","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4684/201a027a-58fd-4916-988b-a8c358a789ef.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]}]},{"id":3408,"uri":"rw://betamax/parts/416","content_id":17332237,"ordinal":2,"name":"Manage State With Compose","description":null,"created_at":"2020-10-20T18:08:20.702Z","updated_at":"2020-10-20T18:08:20.711Z","display_number":null,"contents":[{"id":17346866,"uri":"rw://betamax/videos/4685","name":"Use the MVVM Pattern","description":"

Start setting up state handling and persistence, by building the MVVM pattern in your application.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T18:08:19.145Z","updated_at":"2020-11-24T13:30:44.666Z","duration":326,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3408,"ordinal":16,"warnings":[],"related_content_id":null,"popularity":140.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Use the MVVM Pattern","duration_in_time":"5:26","identifier":"4685","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4685/465e6a43-b4e4-4766-a47d-ea4369fed6b3.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":17346926,"uri":"rw://betamax/videos/4686","name":"Move Operations to ViewModels","description":"

Free up the UI code of business logic by moving all of the operations to ViewModels.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T18:08:53.875Z","updated_at":"2020-11-24T12:30:38.878Z","duration":481,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3408,"ordinal":17,"warnings":[],"related_content_id":null,"popularity":103.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Move Operations to ViewModels","duration_in_time":"8:01","identifier":"4686","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4686/21fb21e4-81ca-49b1-ac39-248362f336f1.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":17346987,"uri":"rw://betamax/videos/4687","name":"Connect LiveData To Compose UI","description":"

Connect reactive data holders to Compose, to make the UI update itself automatically with data.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T18:09:18.443Z","updated_at":"2020-11-23T17:30:53.529Z","duration":532,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3408,"ordinal":18,"warnings":[],"related_content_id":null,"popularity":119.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Connect LiveData To Compose UI","duration_in_time":"8:52","identifier":"4687","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4687/30f9f9c9-38a2-464d-b245-c84123fc2d25.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":17347056,"uri":"rw://betamax/videos/4688","name":"Apply The Ambient Pattern To UI","description":"

Congrats on finishing the course! Learn how to reuse state and create Ambient wrappers for your application.

","released_at":"2020-10-22T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-20T18:10:19.224Z","updated_at":"2020-11-24T14:30:46.390Z","duration":218,"difficulty":"intermediate","content_type":"episode","platform_id":82,"language_id":37,"editor_id":80,"group_id":3408,"ordinal":19,"warnings":[],"related_content_id":null,"popularity":142.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Jetpack Compose · Apply The Ambient Pattern To UI","duration_in_time":"3:38","identifier":"4688","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/4688/8fa001db-8fbf-4369-9d22-92607bfdda07.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]}]}]}

Black Friday Sale - Save on EverythingAll videos. All books. Now 50% off.

All videos. All books. Now 50% off.

All videos. All books.
Now 50% off.