Weather App

Introdução

Durante o desenvolvimento do projeto WeatherApp, tive a oportunidade de aprender e consolidar diversos conceitos fundamentais para o trabalho com Angular. A seguir, destaco os principais pontos que foram explorados ao longo do projeto:

• Criação e Configuração de Projetos Angular:

  • Aprendi a configurar o ambiente de desenvolvimento e a iniciar um projeto Angular do zero, entendendo como funciona a estrutura de diretórios, as dependências necessárias e as boas práticas para organizar um projeto.

• Criação de Componentes e Rotas:

  • Explorei a criação de componentes reutilizáveis e como configurar o roteamento no Angular para navegar entre diferentes páginas da aplicação de forma eficiente.

• Observables:

  • Trabalhei com Observables do RxJS, aprendendo como eles são usados para lidar com dados assíncronos, manipulação de streams e integração com APIs externas.

• Services:

  • Implementei services para encapsular a lógica de negócios e centralizar a comunicação com a API, promovendo um código mais modular e reutilizável.

• Manipulação de Imagens:

  • Aprendi a lidar com a exibição condicional de imagens no projeto, de acordo com variáveis dinâmicas e estados da aplicação.

• Formulários:

  • Desenvolvi habilidades em Angular Forms, tanto reativos quanto template-driven, criando interfaces de entrada de dados funcionais e interativas.

• Relação entre Componentes Pai e Filho:

  • Compreendi como estabelecer a comunicação eficiente entre componentes utilizando @Input() e outros mecanismos de Angular para passar dados entre pais e filhos.

• Inputs:

  • Usei inputs para transferir dados de forma dinâmica para componentes filhos, garantindo flexibilidade e adaptabilidade nas interfaces da aplicação.

• Smart e Dumb Components:

  • Adotei o conceito de Smart Components (responsáveis por lógica de negócios) e Dumb Components (focados na exibição de dados), melhorando a organização e separação de responsabilidades no código.

Esse projeto foi uma experiência rica que me ajudou a desenvolver habilidades práticas e compreender mais a fundo o framework Angular. Além disso, proporcionou um aprendizado valioso sobre como estruturar aplicações modernas, performáticas e escaláveis.

Tecnologias utilizadas

• NodeJs 18
• Angular 15

Estatísticas

• Github issues:
• Github forks:
• Github stars:

Desenvolvedores

Rômulo de Oliveira