Jetpack Compose [PT] - Speaker Deck

Slide 1

Slide 1 text

Jetpack Compose Manuel Ernesto @manuelernest0

Slide 2

Slide 2 text

GDG Location UI declarativa [Declarative UI] Android 11 Meetups

Slide 3

Slide 3 text

GDG Location ● Maior velocidade de desenvolvimento. ● Integração perfeita entre designers e programadores. ● Força a separação entre lógica e apresentação. ● Alterações na interface do usuário não exigem recompilação Benefícios Android 11 Meetups

Slide 4

Slide 4 text

GDG Location Forma moderna de criação de interfaces no Android. Jetpack compose O Jetpack Compose simpliﬁca e acelera o desenvolvimento da interface no Android. Android 11 Meetups

Slide 5

Slide 5 text

GDG Location Menos código Porque compose Android 11 Meetups Intuitivo Acelera o desenvolvimento Poderoso

Slide 6

Slide 6 text

GDG Location Porque compose Android 11 Meetups

Slide 7

Slide 7 text

GDG Location Porque compose Android 11 Meetups

Slide 8

Slide 8 text

GDG Location Timeline Anúncio Developer Preview 2 Developer Preview 1 May Oct June Summer 2021 Android 11 Meetups 2019 2019 2020 Alpha 1.0 2020

Slide 9

Slide 9 text

GDG Location Como começar Android 11 Meetups Android Studio Canary 4.2

Slide 10

Slide 10 text

GDG Location ● Permite a criação de UI programaticamente ● Função que recebe dados e transforma em UI ● Só podem ser chamadas dentro de uma função composable @Composable Sources are written here Android 11 Meetups

Slide 11

Slide 11 text

GDG Location @Composable Android 11 Meetups

Slide 12

Slide 12 text

GDG Location @Composable Android 11 Meetups

Slide 13

Slide 13 text

GDG Location @Composable Android 11 Meetups

Slide 14

Slide 14 text

GDG Location @Composable Android 11 Meetups

Slide 15

Slide 15 text

GDG Location Pré Visualizando @Composable Android 11 Meetups

Slide 16

Slide 16 text

GDG Location Composable no MainActivity Android 11 Meetups

Slide 17

Slide 17 text

GDG Location ● Text ● Button ● Image ● Card ● HorizontalScrolling ● VerticalSrolling ● ... Components Android 11 Meetups

Slide 18

Slide 18 text

GDG Location Row Layouts ० Componentes alinhados um ao lado do outro Android 11 Meetups

Slide 19

Slide 19 text

GDG Location Column Layouts ० Componentes alinhados um abaixo do outro. Android 11 Meetups

Slide 20

Slide 20 text

GDG Location ConstrainLayout Layouts Android 11 Meetups

Slide 21

Slide 21 text

GDG Location ConstrainLayout Layouts Android 11 Meetups

Slide 22

Slide 22 text

Demo‍

Slide 23

Slide 23 text

GDG Location Próximos passos ० [Site Oﬁcial] https://bit.ly/3hv3xn3 ० [Brian Gardner] https://bit.ly/37BrwfH ० [What's new on Jetpack compose by Google] https://bit.ly/32jrXXB ० [My Blog at Medium] https://bit.ly/3fD3hRf Android 11 Meetups

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text