SlideShare ist ein Scribd-Unternehmen logo
1 von 11
Downloaden Sie, um offline zu lesen
HTML interativo com
Sheldon Led – Sistemas de Informação - Alfa
Início da web – Anos 90
1. 1991 – Internet para militares e universidades;
2. 1995 – Netscape lança o Javascript;
3. Regras de negócio no servidor;
4. Poucas funcionalidades para o Javascript;
5. Acessos lentos, que consumiam bastante rede.
Evolução da web
1. Nascimento da Mozilla Foundation
2. Desenvolvimento do Ajax
3. Plugins e Bibliotecas (jQuery, mootools, YUI)
4. Google – Primeiras Web Apps
5. Criação de Frameworks Javascript
Web Atual – 3 camadas
1. Conteúdo (HTML)
2. Apresentação (CSS)
3. Comportamento (Javascript)
Javascript Moderno – Arquitetura Completa
1. Hardware e Servidor web: Node JS
2. Banco de Dados: Mongo DB
3. Comunicação distribuída: Socket.io
4. REST e Regras de Negócio: Express JS
5. Apresentação dos Dados: Angular JS, Backbone,
Ember.js, etc...
Frameworks MV* - AngularJS
1. Criado Em 2009
2. Mantido pela Google
3. Programação declarativa (HTML,CSS) é melhor que
a imperativa (Javascript) para construir interfaces
4. Programação imperativa é excelente para
descrever lógica de negócio
5. Estende o vocabulário do HTML atual
Frameworks MV* - AngularJS
1. Suporte à Templates
2. Menos carga de rede
3. Repetição, Filtros, Roteamento de conteúdo
4. Dados Interligados (Apresentação / Modelo)
5. Injeção de Dependência
Porque Angular JS?
1. Sistemas empresariais disponíveis pela rede, em
uma aplicação web dinâmica;
2. Independente de:
●
Navegador.
●
Sistema Operacional.
●
Arquitetura computacional.
Porque Angular JS?
1. Utiliza das melhores práticas e recursos da web;
2. Maior independência de programação web;
3. Atrai bons desenvolvedores;
4. Fácil manutenção do sistema.
Case Goiano
1. Framework de Desenvolvimento JavaScript
Obrigado
Sheldon Led Martins de Oliveira
http://sheldonled.com
sheldonled.ms@gmail.com

Weitere ähnliche Inhalte

Ähnlich wie HTML Interativo com AngularJS

Cenário Apple
Cenário AppleCenário Apple
Cenário AppleLaura Lou
 
Técnicas de Programação para a Web
Técnicas de Programação para a WebTécnicas de Programação para a Web
Técnicas de Programação para a WebLuiz Cláudio Silva
 
Conexão Java 2006: Introdução ao Ajax
Conexão Java 2006: Introdução ao AjaxConexão Java 2006: Introdução ao Ajax
Conexão Java 2006: Introdução ao AjaxHelder da Rocha
 
CóPia De Minicurso Smsi
CóPia De Minicurso SmsiCóPia De Minicurso Smsi
CóPia De Minicurso Smsitaniamaciel
 
.NET 2015, ASP.NET 5, C# 6 e tudo mais
.NET 2015, ASP.NET 5, C# 6 e tudo mais.NET 2015, ASP.NET 5, C# 6 e tudo mais
.NET 2015, ASP.NET 5, C# 6 e tudo maisakamud
 
Web Services Xml
Web Services XmlWeb Services Xml
Web Services XmlUFMG
 
Banco de Dados (pré-apresentação)
Banco de Dados (pré-apresentação)Banco de Dados (pré-apresentação)
Banco de Dados (pré-apresentação)samlobo
 
Periódicos MundoJ e Java Magazine Fevereiro 2012
Periódicos MundoJ e Java Magazine Fevereiro 2012Periódicos MundoJ e Java Magazine Fevereiro 2012
Periódicos MundoJ e Java Magazine Fevereiro 2012rogerlista
 
Arquitetura para otimização de legado
Arquitetura para otimização de legadoArquitetura para otimização de legado
Arquitetura para otimização de legadoClóvis Wichoski
 
Sql Azure no Access Aay Lite 2010
Sql Azure no Access Aay Lite 2010Sql Azure no Access Aay Lite 2010
Sql Azure no Access Aay Lite 2010Ronaldo Ramires
 
Descobrindo o Potencial do Flex para a Criação de Aplicações Ricas para a WEB
Descobrindo o Potencial do Flex para a Criação de Aplicações Ricas para a WEBDescobrindo o Potencial do Flex para a Criação de Aplicações Ricas para a WEB
Descobrindo o Potencial do Flex para a Criação de Aplicações Ricas para a WEBelliando dias
 

Ähnlich wie HTML Interativo com AngularJS (20)

Banco de dados
Banco de dados   Banco de dados
Banco de dados
 
XPT Framework
XPT FrameworkXPT Framework
XPT Framework
 
Alex Vitola
Alex VitolaAlex Vitola
Alex Vitola
 
Slides da palestra no Flex mania 2011
Slides da palestra no Flex mania 2011Slides da palestra no Flex mania 2011
Slides da palestra no Flex mania 2011
 
Projeto de redes
Projeto de redesProjeto de redes
Projeto de redes
 
Cenário Apple
Cenário AppleCenário Apple
Cenário Apple
 
Técnicas de Programação para a Web
Técnicas de Programação para a WebTécnicas de Programação para a Web
Técnicas de Programação para a Web
 
Conexão Java 2006: Introdução ao Ajax
Conexão Java 2006: Introdução ao AjaxConexão Java 2006: Introdução ao Ajax
Conexão Java 2006: Introdução ao Ajax
 
Minicurso Smsi
Minicurso SmsiMinicurso Smsi
Minicurso Smsi
 
CóPia De Minicurso Smsi
CóPia De Minicurso SmsiCóPia De Minicurso Smsi
CóPia De Minicurso Smsi
 
1409243945064
14092439450641409243945064
1409243945064
 
.NET 2015, ASP.NET 5, C# 6 e tudo mais
.NET 2015, ASP.NET 5, C# 6 e tudo mais.NET 2015, ASP.NET 5, C# 6 e tudo mais
.NET 2015, ASP.NET 5, C# 6 e tudo mais
 
Web Services Xml
Web Services XmlWeb Services Xml
Web Services Xml
 
Banco de Dados (pré-apresentação)
Banco de Dados (pré-apresentação)Banco de Dados (pré-apresentação)
Banco de Dados (pré-apresentação)
 
Periódicos MundoJ e Java Magazine Fevereiro 2012
Periódicos MundoJ e Java Magazine Fevereiro 2012Periódicos MundoJ e Java Magazine Fevereiro 2012
Periódicos MundoJ e Java Magazine Fevereiro 2012
 
Arquitetura para otimização de legado
Arquitetura para otimização de legadoArquitetura para otimização de legado
Arquitetura para otimização de legado
 
Sql Azure no Access Aay Lite 2010
Sql Azure no Access Aay Lite 2010Sql Azure no Access Aay Lite 2010
Sql Azure no Access Aay Lite 2010
 
Hands-On – ExtJS
Hands-On – ExtJSHands-On – ExtJS
Hands-On – ExtJS
 
Descobrindo o Potencial do Flex para a Criação de Aplicações Ricas para a WEB
Descobrindo o Potencial do Flex para a Criação de Aplicações Ricas para a WEBDescobrindo o Potencial do Flex para a Criação de Aplicações Ricas para a WEB
Descobrindo o Potencial do Flex para a Criação de Aplicações Ricas para a WEB
 
Curso jsf
Curso jsfCurso jsf
Curso jsf
 

Kürzlich hochgeladen

Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsDanilo Pinotti
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploDanilo Pinotti
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx2m Assessoria
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx2m Assessoria
 
Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfNatalia Granato
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx2m Assessoria
 

Kürzlich hochgeladen (6)

Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 

HTML Interativo com AngularJS

  • 1. HTML interativo com Sheldon Led – Sistemas de Informação - Alfa
  • 2. Início da web – Anos 90 1. 1991 – Internet para militares e universidades; 2. 1995 – Netscape lança o Javascript; 3. Regras de negócio no servidor; 4. Poucas funcionalidades para o Javascript; 5. Acessos lentos, que consumiam bastante rede.
  • 3. Evolução da web 1. Nascimento da Mozilla Foundation 2. Desenvolvimento do Ajax 3. Plugins e Bibliotecas (jQuery, mootools, YUI) 4. Google – Primeiras Web Apps 5. Criação de Frameworks Javascript
  • 4. Web Atual – 3 camadas 1. Conteúdo (HTML) 2. Apresentação (CSS) 3. Comportamento (Javascript)
  • 5. Javascript Moderno – Arquitetura Completa 1. Hardware e Servidor web: Node JS 2. Banco de Dados: Mongo DB 3. Comunicação distribuída: Socket.io 4. REST e Regras de Negócio: Express JS 5. Apresentação dos Dados: Angular JS, Backbone, Ember.js, etc...
  • 6. Frameworks MV* - AngularJS 1. Criado Em 2009 2. Mantido pela Google 3. Programação declarativa (HTML,CSS) é melhor que a imperativa (Javascript) para construir interfaces 4. Programação imperativa é excelente para descrever lógica de negócio 5. Estende o vocabulário do HTML atual
  • 7. Frameworks MV* - AngularJS 1. Suporte à Templates 2. Menos carga de rede 3. Repetição, Filtros, Roteamento de conteúdo 4. Dados Interligados (Apresentação / Modelo) 5. Injeção de Dependência
  • 8. Porque Angular JS? 1. Sistemas empresariais disponíveis pela rede, em uma aplicação web dinâmica; 2. Independente de: ● Navegador. ● Sistema Operacional. ● Arquitetura computacional.
  • 9. Porque Angular JS? 1. Utiliza das melhores práticas e recursos da web; 2. Maior independência de programação web; 3. Atrai bons desenvolvedores; 4. Fácil manutenção do sistema.
  • 10. Case Goiano 1. Framework de Desenvolvimento JavaScript
  • 11. Obrigado Sheldon Led Martins de Oliveira http://sheldonled.com sheldonled.ms@gmail.com