Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/faustinopsy/spa-do-zero


https://github.com/faustinopsy/spa-do-zero

Last synced: 21 days ago
JSON representation

Awesome Lists containing this project

README 

        
## SPA do zero

com base no livro (Single Page Web Applications  

JavaScript end-to-end)

Michael S. Mikowski and Josh C. Powell

Foreword by Gregory D. Benson

September 2013  ISBN 9781617290756  432 pages



## branchs

verifiquem as branch para verificar as evoluções



### será um roadmap para alunos da Fatec onde ministro aulas de WEB I e WEB III.

sobre o desenvolvimento de SPA



### Origens e Evolução Precoce

Década de 1990: O conceito de manipular uma página web sem recarregá-la inteiramente existe desde a introdução do JavaScript em 1995. No entanto, as capacidades eram bastante limitadas nos primeiros dias.

XMLHttpRequest (2000): A introdução do objeto XMLHttpRequest pelo Internet Explorer em 2000 foi um marco. Este objeto permitiu que os navegadores fizessem requisições HTTP para carregar dados do servidor sem recarregar a página. Embora inicialmente projetado para XML, logo foi usado para carregar outros tipos de dados, como HTML e JSON, facilitando interações dinâmicas na página.

### Ajax e o Crescimento das SPAs

Ajax (2005): A técnica de "Asynchronous JavaScript and XML" (Ajax) foi popularizada por Jesse James Garrett em 2005, permitindo o desenvolvimento de aplicações web mais dinâmicas. O Google Maps, lançado no mesmo ano, é frequentemente citado como um dos primeiros exemplos de uma aplicação que usava intensamente Ajax para criar uma experiência de usuário fluida e interativa, demonstrando as possibilidades das SPAs.

jQuery (2006): A biblioteca jQuery simplificou a manipulação do DOM e as requisições Ajax, acelerando o desenvolvimento de aplicações web interativas.

### Frameworks Modernos e a Era das SPAs

AngularJS (2010): Desenvolvido pelo Google, o AngularJS foi um dos primeiros frameworks a oferecer uma solução completa para o desenvolvimento de SPAs, incluindo data-binding, MVC (Model-View-Controller) pattern, e dependency injection, entre outras funcionalidades.

Backbone.js (2010) e Ember.js (2011): Esses frameworks também contribuíram para a popularização das SPAs, oferecendo estruturas para organizar o código e gerenciar o estado da aplicação.

React (2013): Desenvolvido pelo Facebook, o React introduziu o conceito de componentes reutilizáveis e a Virtual DOM para otimizar a atualização da interface do usuário, influenciando significativamente o desenvolvimento de SPAs.

Vue.js (2014): Vue.js surgiu como uma alternativa leve e flexível, combinando características de seus predecessores com uma sintaxe simplificada e um sistema reativo.

### Atualidade

Hoje, as SPAs são uma parte fundamental do desenvolvimento web. Os avanços em tecnologias como Progressive Web Apps (PWAs), Server Side Rendering (SSR), e Static Site Generators (SSG) junto com APIs modernas, como Fetch API e as APIs de Histórico do navegador, continuam a evoluir o ecossistema, permitindo SPAs mais rápidas, acessíveis e eficientes.



A capacidade de oferecer experiências de usuário ricas e semelhantes a aplicativos sem a necessidade de recarregar a página transformou as SPAs de uma novidade técnica para uma abordagem padrão no desenvolvimento de aplicações web modernas.