2 posts tagged with "06/2021"

26/06/2021 - Aula 4 de Angular (Remoto)

A ultima aula de Angular começa as 08:00, com o professor Jean perguntando sobre o trabalho com o pessoal, vendo se estão com dúvidas, se já começaram a fazer ou não.

Por volta das 08:25 é iniciado a apresentação do conteúdo, vai ser visto o Angular Material nesta aula. para isso vamos utilizar o projeto que está disponível já em Github.

O material que o professor utilizou foi esse aqui em .PDF.

Começamos então a atuar com a alteração de um formulário, mudando ele para utilizar os componentes que são do Angular Material, aplicando para o cliente.

Depois do professor explicar cada componente, e como utilizar ele, é solicitado para os alunos fazerem para a componente de usuário, tanto para a tela quanto para o modal.

Após validar a atividade, começamos a ver a parte de animações, como criar ela, configurar, utilizar, etc.

Professor também mostra como podemos fazer o deploy do projeto utilizando Docker, e explica como fazer esse processo utilizando o projeto atual.

Com isso terminamos o que foi visto antes do almoço.

Durante a tarde, o professor comentou sobre o trabalho, passou item a item do que tem ser feito, e aproveitou para tirar dúvidas do pessoal.

12/06/2021 - Aula 3 de Angular (Remoto)

Começamos a terceira aula as 08:10, com o professor Jean revisando uma atividade que ele tinha pedido, que era a implementação de clientes, ele atualizou o projeto e está disponível já em Github.

O material que o professor utilizou foi esse aqui em .PDF.

Começamos a aula vendo o construtor "pipe" (|), que serve para formatar valores de acordo com o que você passar. Vimos também como criar um validador personalizado para validar campos de CPF e CNPJ.

# Instalar uma biblioteca para ajudar na formatação e validação dos campos
npm install angular2-text-mask --save
npm install ng2-currency-mask --save

Depois de importar as bibliotecas, foi alterado o arquivo do cliente e o modal do cliente, para inserir as validações.

Fizemos um intervalo as 10h, e depois demos continuidade na aula vendo gráficos, utilizando outra biblioteca

# Instalar uma biblioteca para ajudar nos gráficos
npm install ng2-charts@2.4.2 --save
npm install chart.js@2.9.3 --save

Depois do almoço, continuamos trabalhando com a parte de gráfico, criamos um componente pra ele, o que ajudou a reduzir o código da tela Home.

Por volta das 15h fizemos um intervalo e na volta começamos a ver um pouco sobre testes unitários, mas o professor comentou que na próxima aula vai ser aprofundado no assunto.

Começamos a ver então a função "Drag and Drop", utilizando um plugin

# Instalar uma biblioteca para ajudar nos gráficos
npm install ng2-dnd@5.0.2 --save

Implementamos em um exemplo de lista de produtos, com ações disparadas ao soltar. Trabalhamos também com componente de selecionar item com um dropdown, vendo vários recursos e como utilizar eles.

Ouve algumas dúvidas de alunos, e foi discutido os assuntos, como linguagem melhor para se trabalhar, se precisa fazer o backend em Javascrip, se consigo fazer toda a aplicação só com Angular, etc etc.

Foi conversado um pouco sobre o trabalho que vai ser passado, mas professor tem qeu verificar uns detalhes ainda antes de passar para nós.

Com isso terminamos a aula de hoje.