Please enable JavaScript.
Coggle requires JavaScript to display documents.
Desenvolvimento Web Moderno - Coggle Diagram
Desenvolvimento Web Moderno
História do Desenvolvimento Web
Web 1.0
Páginas estáticas.
Pouca interação.
Usuário apenas consumia conteúdo.
Web 2.0
Sites dinâmicos.
Redes sociais.
Interação em tempo real.
Usuários produzem conteúdo.
Evolução das Aplicações
Sites tradicionais.
Sistemas dinâmicos.
Surgimento das SPAs.
SPA (Single Page Application)
Navegação rápida.
Melhor experiência do usuário.
Não recarrega toda a página.
Comunicação via APIs.
Aplicação de página única.
Uso intenso de JavaScript.
Overhead
Processamento adicional.
Uso maior de memória.
Impacto no desempenho.
Consumo extra de recursos.
Framework de Aplicação Web
Reutilização.
Segurança.
Organização do código.
Padronização.
Maior produtividade.
Desenvolvimento Orientado a Testes (TDD)
Testes Limpos
Pequenos.
Organizados.
Simples.
Fáceis de entender.
Como manter os testes limpos
Boa nomenclatura.
Clareza.
Evitar repetição.
Independência dos testes.
Três Leis do TDD
Criar apenas o teste necessário.
Criar apenas o código suficiente.
Não criar código sem teste falhando.
Linguagem de teste específica ao domínio
Linguagem próxima da natural.
Melhor manutenção.
Testes mais legíveis.
Conceito
Garantia de qualidade.
Redução de erros.
Criar testes antes do código.
Um único conceito por teste
Facilita encontrar erros.
Melhor organização.
Cada teste verifica uma função.
Maior qualidade do software.
Express.js
Criação de APIs.
Rotas.
Framework Web para Node.js.
Middleware.
Desenvolvimento rápido.
Framework miimalista.
História do Express
Facilitou criação de servidores.
Popularizou APIs REST.
Criado para simplificar Node.js.
Grande adoção no mercado.
Ecossistema Node
Ferramentas.
Comunidade Open Source.
Bibliotecas.
Grande quantidade de pacotes.
npm
Gerenciador de pacotes.
Instala bibliotecas.
Compartilha módulos.
Arquitetura Cliente/Servidor
Cliente
Interface gráfica.
Aplicações do lado cliente.
Navegador.
Interações com usuário.
Servidor
Banco de dados.
Aplicações do lado servidor.
Processamento de dados.
Servidores Web.
Apache.
Nginx.
Node.js.
Licenciamento
MIT.
GPL.
Open Source.
Apache License.
Node.js
Assíncrono.
Event Loop.
Baseado no motor V8.
Alta performance.
JavaScript no servidor.
Backend moderno.
Tecnologias SPA
Vue.js
Simples e leve.
Fácil aprendizado.
Bom desempenho.
Ember
Estrutura robusta.
Organização automática.
Grandes aplicações.
Angular
Framework completo.
Criado pelo Google.
Usa TypeScript.
Ideal para sistemas grandes.
Polymer
Web Components.
Componentes reutilizáveis.
Mantido pelo Google.
React
Criado pelo Facebook.
Componentes reutilizáveis.
Biblioteca JavaScript.
Virtual DOM.