Aprenda Angular do Básico ao Profissional
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.
Guia de Angular
play_circle_outline 23 Conteúdos
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.
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:
selector: 'app-ola-mundo',
templateUrl: './ola-mundo.component.html',
styleUrls: ['./ola-mundo.component.css']
export class OlaMundoComponent implements OnInit {
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:
Figura. Construção de aplicações Front-end.
Se preocupa com o visual da página e com a interação do usuário com ela.
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
O que é Angular? Por que aprender Angular? Exemplo de código Angular Angular e a Carreira Front-end
O que você vai aprender sobre Angular
lock O que é Angular?
lock Preparando o ambiente para programar com Angular
Template keyboard_arrow_down
lock Exibindo dados no template do componente
lock Property Binding
lock Diretivas estruturais
lock Event Binding
lock Angular Components
lock O que são Lifecycle Hooks?
lock Interação entre componentes
lock Criando uma Tooltip
lock Angular Forms
lock Angular HTTP
lock Angular Filter e Pipes
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
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
85% close
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...
Incrível! As vezes precisamos de cursos dessa forma, simples e direto ao assunto.
Muito bacana, desenvolvo sistemas a mais de 30 anos, passei por todas eras do gelo, ahahaha.... Sempre é ótimo estar se atualizando.