minicurso-angular do site http://loiane.training

Exemplos do mini curso de introdução ao AngularJS

Para vídeos e certificado, acesse: http://loiane.training

Em construção - video-aulas em 2016.

Requisitos

• Conhecimentos em HTML/JS/CSS básico
• Editor de texto (Sublime, Atom, Webstorm, Textpad, etc)
• Webserver PHP instalado (Xampp, wamp, etc)
• Node.JS + MongoDB

Exemplos

• Exemplo 01: Exemplo simples com HTML
• Exemplo 02: Atualizando um span à medida que o textInput muda (MERGE com 02 e 03)
• Exemplo 03: Atualizando um span com JQuery
• Exemplo 04: Atualizando um span com Backbone (MVC)
• Exemplo 05: Atualizando com AngularJS
• Exemplo 06: Data binding com vários text inputs
• Exemplo 07: Concatenar Nome + Sobrenome
• Exemplo 08: Inicializando o Model com um Controller (função global - até Angular 1.2)
• Exemplo 09: Inicializando o Model com um Controller (definido como módulo do Angular - Angular 1.3+)
• Exemplo 10: Mudando valores do scope de maneira assíncrona (updates não são aplicados sem .apply())
• Exemplo 11: Mudando valores do scope de maneira assíncrona (updates aplicados com .apply())
• Exemplo 12: Listas com loop usando ng-repeat
• Exemplo 13: Adicionando items na lista usando form e ng-submit
• Exemplo 14: Limpando o textInput usando data-binding
• Exemplo 15: Adicionando validação básica ao formulário
• Exemplo 16: Adicionando CSS na validação do formulário
• Exemplo 17: Adicionando variáveis de controle no form e campos (CSS)
• Exemplo 18: Fazendo submit de valores do formulário válido no controller e botão
• Exemplo 19: Adicionando validação customizada através de diretiva
• Exemplo 20: Removendo nomes da lista usando ng-click
• Exemplo 21: Enumerando objetos - países e população
• Exemplo 22: Construindo uma tabela
• Exemplo 23: Consumindo um JSON
• Exemplo 24: Sintaxe de injeção de dependência para minificação
• Exemplo 25: Adicionando pesquisa usando Filtros
• Exemplo 26: Ordenando usando ng-repeat usando orderBy
• Exemplo 27: Ordenando em forma decrescente
• Exemplo 28: Ordenando colunas da tabela de forma interativa
• Exemplo 29: Ordenação reversa de forma interativa
• Exemplo 30: Adicionando imagens na tabela
• Exemplo 31: Usando ng-src
• Exemplo 32: Adicionando novas informações na lista
• Exemplo 33: Formatando moeda usando Filtro no template
• Exemplo 34: Formatando população usando Filtro no template
• Exemplo 35: Consumindo um JSON do PHP + MySQL
• Exemplo 36: Preparando roteamento - lista de países
• Exemplo 37: Roteamento com ngRoute
• Exemplo 38: Criando templates em arquivos diferentes
• Exemplo 39: Extraindo e usando parâmetros das rotas
• Exemplo 40: Usando links com rotas para navegar entre as views
• Exemplo 41: Obtendo os detalhes de um país
• Exemplo 42: Listando os detalhes de um país
• Exemplo 43: Criando um serviço para listar os países
• Exemplo 44: Extraindo os detalhes de um país para um serviço
• Exemplo 45: Cacheando dados do JSON no serviço
• Exemplo 46: Cacheando JSON usando a opção de cache
• Exemplo 47: Criando um filtro para encodar URIs
• Exemplo 48: Criando uma diretiva para os países (MERGE com 48)
• Exemplo 49: Adicionando o Controller na diretiva customizada
• Exemplo 50: Extraindo controller para um módulo separado
• Exemplo 51: Extraindo factories e diretivas para um módulo separado com cadeia de métodos
• Exemplo 52: Simulando uma API RESTful
• Exemplo 53: CRUD App Todo: criando a View inicial
• Exemplo 54: CRUD App Todo: criando o Controller para listar tarefas
• Exemplo 55: CRUD App Todo: criando o Serviço para listar tarefas
• Exemplo 56: CRUD App Todo: buscando dados do HTML5 LocalStorage
• Exemplo 57: CRUD App Todo: criando novas tarefas (Controller)
• Exemplo 58: CRUD App Todo: criando novas tarefas (Serviço e LocalStorage)
• Exemplo 59: CRUD App Todo: editando tarefas existentes (Controler e Serviço)
• Exemplo 60: CRUD App Todo: marcando tarefas como concluídas (exclusão) (Controler e Serviço)