Jetpack Compose Crash Course For Android With Kotlin

Modern Android apps with Jetpack Compose and integrations: MVVM, Coroutines, ViewModel, LiveData, Retrofit, Navigation

What you'll learn

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

Requirements

To love Android development

Description

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 worksThe basics and fundamental concepts behind Compose like: the declarative paradigm shift, the dynamic content concept, recompostion and more!State management in ComposeHow to create complex layouts in ComposeThe integrations between Compose and other Jetpack libraries: ViewModel, LiveData, and Navigation Integration of Compose in MVVM architectureIntegrations between Jetpack Compose and other popular libraries on Android like Coroutines and RetrofitHow to theme your Compose appAnimations in Compose: from simple to complex animations effects like Collapsing ToolbarAnd 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!

Overview

Section 1: Introduction to Compose

Lecture 1 What is Jetpack Compose?

Lecture 2 Course outline

Lecture 3 Why should we use Compose?

Lecture 4 Why is it called Compose?

Lecture 5 Inheritance vs Composition

Lecture 6 Install Android Studio

Lecture 7 Project resources and teaching style

Section 2: Basics of Jetpack Compose

Lecture 8 Create a new Compose project

Lecture 9 Kotlin basics: Classes, variables and methods

Lecture 10 Kotlin basics: Inheritance

Lecture 11 Android basics: Activities and their lifecycle

Lecture 12 Compose is built on Composables

Lecture 13 Kotlin Trailling Lambdas and Compose

Lecture 14 Understanding preview

Lecture 15 Using Text composable

Lecture 16 More on Composable functions

Lecture 17 Using Button composable

Lecture 18 Identify composables through preview

Lecture 19 Modifying Composables with Modifier

Lecture 20 Adding clicking effect and padding

Lecture 21 The order of modifiers matters

Lecture 22 Customizing a Text Composable

Section 3: Core UI elements of Compose

Lecture 23 Module introduction

Lecture 24 Adding surface Composable to a screen

Lecture 25 Wrap content of composables

Lecture 26 Align composables with wrapped content

Lecture 27 Multiple composables inside a parent composable

Lecture 28 Row, Column and Box in Compose

Lecture 29 Creating a basic layout with Row

Lecture 30 Extract composables for reuse

Lecture 31 Alignment and arrangement for Row

Lecture 32 Exploring arrangement for a Row

Lecture 33 Column composable

Lecture 34 Nesting row with columns

Section 4: Compose fundamental concepts

Lecture 35 Module Introduction

Lecture 36 The Declarative paradigm shift

Lecture 37 Dynamic content concept

Lecture 38 Dynamic content example

Lecture 39 Recomposition

Section 5: State management in Compose

Lecture 40 Module introduction

Lecture 41 State and recomposition

Lecture 42 Adding list state

Lecture 43 Lifting up state (State Hoisting)

Lecture 44 Add TextField with state

Lecture 45 Introduction to ViewModel and LiveData

Lecture 46 Lift up state to ViewModel

Section 6: Creating and theming a Profile card layout

Lecture 47 Module introduction

Lecture 48 Create skeleton for profile card layout

Lecture 49 Creating profile icon for card

Lecture 50 Creating text content for profile card

Lecture 51 Theme in Compose

Lecture 52 Customizing colors in theme

Lecture 53 Add Scaffold and AppBar

Lecture 54 Customizing shapes in theme

Lecture 55 Customizing font type in theme

Lecture 56 Add another user to the layout

Lecture 57 Extracting user data to an entity

Section 7: Dynamic lists

Lecture 58 Module introduction

Lecture 59 Using LazyColumn for long lists

Lecture 60 Async image loading (Deprecated)

Lecture 61 Using Coil library

Lecture 62 Testing with long list

Section 8: Navigation in Compose

Lecture 63 Module introduction

Lecture 64 Jetpack Navigation in Compose

Lecture 65 Updating Android Studio and Gradle

Lecture 66 Creating user profile details screen layout

Lecture 67 Adding navigation

Lecture 68 Making navigation dynamic

Lecture 69 Adding back navigation

Section 9: MVVM with Coroutines and Retrofit [Mealz app]

Lecture 70 Module Introduction - Mealz App

Lecture 71 Setting up Mealz App project

Lecture 72 Presentation patterns MVC, MVP and MVVM

Lecture 73 Introduction to MVVM and AAC Viewmodel

Lecture 74 Adding a ViewModel and Repository

Lecture 75 Picking Meal Database API

Lecture 76 Getting the data in JSON format

Lecture 77 Structuring the response classes

Lecture 78 Retrofit for networking

Lecture 79 Callback for network response

Lecture 80 Introduction to Coroutines

Lecture 81 Suspend functions, scopes, dispatchers

Lecture 82 Using Coroutines in Compose

Lecture 83 Hoisting state and Coroutine in ViewModel

Lecture 84 Customizing the Meals screen

Section 10: Introduction to Animations with Compose [Mealz App]

Lecture 85 Module introduction

Lecture 86 Implementing expanding list items

Lecture 87 Navigating to meal detail screen

Lecture 88 Animate size of composable

Lecture 89 Animating multiple components

Lecture 90 Collapsing toolbar on Column

Lecture 91 Collapsing toolbar on LazyColumn

Section 11: Roundup

Lecture 92 You did it!

Lecture 93 Next steps

Lecture 94 Wrap up

Android Developers,Android enthusiasts