Jetpack Compose с нуля. Полный курс

Jetpack compose — это современный подход к разработке пользовательского интерфейса. С каждым днем он набирает популярность и все больше работодателей хотят видеть в своих компаниях разработчиков со знанием данной технологии.

В этом курсе мы с нуля изучим все, что нужно, чтобы начать разрабатывать приложения с использованием Jetpack Compose. По большей части этот курс практический, в нем будет очень мало теории и очень много практики. В процессе прохождения данного курса мы создадим довольно крупное приложение — мобильный клиент VK, в котором будет отображаться лента новостей с возможностью поставить лайк и посмотреть комментарии.

Этот курс предназначен для Android разработчиков, как начинающих, так и опытных, которые хотят перейти на новый современный подход к разработке пользовательского интерфейса — Jetpack Compose.

Для прохождения этого курса обязательно знание языка Kotlin и основ Android-разработки. Важно, чтобы у вас было хотя бы базовое понимание следующих тем: MVVM, Retrofit, Kotlin Coroutines.

Программа курса

Введение

1. Для кого этот курс и что будем изучать?
2. Что такое Jetpack Compose. Краткое введение

Основы Jetpack Compose

1. Первое приложение на JC
2. Preview и Column
3. Row, Box, Modifier
4. Instagram Profile Card. Создание шаблона
5. Card
6. Dark-Light Themes
7. Text
8. Image
9. Порядок modifier-ов
10. Завершение работы над InstagramProfileCard
11. VkNewsClient. Создаем шапку поста
12. VkNewsClient. Дорабатываем карточку поста

Material Components

1. Введение в Material Components
2. Scaffold и BottomNavigation
3. State и рекомпозиция
4. FAB и SnackBar

State и работа с VIewModel

1. Рекомпозиция
2. Добавление VIewModel в InstagramProfileCard
3. Делегаты
4. Слушатели клика
5. Добавление ViewModel в VkNewsClient
6. LazyColumn
7. LazyRow, LazyVerticalGrid
8. Swipe to dismiss
9. Добавляем LazyColumn в VkClient

Навигация в Jetpack Compose

1. Навигация без использования библиотек
2. Jetpack Compose Navigation
3. Исправляем баги в навигации
4. Рефакторинг навигации. RememberNavigationState
5. Создание экрана комментариев. Часть 1
6. UDF и создание стейта
7. Навигация на экран комментариев
8. Рефакторинг VIewModels
9. Передача параметров во вью-модель. ViewModelFactory
10. Nested Graph Navigation
11. Fix navigation bugs
12. Передача параметров в JetpackNavigation. Часть 1. Передача Id
13. Передача параметров. Часть 2. Navigation Types
14. Передача параметров. Часть 3. Parcelable, Json, Custom Nav Type

ActivityResultApi

1. Deprecated onActivityResult
2. ActivityResultApi
3. ActivityResultApi в Jetpack Compose

Работа с VK API

1. Авторизация через VK SDK
2. SideEffect и LaunchedEffect
3. Login Screen
4. Refactoring и хранение токена
5. Загружаем данные
6. Дорабатываем UI
7. Реализация добавления/удаления лайков
8. Подгрузка данных во время скролла
9. Добавление состояния загрузки и реализация удаления элементов
10. Реализация экрана комментариев

Coroutine Flow

1. Введение в Coroutine Flow
2. Flow Builders
3. Flow builder and terminal operators
4. Операторы жизненного цикла Flow
5. Map Flow to LiveData
6. AsLiveData часть 2. OnCompletion
7. Использование Flow на Ui-слое
8. Холодные Flow
9. Горячие Flow. MutableSharedFlow
10. Практика MutableSharedFlow
11. Промежуточные и кастомные операторы
12. StateFlow
13. Backpressure и buffer
14. Буфер в горячих flow
15. Операторы ShareIn и StateIn
16. Exception Handling

Практика Compose в приложении VK

1. Practice in VkNewsClient
2. Exception handling in VkNewsClient
3. Coroutine Flow in MainViewModel
4. Refactoring. Clean Architecture
5. Dependency Injection in NewsFeedClient
6. Dependency Injection VkNewsClient Part 2
7. Immutable and recomposition
8. Анимации часть 1. AnimateAsState
9. Анимации часть 2. Animation Spec
10. Анимации часть 3. Animated Content

Custom Views

1. Работа с Canvas
2. Draw Path
3. Detect Gestures
4. Обзор приложения Terminal
5. Реализация загрузки данных
6. Рисуем график
7. Масштабирование
8. Добавление скролла и рисование свечей
9. DerivedStateOf
10. Custom Saver
11. Remember terminal state
12. Path Effect
13. Draw text
14. Refactoring and bug fix
15. Assist Chip. Time Frames
16. Time Delimiters

MVI. Decompose

1. Обзор приложения Weather App
2. Новый подход к Presentation слою
3. Decompose. Первые компоненты
4. Decompose. Component Context
5. Decompose. Введение в навигацию
6. Decompose. ChildStack и Value
7. Decompose. Подключение UI
8. Decompose. Interface Child
9. Decompose. Interface Root Component
10. MVI. Store Intent State Label
11. MVI. ContactListStore
12. MVI. StoreFactory
13. MVI. StoreFactory Executor
14. MVI. StoreFactory финальная реализация
15. MVI. Bootstrapper
16. MVI. Создание стора
17. MVI. LiveTemplates and Logging
18. Обзор Decompose и MVI
19. WeatherApp добавление зависимостей
20. Структура проекта
21. Domain слой
22. Работа с интернетом
23. Вынесение ключа в BuildConfig
24. Создание Базы данных
25. Реализация репозиториев
26. Инъекция зависимостей
27. FavouriteStore
28. DetailsStore
29. SearchStore
30. Реализация всех компонентов
31. Assisted Inject
32. Реализация RootComponent. Часть 1
33. Реализация RootComponent. Часть 2
34. FavouriteContent. Часть 1
35. FavouriteContent. Часть 2
36. Details Content
37. Search Content
38. Финал