https://github.com/loiane/minicurso-angular
Exemplos do mini curso de introdução ao AngularJS
https://github.com/loiane/minicurso-angular
Last synced: 7 months ago
JSON representation
Exemplos do mini curso de introdução ao AngularJS
- Host: GitHub
- URL: https://github.com/loiane/minicurso-angular
- Owner: loiane
- Created: 2015-10-20T18:47:49.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2016-06-23T12:53:54.000Z (over 9 years ago)
- Last Synced: 2025-01-08T00:22:46.676Z (9 months ago)
- Language: HTML
- Homepage:
- Size: 270 KB
- Stars: 16
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](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)