Como criar Dark Theme
Assista agora totalmente gratuito como criar Dark Theme
"A área de T.I foi uma das que mais cresceram nos últimos anos. Entre 2012 e 2020, os serviços de tecnologia da informação, mais que dobraram de tamanho, com cerca de 95,6%, de acordo com o IBGE."
Conheça o Curso de Angular, coloque suas habilidades em ação com este mergulho abrangente no mundo do Angular e comece da maneira certa.
Curso completo com as melhores práticas incluindo arquitetura.
Além de todas essas aulas que o curso possui, novos módulos estão sendo gravados.
Iniciando com Angular
O que é e para que serve o Angular08:43
Conhecendo a Documentação07:11
Versionamento08:08
Instalação do Angular
Instalando os recursos03:51
Angular CLI10:03
Arquitetura / Estrutura18:29
Build03:50
Componentes no Angular
O que é um Component17:16
Hack para organizar o app.componente02:49
ngOnInit08:22
ngOnChanges07:18
ngDoCheck09:56
ngOnDestroy07:01
Template Data Binding Angular
O que são Data Binding07:08
Interpolation10:49
Property Binding06:27
Event Binding12:29
Two-way binding05:38
Diretiva Angular
O que são Diretivas04:57
*ngIf10:35
*ngFor13:28
*ngSwitch06:21
ngClass06:14
ngStyle04:50
ngModel09:23
ng-template06:37
ng-content06:02
Pipes06:17
Module Angular
Modules / @NgModule05:04
Criando Sub-modules08:34
Comunicação entre Componentes
Introdução06:52
@Input()08:07
@Output() - Parte 107:59
@Output() - Parte 207:45
Serviços, Http e Observable
Service - Injeção de Dependencia13:08
Comunicação de componentes com Service07:37
Subscribe09:01
Fake server05:01
Observable + http-Get 14:10
Observable + http-Post11:06
Observable + http-put e delete14:17
Http custom header02:26
Forms
ngForm + input text06:02
ngForm + Input rádio02:47
ngForm + Input checkbox02:21
ngForm + Selected09:20
ngForm + Errors09:11
ngSubmit - Submit form06:51
Reactive Forms
Reactive forms introdução03:07
Utilizando o Formulário13:24
Validators08:52
Valid e Invalid04:26
Mais sobre validators10:23
Roteamento Angular
Entendendo o Arquivo de Rotas05:25
Criando Rotas05:42
Rota Coringa + redirectTo01:59
Navegação entre páginas05:36
Rotas Ativas04:02
Parametros nas rotas05:42
Redirecionamento com TS04:42
Rotas Filhas03:06
Lazy Loading14:56
Estratégia com useHash02:26
Testes unitários
Testes unitários07:00
Jasmine04:00
Entendendo os arquivos e um pouco mais de testes16:00
Cobertura de teste08:00
Criando componente para teste12:00
Terminando componente para teste07:00
Testando a unidade do componente15:00
Testando a unidade nos IFs do componente10:00
Testando a interface do componente10:00
Criando component investiments02:26
Testando component investiments02:26
Criando serviço investiments11:00
Configurando Test do serviço17:00
Configurando Test do serviço 209:00
Corrigindo os erros05:00
Proteção de Rotas [ Guards ]
Introdução Guards03:31
CanActivate09:14
CanActivate 207:37
CanDeactivate09:30
CanDeactivate 202:23
CanLoad09:59
CanLoad 205:26
CanActivateChild05:12
Primeiro Projeto Angular
Iremos desenvolver uma simples porém incrível To-Do list.
To-Do Lists são listas de todas as tarefas que você precisa realizar, ou seja, elas listam tudo que você tem a fazer.
Quer saber mais?
Da uma olhadinha neste link: https://troquatte.github.io/curso-angular-to-do-list/
Segundo Projeto Angular
Iremos desenvolver uma incrível Pokedex.
Nossa Pokedex será um projeto mágico e muito intuitivo feito em nosso curso de Angular.
Quer saber mais?
Da uma olhadinha neste link: https://troquatte.github.io/curso-angular-pokedex/
Terceiro Projeto Angular
Iremos desenvolver uma página de login.
Nossa página de login será um projeto mágico e muito intuitivo feito em nosso curso de Angular.
Quer saber mais?
Da uma olhadinha neste link: https://troquatte.github.io/curso-de-angular-auth-front/
Quarto Projeto Angular
Nossa página de Light e Dark Theme será um projeto mágico e muito intuitivo feito em nosso curso de Angular.
Quer saber mais?
Da uma olhadinha neste link: https://troquatte.github.io/curso-angular-dark-theme/
Módulos em desenvolvimento
O curso está sempre em desenvolvimento.
Veja os módulos que estão por vir:
- HandsOn criaremos uma área de Login
- Entre outros...
Estou na área de Front-end a mais de 8 anos porém gostei tanto do Back-end que resolvi aprender e acabei focando nos 2 campos.
Devido a isso resolvi abraçar a stack JS pois atuo no Front-end / Back-end.
Investimento
Udemy
R$ 197
Treinamento para o mercado de trabalho
Esse curso de Angular foi desenvolvido com minha experiência no mercado de trabalho.
Melhores práticas
Padrões de projetos, padrões de design, desempenho e arquitetura.
Conhecimento especializado
Criado por especialista em desenvolvimento Front-end, não há lugar melhor para aprender na web.
Código fonte do projeto
Acesse o código fonte completo do curso!
Acesso vitalício
Acesso vitalício + atualizações continuas para próximas versões do curso.
Garantia de 7 dias
É isso mesmo, você não tem risco nenhum ao se inscrever neste curso. Use os 7 dias se não gostar devolveremos seu dinheiro.
O que é o Angular?
Angular é um poderoso framework que utiliza TypeScript ( javascript ), Scss e HTML para criar a interface com o usuário, ou seja, o front-end em aplicações web, desktop e dispositivos móveis. A primeira versão foi lançada em 2010 com o nome Angular JS, mas foi completamente reescrita e em 2016 passou a ser chamada Angular 2+.
Desde então, passou por diversas mudanças importantes em seu código fonte. Para explorar todo o potencial que o framework Angular oferece é preciso entender como ele funciona e de que forma ele se relaciona com o back-end da aplicação
Qual a função do Angular?
O Angular otimiza o desenvolvimento das aplicações front-end de páginas web. O HTML permite a criação de páginas estáticas, porém, para uma aplicação web, é necessário mais do que isso.
Sua finalidade é nos dar ferramentas necessárias para criação de aplicações SPA, além disso também deixa o desenvolvimento deste tipo de aplicação mais simples e otimizado. Com ele, podemos desenvolver aplicações web voltadas tanto para resoluções desktop quanto para resoluções mobile, tornando-as dinâmicas.
Primeiro Projeto prÁtico com Angular
Iremos desenvolver uma simples porém incrível To-Do list.
To-Do Lists são listas de todas as tarefas que você precisa realizar, ou seja, elas listam tudo que você tem à fazer.
Curso de Angular
Veja o que os alunos falam sobre minhas aulas
Resolvi criar meu curso completo e com isso estou conseguindo ajudar as pessoas!
SEGUNDO Projeto prático com Angular
Iremos desenvolver uma incrível POKEDEX.
Terceiro Projeto prático com Angular
Iremos desenvolver uma incrível Tela de Login e efetuar a conexão com back-end.
Curso de Angular
Garantia de 7 Dias, Risco ZERO
e 100% Satisfação!
É isso mesmo, você não tem risco nenhum ao se inscrever neste curso! Você vai ter 7 dias para testar tudo, assistir todas as aulas que quiser e se você não ficar satisfeito, por qualquer motivo, é só pedir que eu te dou 100% do dinheiro de volta, sem burocracia e sem perguntas.
Você vai receber todo esse conteúdo por
Aproveite o preço
promocional da Udemy
Dúvidas Frequentes
Qual a versão do curso de Angular?
Estamos utilizando v12 +.
O curso está sendo atualizado constantemente de acordo com o Framwork Angular.
Como posso acessar o curso?
Assim que a sua compra for confirmada, você receberá por e-mail todas as instruções, junto com seu login e senha para entrar na nossa plataforma.
Qual a carga horária do curso?
Até o momento, são mais de 70 aulas e aproximadamente 9 horas de conteúdo.
Novas aulas são incluídas frequentemente.
Qual a garantia do curso?
Você tem garantia de até 7 dias. Dessa forma, se por algum motivo quiser o seu dinheiro de volta, devolvemos tudo. Pedimos apenas o motivo do reembolso para que possamos melhorar nossos serviços.
As gravações estão finalizadas?
Não. Novas aulas,módulos e projetos são adicionados constantamente sem nenhum custo adicional. Você paga apenas uma vez e continua recebendo novos conteúdos.
O curso tem uma duração limite?
Não. A partir do momento que você recebe acesso ao curso você tem acesso vitalício. Ou seja, nunca vai expirar e você pode acessar a hora que quiser.
O que é Angular?
É um framework JavaScript de código aberto mantido pela Google para a construção de SPA (sigla para Single Page Applications ou Aplicações de Página Única). Resumidamente, uma SPA é basicamente uma aplicação web construída em uma só página, na qual a interação e a navegação entre as sessões de uma página ocorrem de maneira a qual não é necessário recarregar a página em cada uma dessas mudanças.
Sua finalidade é nos dar ferramentas necessárias para criação de aplicações SPA, além disso também deixa o desenvolvimento deste tipo de aplicação mais simples e otimizado. Com ele, podemos desenvolver aplicações web voltadas tanto para resoluções desktop quanto para resoluções mobile, tornando-as dinâmicas, modernas e escaláveis.
Com o Angular, temos um novo paradigma de desenvolvimento focado nos dados da aplicação.
Angular e TypeScript: qual a relação?
Antes de falar sobre a relação entre as duas tecnologias, é preciso entender o que significa TypeScript, que é um superset do JavaScript. Isso significa que ela é um superconjunto, ou seja, com ela é possível fazer tudo o que se faz em JavaScript e contar, ainda, com uma série de recursos adicionais.
Ao desenvolver uma aplicação Angular é preciso utilizar TypeScript, que é um superset de JavaScript, e que, ao ser compilada, devolve um arquivo em JavaScript. Isso acontece porque o arquivo TypeScript, que tem a extensão .ts, ao ser compilado gera um arquivo .js (JavaScript).
Essa característica permite que a aplicação desenvolvida seja executada em qualquer navegador sem que o desenvolvedor precise se preocupar com a compatibilidade em cada um. Dessa forma, há um ganho em produtividade, pois o Angular já contempla as diferenças entre os navegadores.
O TypeScript oferece funcionalidades adicionais que são essenciais para o desenvolvimento em Angular. Confira, a seguir, alguns dos principais recursos disponíveis.