Angular

O Angular � um framework JavaScript que simplifica n�o apenas a constru��o da interface de usu�rio, mas tamb�m o desenvolvimento de aplica��es client-side diferenciadas, sejam elas para a web, mobile ou desktop.

Comece seu teste gr�tis

Guia de Angular
DevMedia
23 Conte�dos
50 Exerc�cios
Iniciante
736 avalia��es

O que � Angular?

O Angular � um framework usado na constru��o de aplica��es Front-end Web. Essas aplica��es s�o feitas com bases em templates HTML e podem ser executadas em navegadores ou dispositivos m�veis.

Por ser orientado a objetos e utilizar o TypeScript, um superset do JavaScript que acrescenta recursos � linguagem, o Angular � um framework bastante adotado por grandes empresas para o desenvolvimento de sistemas front-end complexos.

O Angular possibilita o desenvolvimento de solu��es de �tima qualidade com boa produtividade, que � fator essencial no desenvolvimento de softwares.

Caracter�sticas do framework:

O Angular usa orienta��o a objetos;
O Angular � baseado em componentes;
O Angular � declarativo.

Por que aprender Angular?

O Angular � um framework que oferece praticidade na hora do desenvolvimento do c�digo e na organiza��o dos arquivos. Isso ajuda o programador a ser mais produtivo.

As aplica��es em Angular s�o modulares, o que favorece o reaproveitamento de c�digo.

Um outro motivo para aprender Angular � o fato dele ser mantido pela Google. Como nesse caso uma empresa grande sustenta a tecnologia, n�o se corre tanto risco da tecnologia cair em desuso de uma hora para outra.

Al�m disso, o Angular possui uma grande comunidade ativa, e isso ajuda com o crescimento do framework.

Outro ponto positivo � que existem muitas ofertas para programadores front-end Angular no mercado. Com certeza dominar essa tecnologia vai fazer de voc� um programador muito requisitado!

Angular permite a cria��o de aplica��es modulares;
� mantido por uma grande empresa, o Google;
Possui uma comunidade com grande n�mero de usu�rios.

Exemplo de c�digo Angular

Veja abaixo um exemplo de c�digo Angular:


import { Component, OnInit } from '@angular/core';

@Component({

 	selector: 'app-ola-mundo',

 	templateUrl: './ola-mundo.component.html',

 	styleUrls: ['./ola-mundo.component.css']
})
export class OlaMundoComponent implements OnInit {

 	constructor() { }

 	ngOnInit() {
 }

}

Angular utiliza TypeScript como linguagem;
O Angular � baseado em componentes (os elementos visuais da aplica��o s�o componentes);
O Angular utiliza HTML e CSS.

Angular e Carreira Front-end

Uma p�gina web � a parte visual de um software online. Essa p�gina � criada pelo programador front-end (web).

O programador front-end � respons�vel pelas p�ginas de uma aplica��o web. Ent�o � essencial que ele use tecnologias que atendam aos requisitos do desenvolvimento desse tipo de aplica��o. Uma dessas tecnologias � o Angular.

Importante saber que apesar do Angular ser uma �tima ferramenta para a constru��o de aplica��es web, nem tudo � feito no Front-end. Por isso uma aplica��o web depende da camada back-end para que funcione como desejado (por exemplo exibir os produtos para um usu�rio).

A camada back-end vai processar e enviar os dados - a responsabilidade da camada front-end � receber estes dados e exibi-los de forma amig�vel para o usu�rio. Veja um exemplo na imagem abaixo:

Aplica��es Front-end — **Figura.** Constru��o de aplica��es Front-end.

Caracter�sticas da programa��o Front-end (web):

Envolve conhecimentos referentes a experi�ncia do usu�rio (UX).
Se preocupa com o visual da p�gina e com a intera��o do usu�rio com ela.
Sempre h� demanda por programadores Front-end j� que � quase obrigat�rio para uma empresa ter uma p�gina web.
A navega��o entre as p�ginas � responsabilidade da programa��o front-end

Aprender Angular � o passo final na carreira programador Front-end.

**Figura.** Plano de estudo Programador Front-end Angular.

Utilize Angular para se tornar um programador front-end completo

Saiba mais sobre Angular

O que voc� vai aprender sobre Angular

Introdu��o keyboard_arrow_down
- lock O que � Angular?
- lock Preparando o ambiente para programar com Angular
- lock Hello World
- lock 50 Exerc�cios
Template keyboard_arrow_down
- lock Exibindo dados no template do componente
- lock Property Binding
- lock Diretivas estruturais
- lock Event Binding
- lock 50 Exerc�cios
Componentes keyboard_arrow_down
- lock Angular Components
- lock O que s�o Lifecycle Hooks?
- lock Intera��o entre componentes
- lock Criando uma Tooltip
- lock 50 Exerc�cios
Formul�rios keyboard_arrow_down
- lock Angular Forms
- lock Angular HTTP
- lock 50 Exerc�cios
Filtros keyboard_arrow_down
- lock Angular Filter e Pipes
- lock 50 Exerc�cios
Conectando com APIs RESTful keyboard_arrow_down
- lock Conceitos do REST para desenvolvedores Angular
- lock Conectando com uma API RESTful
- lock Sistema de cadastro de lembretes com Angular
- lock Minha primeira Single-page Application
- lock 50 Exerc�cios
Angular CLI keyboard_arrow_down
- lock Instala��o
- lock Como criar artefatos do Angular
- lock Como criar e executar um projeto Angular
- lock Como gerar builds de projetos Angular
- lock Como rodar testes e checar o c�digo
- lock 50 Exerc�cios

Seja PRO Agora

Tenha acesso ilimitado a todo conte�do.

Teste Gr�tis

Possui uma conta? Login

Por que aprender na DevMedia?

Estudar tecnologia na DevMedia � uma experi�ncia �nica, pelos diferenciais abaixo:

Guias de estudo passo a passo

keyboard_arrow_down

Estudo orientado com Guias

Na nossa experi�ncia no ensino de programa��o ao longo dos anos, vimos que uma das maiores dificuldades dos alunos � ter um �plano de estudos�, ou seja, n�o se perder no meio do caminho.

Para resolver esse problema a plataforma DevMedia � dividida em Guias passo a passo.

Guia de Algoritmo — **Figura.** Estude atrav�s de guias e nunca se perca.

+40 tecnologias

keyboard_arrow_down

40 tecnologias para voc�

Estudar programa��o sempre envolve o aprendizado de mais de uma tecnologia. Na plataforma DevMedia voc� conta com 40 tecnologia dispon�veis - e a melhor not�cia, estamos sempre publicando novos conte�dos e exerc�cios. :)

Guia de Estudo — **Figura.** 40 tecnologias dispon�veis.

Suporte em tempo real

keyboard_arrow_down

Suporte a d�vidas em tempo real

Outro ponto muito importante durante seus estudo � conseguir tirar d�vidas rapidamente. Na DevMedia temos um time de programadores que tem a miss�o de tirar sua d�vida em tempo real.

Veja o que nossos usu�rios dizem sobre o Suporte em tempo real :)

Agrade�o e venho aqui reconhecer o trabalho de voc�s, pois eu nunca fico sem solucionar uma d�vida, seja pelas respostas aos outros usu�rios ou a mim.
Voc�s se dedicam muito ao suporte e fico feliz por ter escolhido a DevMedia tendo em vista este quesito. Acho importante esse feedback pois � o m�nimo que posso fazer.

Ismael Lima

star star star star star_border

Muito obrigada! Super claro e objetivo, adorei a aten��o que voc�s d�o aos alunos... Parab�ns!!! At� a pr�xima...

Tain� Rocha

star star star star star

Exerc�cios Gamificados

keyboard_arrow_down

Fortale�a o conhecimento com games de exerc�cios

Para te manter motivado e fortalecer os conhecimentos adquiridos na mem�ria, a plataforma DevMedia tamb�m � um game de exerc�cios de programa��o.

Cada t�pico de estudos cont�m um game de exerc�cios! Ao acertar os exerc�cios voc� ganha pontos, medalhas e tamb�m sobe sua posi��o ranking da plataforma.

Al�m disso toda vez que voc� acerta exerc�cios de programa��o voc� evolui o seu card! Veja abaixo:

Seja visto por grandes empresas

keyboard_arrow_down

Acerte exerc�cios e chame aten��o de grandes empresas

Aqui na Plataforma temos v�rias empresas parceiras que buscam seus novos programadores conosco!

Quanto mais exerc�cios voc� acertar, maior ser� sua chance de ser convidado a participar do processo seletivo dessas empresas!

Evolua e chame aten��o das empresas na plataforma

Certificados de Autoridade

keyboard_arrow_down

Os Certificados de Autoridade s�o a sua nova maneira de certificar seus conhecimentos para o mercado!

Ap�s responder corretamente 30 exerc�cios de um t�pico, voc� desbloqueia o seu certificado.

Este evolui conforme voc� pratica mais exerc�cios e consome mais conte�dos da tecnologia escolhida por voc�.

Seus Certificados de Autoridade podem ser compartilhados diretamente no seu perfil do LinkedIn!

Curta 7 dias PRO gr�tis

Vem testar nossa Plataforma gratuitamente.

Iniciar Teste

Possui uma conta? Login

O que dizem

Confira o que andam dizendo sobre n�s ap�s conclu�rem seus objetivos em nossa Plataforma.

Estou Inteiramente satisfeito! J� vim com conhecimento em java de nivel m�dio, mas estou seguindo toda a guia de Java desde o inicio. Muito Bom, parab�ns!

Luis Ferreira

star star star star star

Achei muito top o trabalho que a DevMedia est� fazendo, ensinando passo a passo deste jeito � muito mais facil...Parab�ns pelo �timo trabalho!

Moises

star star star star star_border

Acho que esse tipo de material organizado e em formato de arvore � muito favoravel para o aprendizado! Achei super positivo o conte�do feito desta forma, perincipalmente para os novos programadores! Parab�ns pelo empenho!

Erik

star star star star star

Muito boa a qualidade das aulas online, estou gostando bastante de aprender diversas tecnologias com a Devmedia!

Graciomar Mascarenhas

star star star star star_border

Gostei bastante do primeiro contato. Em seguida assinei por um ano e j� conclui o meu primeiro curso no portal. Gostei muito e espero enquanto esteja buscando me tornar um profissional da �rea de analista e programador de sistemas, ter muita ajuda dos cursos da DevMedia.

Eberton Ferreira

star star star star_border star_border

Tudo o que voc� precisa e mais um pouco. Cheguei no site a pouco tempo como assinante, e j� vi que foi o melhor investimento que poderia ter feito. Conte�do excelente e o que mais me chamou aten��o foram as v�rias formas de aprender. Assistindo, ouvindo, lendo, consertando c�digos. As ferramentas est�o aqui, s� depende de voc� utiliza-las. Recomendo mais do que tudo!

Elen Pires

star star star star star

Parab�ns pelo acompanhamento. Nunca vi um lugar onde o suporte � t�o r�pido.

Gabriel

star star star star star

Feedback dos Alunos

4.7

star star star star star_border

736 avalia��es

star star star star star

85% close

star star star star star_border

star star star star_border star_border

star star star_border star_border star_border

star star_border star_border star_border star_border

H� 15 dias

Marcelo Santo

star star star star star_border

Gostei muito da introdu��o.

H� 23 dias

Sardinha

star star star star star_border

Boa introdu��o. Parab�ns. Mas acredito que poderia ser um �nico v�deo de 5 minutos ou dois de no m�ximo 3 minutos cada. (s� um feedback). No mais, parab�ns...