SlideShare uma empresa Scribd logo
1 de 11
Baixar para ler offline
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

Mais conteúdo relacionado

Semelhante a HTML Interativo com AngularJS

Cenário Apple
Cenário AppleCenário Apple
Cenário Apple
Laura 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 Web
Luiz Cláudio Silva
 
CóPia De Minicurso Smsi
CóPia De Minicurso SmsiCóPia De Minicurso Smsi
CóPia De Minicurso Smsi
taniamaciel
 
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 2012
rogerlista
 
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
elliando dias
 

Semelhante a 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
 

Último

Último (9)

Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 
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
 
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
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 
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
 
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 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docxATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
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
 

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