Curso
Trabalhando com rotas no AngularJS
Neste curso você aprenderá a criar um site que utiliza um sistema de roteamento para determinar para qual controle será enviada a requisição feita pelo navegador. Para isso, utilizaremos o serviço de rotas do AngularJS, um dos Frameworks JavaScript mais utilizados entre os desenvolvedores Web. Falaremos sobre o processo de escolha das URLs, a criação de templates com arquivos HTML e a manipulação desses templates pelos controles do aplicativo.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
6 horas
(6 aulas)
Aula 1 - Introdução
Nessa aula seremos apresentados ao conceito de rota no contexto de um site. Veremos quais os arquivos necessários para inciar a codificação e quais os passos para identificar uma rota baseado em um exemplo de post.
Aula 2 - Criando a primeira rota
Veremos a criação da nossa primeira rota usando o serviço de rotas do Framework JavaScript AngularJS. Discutiremos o papel da diretiva ng-view e a sua relação com os templates HTML, o serviço Route fornecido pelo RouteProvider e a sua função when.
Aula 3 - Carregando templates com arquivos
Nessa aula veremos como carregar arquivos HTML utilizando o propriedade templateUrl das rotas e os passos para resolver problemas relacionados a requisição de arquivos não disponíveis no servidor.
Aula 4 - Trabalhando com controllers
Criaremos controllers para manipular variáveis que introduziremos nos nossos templates HTML. Após entender como esse processo funciona, veremos ainda como capturar parâmetros passados na URL da rota para também inserir esses dados nos templates.
Aula 5 - Adicionando uma rota padrão
Nessa aula veremos o papel do método otherwise no sistema de rotas e criaremos uma rota padrão /404 com um template personalizado para servir quando nenhuma rota satisfazer a requisição.
Aula 6 - Conclusão
Nosso aplicativo será reestruturado com o objetivo de separar o código relacionado as rotas do código de criação dos controles dando o acabamento final necessário para que ele cresça de forma saudável e seja mais facilmente gerenciável.
Veja outros cursos de JavaScript
JavaScript: Input
JavaScript: Aplicação em camadas
JavaScript: Objeto Literal e coleção de objetos