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 sua carreira

Guia de Angular
DevMedia
20 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 na DevMedia

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.

Comece Agora

Possui uma conta? Login

Por que aprender na DevMedia?

Estudar tecnologia na DevMedia � uma experi�ncia �nica. Nossa metodologia de ensino � baseada nos seguintes pilares:

Plano de estudo orientado

Did�tica simples e f�cil de entender

Exerc�cios gamificados para praticar

Suporte ao aluno 24 horas

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

Comunidade ativa de alunos

Encontro semanais com experts

Casos de sucesso da DevMedia

Leonardo Carlos

Eu sabia pouqu�ssimas coisas de programa��o antes de come�ar a estudar com voc�s, fui me especializando em v�rias �reas e ferramentas que tinham na plataforma, e com essa bagagem consegui um est�gio logo no in�cio do meu primeiro per�odo na faculdade.

Lucas Rodrigues

Estudo aqui na Dev desde o meio do ano passado! Nesse per�odo a Dev me ajudou a crescer muito aqui no trampo.
Fui o primeiro desenvolvedor contratado pela minha empresa. Hoje eu lidero um time de desenvolvimento!
Minha meta � continuar estudando e praticando para ser um Full-Stack Dev!

Her�clito J�nior

Economizei 3 meses para assinar a plataforma e sendo sincero valeu muito a pena, pois a plataforma � bem intuitiva e muuuuito did�tica a metodologia de ensino. Sinto que estou EVOLUINDO a cada dia. Muito obrigado!

Julio Cablen

Nossa! Plataforma maravilhosa. To amando o curso de desenvolvimento front-end, tinha coisas que eu ainda n�o tinha visto. A did�tica � do jeito que qualquer pessoa consegue aprender. S�rio, to apaixonado, adorando demais.

Joelberth Sena

Adquiri o curso de voc�s e logo percebi que s�o os melhores do Brasil. � um passo a passo incr�vel. S� n�o aprende quem n�o quer. Foi o melhor investimento da minha vida!

Felipe Nunes

Foi um dos melhores investimentos que j� fiz na vida e tenho aprendido bastante com a plataforma. Voc�s est�o fazendo parte da minha jornada nesse mundo da programa��o, irei assinar meu contrato como programador gra�as a plataforma.

Wanderson Oliveira

Comprei a assinatura tem uma semana, aprendi mais do que 4 meses estudando outros cursos. Exerc�cios pr�ticos que n�o tem como n�o aprender, est�o de parab�ns!

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...