Please enable JavaScript.
Coggle requires JavaScript to display documents.
DESENVOLVIMENTO WEB - Coggle Diagram
DESENVOLVIMENTO WEB
Express
Framework Web para Node
Minimalista
Flexível
Middleware
APIs e SPAs
História do Express
Inspirado no Sinatra
Ligado ao Connect
TDD (Test Driven Development)
Desenvolvimento orientado a testes
Três leis do TDD
Criar teste antes do código
Criar apenas o teste necessário
Escrever apenas código suficiente
Testes limpos
Clareza
Simplicidade
Legibilidade
Como manter testes limpos
Refatoração contínua
Linguagem de teste específica ao domínio
Testes fáceis de entender
Um único conceito por teste
Cada teste valida apenas uma ideia
Tecnologias SPA
React
Biblioteca do Facebook
Flexível e popular
Angular
Framework do Google
Estrutura completa
Vue.js
Leve
Fácil aprendizado
Ember
Framework robusto
Polymer
Projeto apoiado pelo Google
Node.js
JavaScript no servidor
Servidor Web
Single-thread
Alto desempenho
Multiplataforma
SPAs (Single Page Applications)
Aplicações de página única
HTML carregado uma vez
Alterações feitas via JavaScript
Comunicação frequente com APIs
Ecossistema Node
npm
Pacotes e dependências
Banco de dados
Stack JavaScript
Licenciamento
MIT
GPL
Apache 2.0
BSD
História das Aplicações Web
Web 2.0
Sites mais interativos
Uso intenso de JavaScript
Manipulação dinâmica do DOM
Overhead
Recarregamento completo das páginas
Alto consumo de rede
Evolução para SPAs
Menos transferências
Mais processamento no navegador
Uso de JSON e APIs
Arquitetura Cliente/Servidor
Aplicações do lado cliente
Renderização no navegador
Manipulação do DOM
Aplicações do lado servidor
Renderização no servidor
Envio de HTML pronto