Image for post
Image for post

Olá pessoal, tudo bem?

Nesse artigo vou apresentar um package que encontrei “sem querer querendo”. Trata-se do lit_firebase_auth que na sua descrição traz o seguinte objetivo.

Fornecer um conjunto de utilitários e widgets úteis para adicionar facilmente a autenticação Firebase a um aplicativo Flutter.

Na verdade com apenas 2 Widgets declarados já é possível ter uma UI de login com toda a lógica encapsulada para autenticação no Firebase.

Nos passos a seguir apresento como inicializar e utilizar o básico do lit. Se preferir, gravei um vídeo com a demonstração.

📍Atenção !!! De acordo com a documentação o pacote ainda está em fase inicial, logo sua utilização é por sua própria conta e risco.

Início

No arquivo pubspec.yaml adicione:

No método main será preciso inicializar o…


Image for post
Image for post

O GetX uma biblioteca muito interessante e útil na construção de aplicativos em Flutter.

Ao combinar diversos elementos como gerenciamento de estados, rotas e injeção de dependências, permite um ganho de produtividade e performance no desenvolvimento.

Além disso há uma série de funções utilitárias como navegação, dialogs, internacionalização, validadores, tudo no mesmo pacote.

Se você está começando a codificar em Flutter e está perdido com gerenciamento de estados, recomendo fortemente a olhar essa biblioteca. Aproveite também para ver meus artigos.

Flutter e GetX — Criando uma aplicação para compartilhamento de recursos

Parte 1

Parte 2

O objetivo dessa postagem é apresentar a ferramenta de comando GetX CLI, que automatiza a criação de diversos artefatos como controllers, views e pages. É possível construir o projeto com a estrutura do get ou gerar em um existente. …


Image for post
Image for post

OBJETIVOS

Nesse tutorial vamos continuar a aplicação iniciada aqui.

Iremos implementar os controles e as interfaces do módulo home do aplicativo que desenvolvi no começo da pandemia para ajudar professores e alunos com os vídeos tutoriais sobre o Google ClassRoom.

MÓDULO HOME

Na pasta home vamos criar 3 arquivos e nomeá-los conforme figura 1.

Image for post
Image for post
Figura 1 — Arquivos do Módulo Home

Ao usar a biblioteca GetX estou arquitetando a aplicação conforme a indicação da documentação e também a estrutura sugerida por https://kauemurakami.github.io/getx_pattern/#home.

Assim, para cada módulo temos um arquivo que representa um Binding, isto é, permite desacoplar a injeção de dependências, realizando uma conexão entre as rotas e a a dependência. …


Image for post
Image for post
(fonte: https://bsnbrazil.files.wordpress.com/2014/02/4215a-verborragico.jpg?w=1014)

Nesses tempos de pandemia e até mesmo em outros tempos, quem trabalha com tecnologias educacionais (como eu) já deve ter ouvido alguém falar:

“Eu não entendo de tecnologia, minha função é orientar pedagogicamente…” ou “Isso não é comigo, cuido da parte pedagógica…” ou alguma variação, mas sempre nesse sentido.

Chego em duas hipóteses!

A primeira parece ser uma tentativa bem frustrada de diminuir um conceito em relação ao outro, de uma suposta carga de superioridade e valor.

Image for post
Image for post

A segunda, que me parece mais óbvia, o desconhecimento e a inabilidade de desenvolver profissionalmente e assumir a ignorância no tema.

Image for post
Image for post

Alguém avisa o(a) infeliz o século que estamos e principalmente devido a pandemia, os dois termos estão estritamente ligados e quase indissociáveis. …


Image for post
Image for post
Telas do aplicativo

Cenário

Com o início da pandemia no final de março de 2020, escolas e redes se viram obrigadas a adotarem plataformas e aplicativos para auxiliarem os alunos a continuarem seus estudos.

No Paraná, assim como em vários estados, o Google ClassRoom foi escolhido para subsidiar as interações entre docentes e discentes.

As CRTEs (Coordenações Regionais de Tecnologias Educacionais) dos núcleos de educação do estado, mesmo com pessoal reduzido e na maioria das vezes sem reconhecimento, ajudaram professores e alunos durante toda a implantação e caminhada, que ainda continua até a data dessa publicação.

Image for post
Image for post

No entanto, sem tempo para uma formação adequada, vídeos tutoriais foram os recursos mais rápidos para a solução de problemas como por exemplo, permissões de acessos ou a criação de uma atividade dentro da plataforma. …


Vamos finalizar a aplicação codificando o controlador e a UI.

(Se você não leu a parte 1, está aqui.)

Image for post
Image for post

Antes, vamos instalar um complemento no VSC para ganhar produtividade. Trata-se do flutter_mobx.

Além de snnipets para criar classes, ele possui uma ferramenta que executa o comando: flutter pub run build_runner para geração de classes do Mobx.

Image for post
Image for post

Separando a lógica

Na pasta pages vamos criar o arquivo home_controller.dart.

Com a extensão acima instalada, podemos digitar mobx e enter para que seja criado uma classe MobxX Store.

Codificaremos assim:

Comentando o código

Devemos recuperar a classe que faz as chamadas a api. Utilizamos o modular em Modular.get<CovidApiRepository>.

No construtor vamos invocar dois métodos que serão implementados em seguida, getInfoMundo() e…


Image for post
Image for post
Fonte: http://softwarelivreeducacao.blogspot.com/2015/05/um-pouco-de-humor-na-proposta-da-ead.html

É bem provável que a resposta para o título são vários “NEM”.

Nem a escola, nem os professores, nem os alunos, nem a família, nem as redes estaduais e municipais.

“Olhando pelo lado mais pessimista, é difícil acreditar que o professor que não sabe o e-mail possa mediar minimamente seu aluno.”

Já com o olhar realista, gastar com canais de TV digital, aplicativos ou qualquer outro malabarismo tecnológico, não parece ser o melhor nem o único caminho.

A Alemanha, por exemplo, está enviando material via postal para não deixar os alunos sem atividades.

Image for post
Image for post
Fonte: https://giphy.com/

Ficar criticando sem apresentar propostas também não ajuda. Embora há quem diga que a maioria dos alunos não estão interessados, os números de downloads de aplicativos indicados pelas redes apresentam no mínimo que nossos alunos não querem parar. …


Em tempos difíceis que estamos vivendo com a epidemia do coronavírus, pode ser uma oportunidade para aprimorar habilidades e avançar nos estudos. #fiqueemcasa

A proposta deste artigo é construir uma aplicação em Flutter que consome os dados da API COVID19.

Realizaremos também a integração com MobX para gestão do estado e o Modular para injeção de dependências.

Image for post
Image for post
Telas do Aplicativo

Se preferir, fiz a integração dessa API com Angular. O tutorial e o código estão aqui.

Contextualizando

Comecei a programar em Flutter no final do ano passado (2019) e a princípio estranhei a forma como declaramos os Widgets e os abre e fecha de parênteses sem…


Estamos vivendo tempos difíceis com a epidemia do coronavírus. Assim, pode ser uma oportunidade para aprimorar habilidades e avançar nos estudos. #fiqueemcasa

A proposta deste artigo é construir uma aplicação Web em Angular 9 que consume dados da API COVID19.

Abaixo, como ficará a aplicação.

Image for post
Image for post

Se preferir, escrevi um tutorial dessa mesma API com Flutter. O tutorial e o código estão aqui.

Passos iniciais

Caso você seja iniciante no framework, recomendo o link para criação do projeto.

Após a construção, vamos importar o módulo HttpClientModule no módulo principal da aplicação.

No arquivo app.module ts, realize o import e a assinatura no array de…


Image for post
Image for post

A versão 9 do Angular já está disponível e com ela, várias atualizações e correções de melhorias e performances em todo ecossistema Angular.

A mais significativa é sem dúvida o Ivy, nome do novo compilador e renderizador do framework.

Ivy

Embora já disponível na versão anterior, a construção dos projetos agora tem Ivy como compilador padrão. Entre os recursos destacam-se:

  • Pacotes menores;
  • Execução de testes mais rápidos;
  • Melhorias na checagem de tipos de erros, classes css, erros de contrução e internacionalização;
  • AOT habilitado por padrão.

De acordo com o anúncio oficial, o compilador Ivy foi projetado para gerar menos código na construção dos componentes. …

About

Kheronn K. Machado

Professor e desenvolvedor

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store