Busca DevMedia
Você está buscando por "Angular" em vídeo aula
Já conhece nosso Plano de Estudo?
Conheça o passo a passo da Carreira Programador Front-End
- Angular CLI Vídeo
A primeira ferramenta que veremos é o Angular CLI, que é a central de controle usada para operar o Angular.
- Instalando o Angular CLI Vídeo
Com o NPM no computador podemos instalar o Angular CLI a partir dele. Para isso, precisamos abrir o terminal do sistema operacional, que no Windows pode ser acessado digitando cmd.exe no executador (tecla Windows + R).
- Angular - React - Vue.js Vídeo
Angular? Vue.js? React? Qual a diferença entre eles? Nesse vídeo você entenderá a relação entre esses frameworks.
- Property Binding Vídeo
O Angular fornece uma sintaxe específica para realizarmos o property binding, que será estudada nessa aula.
- 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.
- Criando a primeira aplicação Vídeo
Com o Angular CLI instalado desenvolveremos nossas aplicações Angular. Para iniciar um novo projeto utilizamos o comando new do Angular CLI. Precisaremos, neste comando, especificar o nome do nosso projeto.
- 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.
- Conclusão Vídeo
Nesse curso instalamos o Node juntamente com o NPM, que foi utilizado para instalar o Angular CLI, a ferramenta de linha de comandos do Angular. Para finalizar, criamos e executamos nossa primeira aplicação!
- Introdução Vídeo
Angular é um framework JavaScript para a criação de interfaces de usuário, em especial de SPAs, ou Single-Page Applications, como também é conhecido esse tipo de aplicação front-end.
- 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!
- 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.
- Instalando o Node.js e o NPM Vídeo
O Angular CLI pode ser mais facilmente instalado através do NPM, o gerenciador de pacotes do Node.js.
- Introdução Vídeo
O Angular é um framework completo muito utilizado para o desenvolvimento web. Com ele podemos construir aplicações interativas do tipo Single-page application.
- Pré-requisitos: TypeScript Vídeo
Quando utilizamos o Angular, programamos em TypeScript, um superset do JavaScript. Por isso é importante conhecermos essa linguagem.
- Executando a aplicação Vídeo
O Angular CLI disponibiliza diversos comandos que facilitam o desenvolvimento da nossa aplicação. Um desses comandos é o serve, que permite executarmos a nossa aplicação em ambiente de desenvolvimento.
- 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.
- 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.
- 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 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.
- 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!
- Características: Declarativo Vídeo
Manipular o DOM diretamente nunca mais. No Angular programamos de forma declarativa: nos preocupamos apenas com a lógica de negócios, quem atualiza a interface é o framework.
- Características: Componentes Vídeo
No Angular todos os elementos da sua interface serão componentes. Essa característica nos permite criar interfaces complexas com total reaproveitamento e sem arquivos HTML gigantes e de difícil manutenção.
- Características: Orientado a objetos Vídeo
Uma das características que torna Angular tão atrativo é que ele é Orientado a Objetos. Isso quer dizer que podemos utilizar nosso conhecimento em programação back-end para desenvolver interfaces web.
- 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.
- Apresentando a Tooltip Vídeo
Neste curso vamos aprender a criar uma Tooltip.
