O documento apresenta uma introdução ao AngularJS 4 com CLI. Ele discute como configurar o ambiente de desenvolvimento com Node.js, TypeScript e Angular CLI. Em seguida, mostra como criar um projeto Angular simples com componentes, módulos e serviços.
30º GDG Uberaba - Introdução AngularJS 4 com CLIPedro Moura
O documento apresenta uma introdução ao framework AngularJS 4, discutindo como se organiza em componentes, serviços, roteamento e diretivas. É demonstrado passo a passo como configurar o ambiente de desenvolvimento, criar um projeto inicial, componentes, módulos e serviços para consumir uma API REST.
Conhecendo os fundamentos e desenvolvendo uma apliação básica com Angular2Hugo Magalhães
O documento apresenta um mini-curso sobre desenvolvimento de aplicações com Angular 2. Ele ensina como configurar o ambiente, criar componentes, exibir dados, utilizar serviços, implementar rotas e requisições HTTP. O curso é dividido em sete seções que cobrem tópicos como template, binding, formulários, listas, componentes reutilizáveis e arquitetura MVC.
Parceria Google + Microsoft
Open Source (código no github)
Não é continuação da versão 1
Foi reescrito e por que?
Uso de padrões web e Web Components (iniciado a partir do 1.5)
AngularJS vs Angular
Orientado a componente (componente dentro de componente)
Angular 2 é um framework Javascript para desenvolvimento de aplicações web e mobile mantido pela Google. Apresenta melhorias de performance em relação à versão anterior e arquitetura simplificada baseada em módulos, componentes, diretivas e injeção de dependência.
AngularJS é um framework JavaScript open-source que auxilia na construção de single-page applications declarativas. Ele amplia o HTML para permitir visualizações dinâmicas em aplicações web. AngularJS torna fácil desenvolver aplicações web responsivas de forma legível e rápida.
AngularJs é um framework JavaScript para criar aplicações web dinâmicas usando Single Page Applications (SPAs). Ele facilita o desenvolvimento, teste e desempenho de aplicações web através de ligação de dados, injeção de dependência e abstração da manipulação do DOM. AngularJs pode ser usado com várias arquiteturas como MVC, MVP e MVVM.
O documento descreve o framework Angular, incluindo sua história, arquitetura, funcionalidades e aplicações. Angular é um framework JavaScript mantido pelo Google para desenvolvimento de aplicações web single-page usando TypeScript.
30º GDG Uberaba - Introdução AngularJS 4 com CLIPedro Moura
O documento apresenta uma introdução ao framework AngularJS 4, discutindo como se organiza em componentes, serviços, roteamento e diretivas. É demonstrado passo a passo como configurar o ambiente de desenvolvimento, criar um projeto inicial, componentes, módulos e serviços para consumir uma API REST.
Conhecendo os fundamentos e desenvolvendo uma apliação básica com Angular2Hugo Magalhães
O documento apresenta um mini-curso sobre desenvolvimento de aplicações com Angular 2. Ele ensina como configurar o ambiente, criar componentes, exibir dados, utilizar serviços, implementar rotas e requisições HTTP. O curso é dividido em sete seções que cobrem tópicos como template, binding, formulários, listas, componentes reutilizáveis e arquitetura MVC.
Parceria Google + Microsoft
Open Source (código no github)
Não é continuação da versão 1
Foi reescrito e por que?
Uso de padrões web e Web Components (iniciado a partir do 1.5)
AngularJS vs Angular
Orientado a componente (componente dentro de componente)
Angular 2 é um framework Javascript para desenvolvimento de aplicações web e mobile mantido pela Google. Apresenta melhorias de performance em relação à versão anterior e arquitetura simplificada baseada em módulos, componentes, diretivas e injeção de dependência.
AngularJS é um framework JavaScript open-source que auxilia na construção de single-page applications declarativas. Ele amplia o HTML para permitir visualizações dinâmicas em aplicações web. AngularJS torna fácil desenvolver aplicações web responsivas de forma legível e rápida.
AngularJs é um framework JavaScript para criar aplicações web dinâmicas usando Single Page Applications (SPAs). Ele facilita o desenvolvimento, teste e desempenho de aplicações web através de ligação de dados, injeção de dependência e abstração da manipulação do DOM. AngularJs pode ser usado com várias arquiteturas como MVC, MVP e MVVM.
O documento descreve o framework Angular, incluindo sua história, arquitetura, funcionalidades e aplicações. Angular é um framework JavaScript mantido pelo Google para desenvolvimento de aplicações web single-page usando TypeScript.
O documento discute componentes no framework UI5 da SAP. Resume os principais pontos como: (1) Componentes são aplicações independentes que podem existir isoladamente ou fazer parte de outras aplicações; (2) A partir da versão 1.30, metadados de componentes são armazenados em manifest.json ao invés de Component.js; (3) É possível criar drill-downs automáticos em tabelas baseados em serviços OData usando componentes.
1) O documento descreve uma aula sobre desenvolvimento web com Angular, incluindo a instalação das ferramentas necessárias e a criação de um projeto Angular simples para gerenciar listas de tarefas.
2) É apresentado um modelo de dados para armazenar as tarefas, um template HTML para exibir os dados e um componente para conectar o modelo ao template.
3) O fluxo básico de execução de uma aplicação Angular é explicado, ligando o bootstrap, componentes, templates e data binding.
TDC2016SP - TypeScript em aplicações modernastdc-globalcode
O documento discute as principais mudanças no AngularJS 2.0, incluindo melhorias no desempenho, flexibilidade e simplicidade. Algumas diretivas como ng-bind e ng-click não existirão mais e componentes serão a base da programação. O bootstrapping também mudará para um modelo baseado em componentes.
O documento discute a arquitetura front-end SOFEA e o framework AngularJS. SOFEA promove a separação entre front-end e back-end, com a lógica de apresentação no cliente e comunicação via serviços web. AngularJS facilita a implementação de SOFEA, fornecendo recursos como data binding, injeção de dependência e diretivas para criar componentes reutilizáveis.
Introdução ao desenvolvimento front end usando bootstrap e angular jsCloves Moreira Junior
O documento discute conceitos de front-end como MVC, MVP, MVVM e AngularJS. Explica que MVC separa a interface do usuário em Model, View e Controller, enquanto MVP usa Presenter no lugar de Controller. MVVM usa ViewModel para manter a View e Model sincronizados. AngularJS usa MVW, onde qualquer padrão pode ser usado.
O documento discute as principais mudanças no AngularJS 2.0, incluindo melhorias no desempenho, flexibilidade e mobilidade. Diretivas como ng-bind e ng-class foram removidas e o framework agora é baseado em componentes em vez de controllers e $scope.
O documento apresenta uma introdução ao framework AngularJS, descrevendo suas principais características como: utilização de MVC no lado do cliente, melhorias no HTML através de diretivas, e two-way data binding. O documento também fornece instruções básicas sobre como começar a usar AngularJS em um projeto.
Desenvolvendo aplicações com Angular e Laravel no Back-endGiovanny Valente
O documento apresenta Angular e Laravel, abordando: (1) Angular como plataforma para desenvolvimento de interfaces utilizando HTML, CSS e JS; (2) Elementos fundamentais do Angular como templates e componentes; (3) Como Laravel é um framework MVC para PHP que facilita a construção de aplicações; (4) Desenvolvimento de uma aplicação simples utilizando Angular e Laravel integrados.
Protractor - Testando aplicações AngularJS end to endDaniel Amorim
O documento discute o framework AngularJS, o teste end-to-end com Protractor e como configurá-lo. O AngularJS é um framework JavaScript criado pela Google que permite extender HTML. O Protractor é uma ferramenta para testar aplicações AngularJS end-to-end usando o Selenium, sem esperas e buscando elementos pelo AngularJS. Ele é configurado por meio de um arquivo de configuração para especificar o Selenium e testes.
O documento discute o framework AngularJS, o teste end-to-end com Protractor e como configurá-lo. O AngularJS é um framework JavaScript criado pela Google para construir aplicações web dinâmicas de uma forma declarativa e extensível. O Protractor permite testar aplicações AngularJS end-to-end sem esperas explícitas, buscando elementos pelo próprio AngularJS. Ele roda no Selenium e usa Jasmine para escrever testes.
AngularJS é um framework JavaScript open source para criar aplicações web dinâmicas. O documento fornece uma introdução completa ao AngularJS, cobrindo conceitos como MVC, SPA, data binding e diretivas. Ele também discute vantagens do desenvolvimento com AngularJS como experiência do usuário aprimorada e melhor desempenho.
O documento discute a implementação de uma funcionalidade de "gostar ou não gostar" em um site de namoro utilizando técnicas de BDD e API first. O autor descreve como modelou as camadas, APIs e casos de uso da funcionalidade através de testes executáveis para garantir uma arquitetura de qualidade e maleável.
O documento discute como integrar aplicações móveis desenvolvidas com o framework Titanium ao CMS Drupal usando o módulo Drupal Services. O Titanium permite desenvolver aplicações nativas para iOS, Android e web usando JavaScript, enquanto o Drupal Services fornece APIs RESTful e outras interfaces para acessar dados no Drupal. O documento também inclui uma agenda com uma breve introdução ao Titanium e Drupal Services e uma seção prática.
Gestão de Projetos e Empreendedorismo: SIN-NA7 (04/09/2013) Alessandro Almeida
O documento discute os motivos frequentes de atrasos em projetos de implementação de ERP. Aponta que 30% das empresas não sabem se os projetos atingiram os objetivos devido à falta de planejamento e auditoria. Também indica que as dificuldades técnicas e mudanças no escopo, não a tecnologia em si, são as causas mais comuns de atraso. Problemas organizacionais também são apontados como fator.
AngularJS é um framework para criar aplicações web single-page. O documento introduz AngularJS, explicando seu propósito, vantagens e história. Também apresenta conceitos-chave como ng-app, ng-repeat e ng-model para criar uma lista de contatos dinâmica.
O documento descreve o framework AngularJS da Google, incluindo que ele permite criar aplicações web de página única, aumenta a produtividade ao requerer menos código, e usa componentes estilizados de forma independente da lógica.
Slide 02 introdução ao code igniter, utilização do bootstrap Raniere de Lima
O documento apresenta uma introdução ao framework PHP CodeIgniter e ao framework front-end Bootstrap. Descreve as principais características e funcionalidades de ambos, incluindo exemplos de uso do CodeIgniter e instruções para download de ambos os frameworks.
O documento fornece informações sobre Valmir Barbosa dos Santos e suas experiências com AngularJS, além de apresentar conceitos-chave do framework como DataBinding, Directives, Controllers e Módulos. Vários links sobre AngularJS são listados para quem deseja aprender mais sobre o assunto.
O documento discute o uso de asserções e exceções no Java, incluindo: 1) testar invariantes com asserções; 2) tratar múltiplos tipos de exceções em um único bloco catch; 3) usar try-catch com recursos que implementam a interface AutoClosable.
"Mas eu não tenho experiência..." E daí??? - Como quebrar o ciclo vicioso de...Julio Cesar Nunes de Souza
O documento discute como quebrar o ciclo vicioso de não conseguir emprego por falta de experiência. Sugere adquirir conhecimento através de cursos, projetos e participação em comunidades, e ganhar experiência com projetos pessoais, código aberto e possivelmente startups.
O documento discute componentes no framework UI5 da SAP. Resume os principais pontos como: (1) Componentes são aplicações independentes que podem existir isoladamente ou fazer parte de outras aplicações; (2) A partir da versão 1.30, metadados de componentes são armazenados em manifest.json ao invés de Component.js; (3) É possível criar drill-downs automáticos em tabelas baseados em serviços OData usando componentes.
1) O documento descreve uma aula sobre desenvolvimento web com Angular, incluindo a instalação das ferramentas necessárias e a criação de um projeto Angular simples para gerenciar listas de tarefas.
2) É apresentado um modelo de dados para armazenar as tarefas, um template HTML para exibir os dados e um componente para conectar o modelo ao template.
3) O fluxo básico de execução de uma aplicação Angular é explicado, ligando o bootstrap, componentes, templates e data binding.
TDC2016SP - TypeScript em aplicações modernastdc-globalcode
O documento discute as principais mudanças no AngularJS 2.0, incluindo melhorias no desempenho, flexibilidade e simplicidade. Algumas diretivas como ng-bind e ng-click não existirão mais e componentes serão a base da programação. O bootstrapping também mudará para um modelo baseado em componentes.
O documento discute a arquitetura front-end SOFEA e o framework AngularJS. SOFEA promove a separação entre front-end e back-end, com a lógica de apresentação no cliente e comunicação via serviços web. AngularJS facilita a implementação de SOFEA, fornecendo recursos como data binding, injeção de dependência e diretivas para criar componentes reutilizáveis.
Introdução ao desenvolvimento front end usando bootstrap e angular jsCloves Moreira Junior
O documento discute conceitos de front-end como MVC, MVP, MVVM e AngularJS. Explica que MVC separa a interface do usuário em Model, View e Controller, enquanto MVP usa Presenter no lugar de Controller. MVVM usa ViewModel para manter a View e Model sincronizados. AngularJS usa MVW, onde qualquer padrão pode ser usado.
O documento discute as principais mudanças no AngularJS 2.0, incluindo melhorias no desempenho, flexibilidade e mobilidade. Diretivas como ng-bind e ng-class foram removidas e o framework agora é baseado em componentes em vez de controllers e $scope.
O documento apresenta uma introdução ao framework AngularJS, descrevendo suas principais características como: utilização de MVC no lado do cliente, melhorias no HTML através de diretivas, e two-way data binding. O documento também fornece instruções básicas sobre como começar a usar AngularJS em um projeto.
Desenvolvendo aplicações com Angular e Laravel no Back-endGiovanny Valente
O documento apresenta Angular e Laravel, abordando: (1) Angular como plataforma para desenvolvimento de interfaces utilizando HTML, CSS e JS; (2) Elementos fundamentais do Angular como templates e componentes; (3) Como Laravel é um framework MVC para PHP que facilita a construção de aplicações; (4) Desenvolvimento de uma aplicação simples utilizando Angular e Laravel integrados.
Protractor - Testando aplicações AngularJS end to endDaniel Amorim
O documento discute o framework AngularJS, o teste end-to-end com Protractor e como configurá-lo. O AngularJS é um framework JavaScript criado pela Google que permite extender HTML. O Protractor é uma ferramenta para testar aplicações AngularJS end-to-end usando o Selenium, sem esperas e buscando elementos pelo AngularJS. Ele é configurado por meio de um arquivo de configuração para especificar o Selenium e testes.
O documento discute o framework AngularJS, o teste end-to-end com Protractor e como configurá-lo. O AngularJS é um framework JavaScript criado pela Google para construir aplicações web dinâmicas de uma forma declarativa e extensível. O Protractor permite testar aplicações AngularJS end-to-end sem esperas explícitas, buscando elementos pelo próprio AngularJS. Ele roda no Selenium e usa Jasmine para escrever testes.
AngularJS é um framework JavaScript open source para criar aplicações web dinâmicas. O documento fornece uma introdução completa ao AngularJS, cobrindo conceitos como MVC, SPA, data binding e diretivas. Ele também discute vantagens do desenvolvimento com AngularJS como experiência do usuário aprimorada e melhor desempenho.
O documento discute a implementação de uma funcionalidade de "gostar ou não gostar" em um site de namoro utilizando técnicas de BDD e API first. O autor descreve como modelou as camadas, APIs e casos de uso da funcionalidade através de testes executáveis para garantir uma arquitetura de qualidade e maleável.
O documento discute como integrar aplicações móveis desenvolvidas com o framework Titanium ao CMS Drupal usando o módulo Drupal Services. O Titanium permite desenvolver aplicações nativas para iOS, Android e web usando JavaScript, enquanto o Drupal Services fornece APIs RESTful e outras interfaces para acessar dados no Drupal. O documento também inclui uma agenda com uma breve introdução ao Titanium e Drupal Services e uma seção prática.
Gestão de Projetos e Empreendedorismo: SIN-NA7 (04/09/2013) Alessandro Almeida
O documento discute os motivos frequentes de atrasos em projetos de implementação de ERP. Aponta que 30% das empresas não sabem se os projetos atingiram os objetivos devido à falta de planejamento e auditoria. Também indica que as dificuldades técnicas e mudanças no escopo, não a tecnologia em si, são as causas mais comuns de atraso. Problemas organizacionais também são apontados como fator.
AngularJS é um framework para criar aplicações web single-page. O documento introduz AngularJS, explicando seu propósito, vantagens e história. Também apresenta conceitos-chave como ng-app, ng-repeat e ng-model para criar uma lista de contatos dinâmica.
O documento descreve o framework AngularJS da Google, incluindo que ele permite criar aplicações web de página única, aumenta a produtividade ao requerer menos código, e usa componentes estilizados de forma independente da lógica.
Slide 02 introdução ao code igniter, utilização do bootstrap Raniere de Lima
O documento apresenta uma introdução ao framework PHP CodeIgniter e ao framework front-end Bootstrap. Descreve as principais características e funcionalidades de ambos, incluindo exemplos de uso do CodeIgniter e instruções para download de ambos os frameworks.
O documento fornece informações sobre Valmir Barbosa dos Santos e suas experiências com AngularJS, além de apresentar conceitos-chave do framework como DataBinding, Directives, Controllers e Módulos. Vários links sobre AngularJS são listados para quem deseja aprender mais sobre o assunto.
O documento discute o uso de asserções e exceções no Java, incluindo: 1) testar invariantes com asserções; 2) tratar múltiplos tipos de exceções em um único bloco catch; 3) usar try-catch com recursos que implementam a interface AutoClosable.
"Mas eu não tenho experiência..." E daí??? - Como quebrar o ciclo vicioso de...Julio Cesar Nunes de Souza
O documento discute como quebrar o ciclo vicioso de não conseguir emprego por falta de experiência. Sugere adquirir conhecimento através de cursos, projetos e participação em comunidades, e ganhar experiência com projetos pessoais, código aberto e possivelmente startups.
O documento discute princípios de orientação a objetos em Java. Contém perguntas e respostas sobre herança, interfaces, classes abstratas e tipos de retorno. Uma questão analisa quando implementar uma interface é melhor do que estender uma classe abstrata. Outra pergunta discute se implementar interfaces ou estender classes abstratas fornecem a mesma flexibilidade.
O documento discute o método indexOf() em Java para pesquisar e encontrar posições de substrings em uma string. Ele mostra exemplos de como usar indexOf() para encontrar a posição de um caractere único, substring e em um loop para encontrar múltiplas ocorrências da substring.
O documento discute questões sobre Java Class Design. A primeira questão apresenta um exemplo de código Java e pergunta qual será a saída. A resposta correta é que será impresso "alcohol". A segunda questão pergunta quais das classes listadas usam corretamente a classe Tree abstrata. As opções corretas são E e C.
The document contains several code snippets and questions related to Java class design and inheritance. It provides code examples of base and sub classes, and asks what would compile or result from calling various methods. The questions test understanding of inheritance, overriding methods, calling superclass constructors, and access modifiers.
The document discusses Java class design questions and answers related to accessing static members, importing classes from other packages, and using methods from one class in another. It provides the question, multiple choice answers, and indicates the correct answer. The questions cover topics like static imports, classpaths, and accessing private methods.
The code samples show a GrizzlyBear class that extends Bear, and contains a hunt() method that tries to call a consume() method on a Salmon object. A separate Salmon class is defined in a different package that extends Fish and contains the consume() method.
To allow the GrizzlyBear class to access the consume() method on Salmon, the Salmon class needs to be either defined in the same package as GrizzlyBear, or the consume() method needs to be declared with public access instead of the default package-private access.
2. Um pouco sobre mim...
Um eterno aprendiz, e programador viciado em café adepto do
desenvolvimento ágil e poliglota.
Atuo como Engenheiro de Dados/Software na Mobilita e GJR Automação
de Processos (empresas as quais co-fundei).
Tenho Experiência em modelagem de arquitetura de software e
desenvolvimento de aplicações tanto monolíticas como baseadas em
microservices usando JavaEE e NodeJS.
Recentemente eu comecei a estudar e trabalhar com a Análise de Dados
e me apaixonei por Aprendizado de Máquina, Python e Scala.
Me arrisco de vez em quando no Front End com AngularJS.
3. O que veremos hoje?
● Introdução ao AngularJS 2/4 (a versão 4 é
compatível com a 2)
● Configurando ambiente de
Desenvolvimento
● Hands on Hello AngularJS 4
4. O que preciso saber para começar com
AngularJS 4?
● HTML
● CSS
● JavaScript (ES6)
● Type Script
5. O que não preciso saber?
Um monte de coisas, mas dentro desse contexto não
é necessário saber ANGULARJS 1.
Se você não sabe pode ser até mais fácil, porque
AngularJS 2/4 é muito diferente do AngularJS na
primeira versão.
6. Introdução
● https://angular.io
● Fruto de uma parceria entre Google e
Microsoft (por isso o uso do typescript)
● Open Source
● Foi totalmente reescrito, não é apenas uma
atualização da versão 1.
● Utiliza os padrões da web e Web Components.
7. Introdução:
Como se organiza o AngularJS 4?
● Componentes
○ Template
○ Metadata
○ Data Binding
● Serviços ● Roteamento
● Diretivas
● Injeção de
Dependências
8. Introdução:
Como se organiza o AngularJS 4: Componente
É a própria view.
● Template (HTML)
● Metadata (Permitem o Angular ler as classes e fazer o
processamento delas)
● Data Binding (Interpolação entre dados no JS e HTML)
● Comportamento da view
Comparando com Angular 1 é como se fosse a junção entre
Html, Data Binding (Controller e Escopo)
9. Introdução:
Como se organiza o AngularJS 4: Componente
Aplicações em AngularJS 4 são orientadas a componentes.
Componente
Raiz
Componente
Barra Lateral
Componente
Cabeçalho
Componente
Timeline
Componente
Post
Componente
Actions
10. Introdução:
Como se organiza o AngularJS 4: Componente
Componentes pequenos são mais fáceis de testar.
componente root
componente cabeçalho
componente
barra lateral
componente barra timeline
componente post
componente actions
11. Introdução:
Como se organiza o AngularJS 4: Serviços
Serviços são onde por boa prática vamos colocar nossa
regra de negócio e chamadas de API.
Podem ser injetados em outros componentes.
Componente X
Componente Y
Serviço REST API
13. Introdução:
Como se organiza o AngularJS 4: Diretiva
Modifica elementos DOM e seu comportamento. O
angular possui várias. Por exemplo: ngIf
Componentes também são diretivas já que também
alteram os elementos DOM e seu comportamento.
20. My First Angular 4 App
● Crie um diretório para o seu projeto
● Abra o Visual Studio Code
● Vá em File/Open Folder e abra o diretório criado
● Vá até View e abra o Integrated Terminal
● No Terminal digite:
○ ng new my-first-app
○ cd my-first-app
○ ng serve
Abra no navegador: http://localhost:4200/
22. My First Angular 4 App:
Meu primeiro Componente
● ng g c comp01
Veja as alterações no projeto e vamos colocar o
seletor dentro do html do app component e ver as
alterações na view no localhost:4200 (live update)
23. My First Angular 4 App:
Meu primeiro Módulo
● Os blocos de código com um determinado propósito
compõem um módulo, e um conjunto desses módulos
irão compor a aplicação.
● O grande benefício dos módulos é desmembrar a
aplicação em partes pequenas, onde cada uma terá
sua responsabilidade, poderá ser facilmente testada,
além de permitir uma manutenção mais simples.
● Ajudam a organizar e modularizar o app.
24. My First Angular 4 App:
Meu primeiro Módulo
● Administração
○ Usuários
○ Permissões
○ Logs
● Produtos
○ Cadastros
○ Lista
● etc.
25. My First Angular 4 App:
Meu primeiro Módulo
● ng g m alunos
● crie um componente dentro do módulo (alunos)
● agregue o novo módulo ao componente raiz
Para que o componente(s) declarados no Módulo
fiquem visíveis no App Component e seu seletor
possa ser usado deve ser adicionado na lista de
exports do Módulo.
O módulo deve ser importado e adicionado na lista
de modules do AppModule.
26. My First Angular 4 App:
Meu primeiro Serviço
● ng g s alunos/alunos
● faça uma lista estática no service de (nome,nota)
● injetar no alunos.component.ts e designar valor
da lista de alunos do service para uma variável
local
Services são injetáveis (decorator @Injectble) no
componente tem de ser importados e injetados no
construtor (se usar o modificador private se tornam
atributo da classe automaticamente)
27. My First Angular 4 App:
Meu primeiro Serviço
● Fazer o data binding no html usando ngFor
<tbody>
<tr *ngFor="let aluno of alunos">
<td>{{aluno.ra}}</td>
<td>{{aluno.name}}</td>
</tr>
</tbody>
28. My First Angular 4 App:
Meu primeiro Serviço
● alterar o services consumir ws
import { Http } from '@angular/http';
//injetar no construtor
constructor(private http: Http) {
}
//headers da requisicao
private getHeaders() {
var headers = new Headers();
headers.append('Content-Type', 'application/json');
return headers;
}
this.http.post(“http://69.10.49.96:8080/app/ws/students/save”,json, this.getHeaders())
this.http.get(“http://69.10.49.96:8080/app/ws/students/list”, this.getHeaders()).map(res => res.json())
this.http.delete(“69.10.49.96:8080/app/ws/students/”+id, this.getHeaders())
//import 'rxjs/add/operator/map'; no AppModule para usar funcao map
29. Fonte e mais informações:
● Documentação AngularJS: https://angular.io/
● Blog AngularJS: https://blog.angular.io/
● Documentação CLI: https://blog.angular.io/
https://github.com/angular/angular-cli
● Curso Free Loiane Groner:
https://loiane.training/course/angular-2/
● Livro Angular 4: Pocket Primer:
https://www.amazon.com/Angular-Pocket-Primer-ebook/dp/B073
FWK8V8
● https://github.com/juliocnsouzadev/gdg_intro_angularjs4