Angular 2 – Angular Material

O objetivo dessa aula é demonstrar o uso do Angular Material com o Angular 2.   Ao término dessa aula você aprenderá o que é, como instalar, e como configurar o Angular Material com o Angular 2. Conteúdo da aula Introdução Baixando o template Instalando o Angular Material Utilizando os componentes Executando a aplicação Conclusão 1. Introdução O […]

Leia Mais

Angular 2 – Máscara de entrada de dados (input mask) com diretivas

O objetivo dessa aula é demonstrar como criar uma máscara de entrada de dados (input mask) com o Angular 2.   Ao término dessa aula você aprenderá como criar uma máscara de entrada de dados (input mask) com o Angular 2. Conteúdo da aula Introdução Solução Diretiva (directive) HostListener ControlValueAccessor Implementação completa Conclusão 1. Introdução O input […]

Leia Mais

Curso Angular 2 – Aula 10: Acesso HTTP a um servidor remoto

O objetivo da aula 10 é ensinar como configurar e realizar acessos HTTP a servidores remotos no Angular 2.

O Angular 2 é um framework front-end, e a menos que você crie uma aplicação que possa manter os dados todos localmente no navegador, você certamente precisará acessar um servidor remoto utilizando conexões HTTP para isso.

O Angular 2 possui um módulo específico para os principais acessos HTTP tornando nossas vidas bem mais simples.

Para a aula de hoje também criaremos nosso próprio servidor web em NodeJS, utilizando o framework LoopBack / StrongLoop, permitindo um aprendizado por completo em relação a implementação e comunicação entre back-end e front-end.

Leia Mais

Curso Angular 2 – Aula 9: Rotas e navegação

O objetivo da aula 9 é ensinar como configurar e utilizar rotas e navegação no Angular 2.

Rotas de navegação são fundamentais para qualquer aplicação, tornando-a dinâmica e interativa para o usuário final.

As rotas e navegação proporcionam a interação entre componentes no Angular 2, de modo a permitir a criação de componentes específicos, onde cada um deles representará uma única função no sistema.

O Angular 2 possui uma implementação bastante simples e de fácil utilização de rotas e navegação, o que permite um fácil entendimento e manutenção do código fonte, conforme veremos nos próximos tópicos.

Leia Mais

Curso Angular 2 – Aula 8: Serviços

O objetivo da aula 8 é ensinar como criar e utilizar Serviços no Angular 2.

A definição mais básica de Serviço no Angular 2 seria um Componente que contém lógica de negócio específica para um domínio, e que pode ser injetado e utilizado por outros componentes.

Um Componente padrão no Angular 2 deve estar associado a um template e controlar a navegação de uma página, porém quando decidimos adicionar regras de negócio nesse mesmo Componente, acabamos por criar um código difícil de manter e de ser testado.

Visando isolar a regra de negócio em um lugar específico, devemos utilizar um Serviço que será responsável por manter determina regra.

Nos próximos tópicos você aprenderá a criar um Serviço para manter um cadastro de aluno, assim como utilizar o serviço criado a partir de outro componente.

Leia Mais

Curso Angular 2 – Aula 7: Templates

O objetivo da aula 7 é apresentar os recursos de template utilizados pelo Angular 2 para manipular o HTML da página tornando os dados dinâmicos.

Uma vez que o Angular 2 utiliza HTML para a composição de sua interface, precisamos de elementos de template responsáveis pela manipulação do DOM HTML, tornando-o dinâmico e interativo.

Dentre os principais recursos utilizados pelo Angular 2 para manipulação de templates estudaremos a interpolação, eventos, atribuições, binding e operadores condicionais e de repetição, conforme seguem os tópicos a seguir.

Leia Mais