PDF - VERSÃO DE IMPRESSÃO

Lição 8 - Kotlin vs JavaScript e conceitos de orientação a objetos

objetivo

Olá, estudante! Tudo bem?

Agora que você já domina os layouts responsivos com o Jetpack Compose, que tal adicionar mais uma ferramenta à sua caixa de habilidades? Neste momento, você conhecerá os principais conceitos de Orientação a Objetos (OO), que possivelmente já viu em outras linguagens e disciplinas, mas agora com um foco específico na sua aplicação em Kotlin e sua comparação com o JavaScript. Você analisará como essas linguagens implementam paradigmas fundamentais, como classes, herança, polimorfismo e encapsulamento, comparando suas abordagens e diferenças estruturais.

O objetivo não é apenas relembrar a teoria, mas, sim, aprofundar a aplicação prática desses conceitos em Kotlin, explorando suas particularidades e vantagens no desenvolvimento moderno. Ao final da lição, você será capaz de entender as vantagens e limitações de cada abordagem, além de aplicar esses conhecimentos para escrever um código mais modular, reutilizável e eficiente em diferentes contextos de programação.

Vamos lá?

problematização

Imagine que você está desenvolvendo um sistema para uma plataforma de cursos on-line e sua equipe decidiu usar Kotlin para o desenvolvimento do aplicativo mobile e JavaScript para o backend e algumas funcionalidades do frontend. Ao começar a estruturar as classes e funcionalidades do sistema, você percebe que há diferenças significativas entre como Kotlin e JavaScript implementam orientação a objetos. Enquanto Kotlin usa um modelo baseado em classes — similar ao Java —, JavaScript, originalmente, utilizava um modelo baseado em protótipos, embora tenha incorporado suporte a classes na ECMAScript 6 (ES6).

Diante disso, como as diferenças na implementação da Orientação a Objetos impactam a modularidade, reutilização e organização do código em cada linguagem? Com base nos ganhos já conhecidos da POO, como encapsulamento, herança e polimorfismo, você conseguirá identificar as vantagens e desvantagens de cada abordagem, compreendendo qual delas melhor se adapta às necessidades de desenvolvimento em diferentes cenários! Vamos entender melhor sobre isso?

case

Agora, vamos entender como Kotlin e Javascript implementam a POO na prática? Para ilustrar como isso acontece, vamos utilizar como exemplo a TechSolutions, uma empresa fictícia de tecnologia que enfrentava desafios de manutenção e escalabilidade em sua plataforma de automação empresarial, cujo backend em JavaScript era robusto, mas a versão mobile apresentava dificuldades de evolução.

Diante do crescimento acelerado da base de usuários, tornou-se evidente que a arquitetura precisaria ser reformulada para garantir um desempenho melhor e um desenvolvimento mais eficiente. Sendo assim, a liderança da empresa decidiu dividir a equipe de tecnologia em dois grupos: um responsável pelo backend e painel administrativo, que continuaria utilizando JavaScript, e outro focado no desenvolvimento do aplicativo mobile, que passaria a ser construído com Kotlin.

A transição para um novo modelo gerou desafios na aplicação consistente da Orientação a Objetos em Kotlin e JavaScript, devido às diferenças entre herança baseada em classes e protótipos. Para garantir a modularidade e a padronização, a equipe realizou treinamentos e definiu diretrizes para unificar a estrutura das classes e modelos de dados, facilitando a integração entre o aplicativo e o backend.

Após a reestruturação, o aplicativo mobile em Kotlin tornou-se mais estável e rápido, melhorando a experiência do usuário, enquanto o backend em JavaScript manteve sua flexibilidade com um código mais organizado. Com isso, a empresa modernizou sua tecnologia e estabeleceu um modelo de desenvolvimento eficiente e escalável para o futuro! Como resultado, a empresa conseguiu modernizar sua tecnologia e estabelecer um modelo de desenvolvimento mais eficiente e escalável para o futuro!

Observe que esse exemplo demonstra claramente como o conteúdo abordado nesta lição é aplicado na prática, embora também possa ser útil em diversos outros contextos!

Conceitualização

A Orientação a Objetos (OO) é um dos paradigmas mais utilizados no desenvolvimento de software, pois permite organizar o código em objetos, que encapsulam dados e comportamentos. Felix (2016) afirma que a programação orientada a objetos — também conhecida por sua sigla POO — facilita a relação da máquina com o mundo real, isso porque qualquer coisa que pertence ao mundo físico pode ter um representando na esfera digital.

Revisando os conceitos fundamentais de Orientação a Objetos

A Orientação a Objetos é um dos paradigmas mais utilizados no desenvolvimento de software, pois organiza o código de forma modular e reutilizável, facilitando tanto a manutenção quanto a escalabilidade dos sistemas. Antes de explorarmos seus conceitos fundamentais, é essencial compreender seu principal propósito: estruturar o software de maneira que ele reflita elementos do mundo real, tornando o desenvolvimento mais intuitivo e eficiente.

Nesse contexto, revisaremos três dos pilares desse paradigma — Encapsulamento, Herança e Polimorfismo — junto a seus dois principais componentes: Classes e Objetos.

● Classe e objeto

A classe é o molde que define as propriedades e os comportamentos de um objeto. O objeto, por sua vez, é uma instância dessa classe. Felix (2016) resume a explicação dizendo que objetos correspondem a elementos da vida real e que classes agrupam esses objetos.

● Encapsulamento

Protege os dados internos de um objeto, permitindo acessá-los apenas por métodos específicos. De acordo com Felix (2016), o conceito pode ser utilizado como forma de restringir a visibilidade de informações e detalhes de implementações.

● Herança

Permite que uma classe herde atributos e métodos de outra classe, promovendo a reutilização de código. Sobre isso, Felix (2016) aponta a herança como uma maneira de reutilizar o código, onde uma nova classe é criada absorvendo os membros de uma classe já existente.

● Polimorfismo

Permite que métodos com o mesmo nome tenham comportamentos diferentes, dependendo do contexto. Felix (2016) complementa dizendo que o polimorfismo permite que você programe de forma ampla em vez de perder muito tempo no desenvolvimento de código específicos.

Para entender melhor como as linguagens Kotlin e JavaScript implementam os conceitos de Orientação a Objetos, apresento-lhe dois exemplos simples de classe e criação de instância de objeto. Na Figura 1, será apresentada uma classe simples em Kotlin, que define um modelo básico com atributos e um método para exibir informações. Em seguida, veremos como criar uma instância dessa classe e utilizá-la no código.

Figura 1 - Criação de classes em Kotlin
Fonte: o autor.

#PraCegoVer: a figura apresenta dez linhas. Na linha 1, está escrito “open class Usuario(val nome: String, var idade: Int) {”; na linha 2, “open fun exibirInfo() {;”; na linha 3, “println(“Usuário: $nome, Idade: $idade”)”; na linha 4, “}”; na linha 5, “}”; na linha 7, “fun main() {“; na linha 8, “val usuario = Usuario(“Ana”, 25)”; na linha 9, “usuario.exibirInfo()”; e, na linha 10, “}”. Na linha 6, não há conteúdo escrito. Fim da descrição.

Já na Figura 2, teremos o equivalente em JavaScript, demonstrando como a mesma estrutura pode ser implementada utilizando a sintaxe da linguagem, observe:

Figura 2 - Criação de classes em JavaScript
Fonte: o autor.

#PraCegoVer: a figura apresenta 13 páginas. Na linha 1, está escrito “class Usuario {”; na linha 2, “constructor(nome, idade) {”; na linha 3, “this.nome = nome”; na linha 4, “this.idade = idade”; na linha 5, “}”; na linha 7, “exibirInfo() {”; na linha 8, “console.log(`Usuário: ${this.nome}, Idade: ${this.idade}`)”; na linha 9, “}”; na linha 10, “}”; na linha 12, “const usuario = new Usuario(“Ana”, 25)”; e, na linha 13, “usuario.exibirInfo()”. Nas linhas 6 e 11, não há conteúdo escrito. Fim da descrição.

Por meio desses exemplos, é possível comparar as similaridades e diferenças entre as duas abordagens e como ambas permitem a criação e manipulação de objetos de forma eficiente.

Encapsulamento

O encapsulamento, basicamente, é a restrição do acesso direto aos atributos de um objeto, permitindo que eles sejam modificados apenas por meio de métodos específicos. Veja na Figura 3 como esse conceito é aplicado em Kotlin:

Figura 3 - Encapsulamento em Kotlin
Fonte: o autor.

#PraCegoVer: a figura apresenta 18 linhas. Na linha 1, está escrito “class Pessoa(private var nome: String) {“; na linha 3, “fun getNome(): String {”; na linha 4, “return nome”; na linha 5, “}”; na linha 7, “fun setNome(novoNome: String) {”; na linha 8, “nome = novoNome”; na linha 9, “}”; na linha 10, “}”; na linha 12, “fun main() {”; na linha 13, “val pessoa = Pessoa(“Carlos”)”; na linha 14, “println(pessoa.getNome())”; na linha 16, “pessoa.setNome(“Ana”)”; na linha 17, “println(pessoa.getNome())”; na linha 18, “}”. Nas linhas 2, 6 e 15, não há conteúdo escrito. Fim da descrição.

Já na Figura 4, teremos o equivalente em JavaScript, demonstrando como a mesma estrutura pode ser implementada utilizando a sintaxe da linguagem, observe:

Figura 4 - Encapsulamento em JavaScript
Fonte: o autor.

#PraCegoVer: a figura apresenta 20 linhas. Na linha 1, está escrito “class Pessoa {”; na linha 2, “#nome”; na linha 4, “constructor(nome) {”; na linha 5, “this.#nome = nome”; na linha 6, “}”; na linha 8, “getNome() {”; na linha 9, “return this.#nome”; na linha 10, “}”; na linha 12, “setNome(novoNome) {”; na linha 13, “this.#nome = novoNome”; na linha 14, “}”; na linha 15, “}”; na linha 17, “const pessoa = new Pessoa("Carlos")”; na linha 18, “console.log(pessoa.getNome())”; na linha 19, “pessoa.setNome("Ana")”; e, na linha 20, “console.log(pessoa.getNome())”. Nas linhas 3, 7, 11 e 16, não há conteúdo escrito. Fim da descrição.

Herança

De maneira geral, a herança permite que uma classe reutilize atributos e métodos de outra classe. Veja na Figura 5 como esse conceito é aplicado em Kotlin:

Figura 5 - Herança em Kotlin
Fonte: o autor.

#PraCegoVer: a figura apresenta 16 linhas. Na linha 1, está escrito “open class Animal {”; na linha 2, “open fun fazerSom() {”; na linha 3, “println("Som genérico")”; na linha 4, “}”; na linha 5, “}”; na linha 7, “class Cachorro : Animal() {”; na linha 8, “override fun fazerSom() {”; na linha 9, “println("Latido")”; na linha 10, “}”; na linha 11, “}”; na linha 13, “fun main() {”; na linha 14, “val pet = Cachorro()”; na linha 15, “pet.fazerSom()”; na linha 16, “}”. Nas linhas 6 e 12, não há conteúdo escrito. Fim da descrição.

Já na Figura 6, teremos o equivalente em JavaScript, demonstrando como a mesma estrutura pode ser implementada utilizando a sintaxe da linguagem, observe:

Figura 6 - Herança em JavaScript
Fonte: o autor.

#PraCegoVer: a figura apresenta 14 linhas. Na linha 1, está escrito “class Animal {”; na linha 2, “fazerSom() {”; na linha 3, “console.log(“Som genérico”)”; na linha 4, “}”; na linha 5, “}”; na linha 7, “class Cachorro extends Animal {”; na linha 8, “fazerSom() {”; na linha 9, “console.log("Latido")”; na linha 10, “}”; na linha 11, “}”; na linha 13, “const pet = new Cachorro()”; e, na linha 14, “pet.fazerSom()”. Nas linhas 6 e 12, não há conteúdo escrito. Fim da descrição.

Polimorfismo

O polimorfismo permite que métodos com o mesmo nome tenham comportamentos diferentes em classes diferentes. Veja na Figura 7 como esse conceito é aplicado em Kotlin:

Figura 7 - Polimorfismo em Kotlin
Fonte: o autor.

#PraCegoVer: a figura apresenta 24 linhas. Na linha 1, está escrito “open class Forma {”; na linha 2, “open fun desenhar() {”; na linha 3, “println("Desenhando uma forma genérica")”; na linha 4, “}”; na linha 5, “}”; na linha 7, “class Circulo : Forma() {”; na linha 8, “override fun desenhar() {”; na linha 9, “println("Desenhando um círculo")”; na linha 10, “}”; na linha 11, “}”; na linha 13, “class Quadrado : Forma() {”; na linha 14, “override fun desenhar() {”; na linha 15, “println("Desenhando um quadrado")”; na linha 16, “}”; na linha 17, “}”; na linha 19, “fun main() {”; na linha 20, “val formas: List<Forma> = listOf(Circulo(), Quadrado())”; na linha 21, “for (forma in formas) {”; na linha 22, “forma.desenhar()”; na linha 23 “}”; e, na linha 24, “}”. Nas linhas 6 e 12, não há conteúdo escrito. Fim da descrição.

Já na Figura 8, teremos o equivalente em JavaScript, demonstrando como a mesma estrutura pode ser implementada utilizando a sintaxe da linguagem.

Figura 8 - Polimorfismo em JavaScript
Fonte: o autor.

#PraCegoVer: a figura apresenta 20 linhas. Na linha 1, está escrito “class Forma {”; na linha 2, “desenhar() {”; na linha 3, “console.log("Desenhando uma forma genérica")”; na linha 4, “}”; na linha 5, “}”; na linha 7, “class Circulo extends Forma {”; na linha 8, “desenhar() {”; na linha 9, “console.log("Desenhando um círculo")”; na linha 10, “}”; na linha 11, “}”; na linha 13, “class Quadrado extends Forma {”; na linha 14, “desenhar() {”; na linha 15, “console.log("Desenhando um quadrado")”; na linha 16, “}”; na linha 17, “}”; na linha 19, “const formas = [new Circulo(), new Quadrado()]”; e, na linha 20, “formas.forEach(forma => forma.desenhar())”. Nas linhas 6, 12 e 18, não há conteúdo escrito. Fim da descrição.

De modo geral, as implementações de Orientação a Objetos em Kotlin e JavaScript possuem semelhanças conceituais, mas diferem em sua estrutura e sintaxe. Enquanto Kotlin segue um modelo mais próximo das linguagens tradicionais de POO, com suporte nativo para classes, herança baseada em classes e modificadores de acesso, JavaScript adota um modelo mais flexível, baseado em protótipos, permitindo maior dinamismo, mas exigindo um controle manual sobre encapsulamento e herança. Além disso, Kotlin enfatiza segurança e tipagem estática, enquanto JavaScript é dinâmico e mais permissivo, o que pode influenciar a escolha da linguagem dependendo do contexto do projeto.

saiba aplicar

Compreender as diferenças entre Kotlin e JavaScript em relação à Orientação a Objetos é essencial para desenvolver aplicações escaláveis e organizadas. Resumidamente, podemos dizer que ambos os modelos oferecem vantagens, mas escolher a abordagem correta pode impactar diretamente a manutenção e a evolução do projeto. Por isso, a importância de compreender muito bem cada uma delas.

Agora, vamos colocar isso em prática! Com certeza, você se lembra do projeto apresentado na lição anterior da tela responsiva de login. Pois bem, vamos agora criar uma classe em Kotlin para autenticar e devolver um feedback ao usuário. Para iniciar essa prática, siga os passos a seguir:

Tenha uma máquina com o Android Studio instalado (esse processo você já conhece da primeira parte da disciplina).
Caso você tenha o projeto da aula anterior, você pode simplesmente abri-lo. Caso contrário, crie um novo projeto chamado KotlinBoxWithContraints e escolha o template “Empty Compose Activity” e clique em “Next”.
Escolha a linguagem Kotlin.
Clique em Finish (Concluir) para criar o projeto.

Siga o passo a passo a seguir:

1) Implemente uma nova classe chamada Authenticator.kt conforme a Figura 9:

Figura 9 - Classe Authenticator em Kotlin
Fonte: o autor.

#PraCegoVer: a figura apresenta nove linhas. Na linha 1, está escrito “class Authenticator {”; na linha 3, “private val validEmail = ‘usuario@exemplo.com’”; na linha 4, “private val ValidPassword = ‘senha123’”; na linha 6, “fun login(email: String, password: String): Boolean {”; na linha 7, “return email == validEmail && password == validPassword”; na linha 8, “}’; e, na linha 9, “}”. Nas linhas 2 e 5, não há conteúdo escrito. Fim da descrição.

2) Agora que você já tem a classe de autenticação, é preciso fazer algumas alterações no Composable ResponsiveLoginForm() da lição anterior que ficará conforme a Figura 10 a seguir:

Figura 10 - Composable ResponsiveLoginForm após as alterações
Fonte: o autor.

#PraCegoVer: a figura apresenta 68 linhas. Na linha 1, está escrito “@Composable”; na linha 2, “fun ResponsiveLoginForm() {”; na linha 3, “BoxWithConstraints(”; na linha 4, “modifier = Modifier.fillMaxSize().padding(16.dp)”; na linha 5, “) {”; na linha 6, “val isLargeScreen = maxWidth > 600.dp”; na linha 8, “Column(“; na linha 9, “modifier = Modifier.fillMaxSize()”; na linha 10, “verticalArrangement = Arrangement.Center”; na linha 11, “horizontalAlignment = Alignment.CenterHorizontally”; na linha 12, “) {”; na linha 13, “Text(“; na linha 14, “text = ‘Login - Vestibular Online’”; na linha 15, “fontSize = if (isLargeScreen) 28.sp else 22.sp”; na linha 16, “color = Color.Black”; na linha 17, “)”; na linha 19, “Spacer(modifier = Modifier.height(16.dp))’; na linha 21, “var email by remember { mutableStateOf("") }”; na linha 22, “var password by remember { mutableStateOf("") }”; na linha 23, “var loginMessage by remember { mutableStateOf("") }”; na linha 24, “val authenticator = Authenticator()”; na linha 26, “OutlinedTextField(“; na linha 27, “value = email”; na linha 28, “onValueChange = { email = it }”; na linha 29, “label = { Text("Email") }”; na linha 30, “singleLine = true”; na linha 31, “modifier = Modifier.fillMaxWidth(if (isLargeScreen) 0.6f else 0.9f)”; na linha 32, “)”; na linha 34, “Spacer(modifier = Modifier.height(12.dp))”; na linha 36, “OutlinedTextField(”; na linha 37, “value = password”; na linha 38, “onValueChange = { password = it }”; na linha 39, “label = { Text("Senha") }”; na linha 40, “singleLine = true”; na linha 41, “visualTransformation = PasswordVisualTransformation()”; na linha 42, “keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Password)”; na linha 43, “modifier = Modifier.fillMaxWidth(if (isLargeScreen) 0.6f else 0.9f)”; na linha 44, “)”; na linha 46, “Spacer(modifier = Modifier.height(24.dp))”; na linha 48, “Button( na linha 49 onClick = {”; na linha 50, “loginMessage = if (authenticator.login(email, password)) {”; na linha 51, “‘Login bem-sucedido!’”; na linha 52, “} else {”; na linha 53, “‘E-mail ou senha inválidos.’”; na linha 54, “}”; na linha 55, “}”; na linha 56, “modifier = Modifier”; na linha 57, “.fillMaxWidth(if (isLargeScreen) 0.4f else 0.7f)”; na linha 58, “.height(if (isLargeScreen) 56.dp else 48.dp)”; na linha 59, “) {”; na linha 61, “Text(text = "Entrar", fontSize = if (isLargeScreen) 18.sp else 16.sp)”; na linha 62, “}”; na linha 64, “Spacer(modifier = Modifier.height(12.dp))”; na linha 65, “Text(text = loginMessage)”; na linha 66, “}”; na linha 67, “}”; e, na linha 68, “}”. Nas linhas 7, 18, 20, 25, 33, 35, 45, 47, 60 e 63, não há conteúdo escrito. Fim da descrição.

Entenda as principais mudanças do código com relação ao que foi implementado na lição anterior:

Linha 23: criação de uma variável chamada loginMessage para exibir a mensagem de sucesso ou de falha na interface.
Linha 24: criação de uma instância de objeto da classe Authenticator().
Linhas 49 a 55: implementação do comportamento do botão para que, ao ser clicado, chame o método login da classe Authenticator e, baseado no resultado, exiba a mensagem de sucesso ou falha.
Linha 64: inserção de um espaço entre o botão e o local onde aparecerá a mensagem de retorno da tentativa de login.
Linha 65: componente para exibição da mensagem com o resultado da tentativa de login.

A aplicação da Programação Orientada a Objetos (POO) no projeto da lição anterior foi essencial para estruturar o código de forma modular, reutilizável e organizada. Ao utilizar esses conceitos, garantimos que funcionalidades, como a autenticação de usuários no formulário de login, fossem implementadas de maneira clara e escalável. No exemplo, a criação de uma classe Authenticator permitiu centralizar a lógica de validação de credenciais, facilitando sua reutilização e manutenção. Além disso, a separação entre camadas de apresentação (interface gráfica com Jetpack Compose) e lógica de negócios tornou o desenvolvimento mais eficiente e alinhado às boas práticas, garantindo um sistema mais seguro e adaptável a futuras melhorias. Agora, desafie seus colegas e/ou professores a implementar os demais conceitos, o que acha?

REFERÊNCIAS

FELIX, R. Programação orientada a objetos. São Paulo: Pearson Education do Brasil, 2016.

PDF - VERSÃO DE IMPRESSÃO

Page updated

Google Sites

Report abuse