Jetpack Compose Basics | Deep Dive Android Development using Jetpack Compose

Book Overview & Buying
Table Of Contents

Deep Dive Android Development using Jetpack Compose

By : Ron Erez

Buy this Video

Deep Dive Android Development using Jetpack Compose

By: Ron Erez

Buy this Video

Overview of this book

This course starts with setting up Android Studio and guides you through building your first Android app. You'll dive into Kotlin, learning fundamental concepts such as variables, data types, loops, and classes. With Jetpack Compose, you’ll build dynamic UIs, implement animations, and explore the tools that power modern Android development, such as state-based UI updates and UI elements like Text, Box, and Row. As the course progresses, you'll gain hands-on experience with more complex features, including custom components, navigation, and integrating Room with Dagger Hilt for dependency injection. You’ll also work on a series of practical projects, including the Mood Map App, a Tip Master app, and the Game of Life, where you can apply your skills in real-world scenarios. Each section is designed to build your understanding step-by-step, with coding exercises and projects designed to reinforce your knowledge. The course also covers Kotlin concurrency, teaching you how to work with asynchronous code, parallel tasks, and proper thread management in Android development. By the end of the course, you will have the skills to create professional Android applications, optimize performance, and implement advanced features like state management, data binding, and offline storage using Room.

Introduction

Downloading Android Studio and Getting Started

Download Android Studio Otter

First App Setup & Android Studio Tour

Install an Emulator & Run Your First Project

Kotlin Basics

Introduction to Kotlin Fundamentals

Variables, Values, Strings and String Templates

Lists, Loops and the If Statement/Expression

Optionals, Data Class and the Billion Dollar Error

Data Types - Int, Double, Float

Strings - Escape Sequences, Raw Strings

More on Loops

Functional Approach to Loops and Higher Order Functions

Repeat Loop

Pairs and Triples

When Expression

Enums with parameters and iterating over enums

Introducing Layouts

Exploring Row, Column, and Box Layouts with Images and Shapes

Creating an Avatar with Box and Clipping

Jetpack Compose Basics

Setting up the Project

Creating a Gradient Background

Fading in using animateFloatAsState and LaunchEffect

Animation Project Setup

Animating Opacity using animateFloatAsState

State-Based Animations

Animating Opacity using animateFloatAsState

Text Composable and Modifiers

A Nice Greeting

Text Modifiers Demo

Decorated Text Examples

Text With Shadow And Shape

Clickable Text

Adding Vertical Scroll

Gradient Text

Shadow and Blur Text

Annotated Build String

Exploring Kotlin Classes and Interfaces

Setup Kotlin Class Demo Project

Introducing Classes

Creating a Circle Properties Screen

Adding a Circle

Data Classes

Simple Enum Classes

General Enum Classes

Sealed Classes

Building a UI State System with Sealed Classes

Kotlin Tips - Use Nested Classes to Model Network Responses & UI State

Singleton Classes

Abstract Classes in Kotlin and Jetpack Compose

Abstract Class Example and Brief Introduction to Interfaces

Interfaces vs Classes

Inner Classes

Sealed Interfaces

Introducing the Mood Map App

Setting up The Project - MoodMapApp Composable

Scaffold - Top Bar

Scaffold - Bottom Bar

Navigating between Timeline and Stats Screen

Scaffold - Floating Action Button

Floating Action Button - Toggle Emoji Picker

Implementing Snackbars in a Jetpack Compose Scaffold

Creating the Emoji Picker

Creating the Clickable Emoji Rows

Emoji Picker Refactor Creating Reusable UI

Mood Entry

Mood Entry Mood Map

Generate Random Mood Messages

Implementing the Timeline Screen

Implementing the MoodCard

Connecting the Emoji Picker

Stats Screen Values

Designing the Stats Screen Layout

Mood Bar Chart

Implementing Mood Pie Chart using the Canvas

Using an Enum Class to Improve Bottom Bar

Automatically Assigning Unique Identifiers

Jetpack Compose Tutorial - Avatar List with Checkbox Selection

Introduction

Coding Exercises with a Nice User Interface

Introducing the Coding Exercises

Setting up the Project

Exercise - Divisible by 7

Solution - Divisible by 7

Exercise - Divisible by D and Range

Solution - Divisible by D Logic

Solution - Divisible by D User Interface

Solution - Layout Improvements and Scrollable Results

Greetings App - First Steps in Jetpack Compose

Introducing the App and the Emulator in Android Studio

Text, Modifiers and Columns

Rows, Columns and Boxes

Text, Custom Composables and Modifiers

Refactoring Code and adding a Border

Creating a Linear Gradient background

Custom Text View

Randomly Changes Colors using a Mutable State

Creating the Data Item Model using a Data Class

Creating the Message View

Creating the Greetings Title

Rotatable Circle, Animations and Sweep Gradients

Creating the Title View

Main Greetings View

String Resources

App Localization

Animations

Animation Project Setup

Animated Visibility

GeoBlur

Getting Started

Skeleton of the Main View

Custom Progress Bar

Adding the Progress Bar to the View and Updating It with Button Clicks

Creating the Landmark and UI State Data Classes

Adding the Dependencies

Creating an Assets Folder and a Landmarks JSON File

Organizing Your App with MVVM

Understanding ViewModel, MutableStateFlow, and asStateFlow

Integrating ViewModel State into Composables

Safely Accessing Dynamic Lists from ViewModel State

Loading and Parsing JSON from Assets in ViewModel

Implementing Submit Answer

Resetting Game State and Shuffling Questions

Adding Computed Properties

Connecting ViewModel to View

Displaying and Blurring Images with AsyncImage

Shuffling and Displaying Answer Options

Displaying the Images

Showing a Win/Loss Dialog in Jetpack Compose

Removing Warnings

Exploring Gestures

Introduction to Gestures

Zoom using Pointer Input

Adding a Tap Gesture by Chaining Pointer Input

Drag Gestures

Jetpack Compose Basics with Tip Master

Meet Tip Master - What You'll Build

Setting Up

State Variables for Tip Calculation

Creating the Header with Theme Switch

Adding Input Fields for Bill and People

Tip Options UI with Custom Percentage Field

Creating the Reusable TipButton Component

Laying Out the Final Bill Summary

Designing Summary Rows with Icons and Values

Managing State Between Tip Buttons and Input Field

Designing a Splash Screen with Gradient Background

Managing App Launch Data Using SharedPreferences

Dynamic Dark and Light Mode with Jetpack Compose

Adding a Custom Tip Icon to Your Android App

Integrating Room with Dependency Injection with Dagger Hilt

Introduction

Setting up the Project and the Main Screen

Package Structure and the Note Model

Managing App State and Logic with ViewModel

Injecting the View Model into the Main Screen

Structuring the Main Screen and Creating Supporting Views

Notes Header

Search and Sort Bar - Part 1

Search and Sort Bar - Part 2

Implementing the AddOrEditNoteCard Composable

Implementing the NotesListOrEmpty Composable

Implementing EmptyNotesState Composable

NoteItem Composable

NoteItem Material3 Styling

Generating a Default UUID for our Note Model

CRUD - Add Note

CRUD - Update Note

CRUD - Delete Note

CRUD - Edit Note

Filter and Sort Notes

Testing App Features Before Adding Room

Adding Room Dependencies

Converting Dates to Strings and Vice Versa

NoteModel Room Integration

Creating the Note DAO Interface

Connecting the DAO to ViewModel

Creating a Singleton Room Database

ViewModel with Room in Jetpack Compose

Running the App and Adjusting Gradle imports

Updating LoadNotes using Room

Updating CRUD Operations to use Room Database

Testing out our Note App

Concurrency in Kotlin

Introduction to Synchronous vs Asynchronous

Kotlin Playground Setup for Concurrency Section

Sequential Asynchronous code using Launch and Suspend

Parallel Asynchronous code using Launch and Suspend

Game Of Life

General Structure of the Main View

Image Resources

BoardModel and Fundamental Methods

DesignType

Implementing applyDesignPattern in the Board Model

Creature Grid

Implementing the Board View

Implementing Tap to Add Design Pattern in Board View

Generating the Next Generation with a LaunchEffect in the Game of Life View

Adjusting Speed and Resetting the Game in GameOfLifeView

Creating the Design Button

Design Selection View - Part 1

Design Selection View - Circle Button

Design Selection View - Completion

The Control View Icons

Control Button

Implementing the Control View - Part 1

Implementing the Control View - Part 2

Generating Random Background Images

Adding the Missing Mountain Image Resource

Deep Dive Android Development using Jetpack Compose

By : Ron Erez

Deep Dive Android Development using Jetpack Compose

By: Ron Erez

Overview of this book

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access