Busca DevMedia
Você está buscando em vídeo aula no canal Angular
- Exibindo a div.tooltip ao lado do mouse Vídeo
Neste curso vamos aprender a exibir a div.tooltip ao lado do mouse.
- Atributos e estado do componente Vídeo
Neste curso vamos aprender a usar os atributos e os estados do componente.
- Criando um projeto para acompanhar o curso Vídeo
Neste curso vamos aprender a criar um projeto Tooltip.
- Como funciona uma Tooltip? Vídeo
Neste curso vamos aprender como funciona a mecânica de uma tooltip.
- Apresentando a Tooltip Vídeo
Neste curso vamos aprender a criar uma Tooltip.
- Utilizando *ngFor e *ngIf Vídeo
Nas versões atuais do Angular não é permitido utilizar mais de uma diretiva estrutural em um mesmo elemento. Veremos nessa aula como podemos implementar lógicas como *ngFor e *ngIf numa mesma situação.
- Dicas de boas práticas Vídeo
No Angular, é uma má prática passar o objeto $event inteiro como parâmetro para o método do componente que responde ao evento. Em lugar disso, devemos selecionar dele apenas o que precisamos.
- Obtendo informações do evento Vídeo
Cada evento do DOM contém informações que podem ser úteis em diferentes contextos e aqui veremos como acessá-las.
- Conhecendo a sintaxe Vídeo
Nesse aula conheceremos a sintaxe do event binding e como colocá-lo em prática.
- O que é Event Binding? Vídeo
Traduzindo, event binding é associação de eventos. Usamos esse recurso para vincular um código da aplicação a um certo evento disparado pelo navegador.
- ngFor Vídeo
A diretiva estrutural *ngFor, parte da sintaxe de templates do Angular, funciona de forma similar a estrutura de laço for … of, do JavaScript. Aprenda nessa aula.
- ngIf Vídeo
A primeira diretiva estrutural que veremos é o ngIf, que funciona de forma similar a estrutura condicional if: dado um valor booleano, se verdadeiro um bloco de código deve ser executado.
- Introdução e pré requisitos Vídeo
Neste curso apresentaremos as diretivas estruturais do Angular ngIf, ngFor e ngSwitch, que são análogas as estruturas de controle que estudamos em algoritmos e lógicas de programação. Aprenda sobre elas aqui!
- Property Binding Vídeo
O Angular fornece uma sintaxe específica para realizarmos o property binding, que será estudada nessa aula.
- String Interpolation Vídeo
Aprenda a realizar o binding de propriedades entre o componente e o template utilizando string interpolation.
- Introdução Vídeo
Nesta aula, veremos a utilização de dados da classe do componente para manipular os atributos HTML, tais como class, style e href, dos elementos do template do componente.
- Incrementando o contador e resumo Vídeo
Nesta aula veremos como modificar o contador e finalizá-lo.
- Exibindo o contador na tela Vídeo
Neste vídeo veremos quando executamos o comando generate para criar o componente contador.
- Criando o componente do contador Vídeo
Nesse vídeo, para entendermos como exibir dados na interface, construiremos este contador: a cada clique, o valor do contador é incrementado.
- Introdução e pré-requisitos Vídeo
Nesse curso veremos como manipular dados em memória e exibi-los na interface de uma aplicação Angular.
- Criando o componente de olá mundo e resumo Vídeo
Agora que entendemos a estrutura inicial da nossa aplicação, daremos o próximo passo: escrever nosso olá mundo no Angular. Criaremos um componente para exibir a mensagem e instanciaremos esse componente dentro do componente App.
- Conhecendo a estrutura inicial da aplicação Vídeo
Sempre que precisarmos criar uma nova aplicação, ou qualquer outro elemento com o Angular, faremos uso do Angular CLI. Ele pode ser acessado a partir do console do sistema operacional utilizando ng seguido de um comando.
- Executando a aplicação Vídeo
Nesta aula veremos o execução da aplicação criada na aula anterior. Ao executarmos o comando ng new, o Angular CLI criará uma aplicação padrão com uma mensagem de boas vindas na página inicial.
- Criando a estrutura inicial da aplicação Vídeo
Sempre que precisarmos criar uma nova aplicação, ou qualquer outro elemento com o Angular, faremos uso do Angular CLI. Este pode ser acessado a partir do console do sistema operacional utilizando ng seguido de um comando.
- Introdução e pré-requisito Vídeo
Nessa aula daremos os primeiros passos na construção de aplicações utilizando o Angular construindo um simples Olá Mundo!