Diferenças

Aqui você vê as diferenças entre duas revisões dessa página.

--- temas:programacao:horadocodigo2015 [2015/10/07 03:30]
taniaa
+++ temas:programacao:horadocodigo2015 [2015/10/11 15:06]
phil
@@ Linha 10: / Linha 10: @@
 |Quarta, 07/10, 20h-22h | Phil | [[http://www.meetup.com/pt/Calango-Hacker-Club/events/225754666/|Hora do Código #3]] - Programação Funcional - conceitos e exemplos |
 |Quinta, 08/10, 20h-22h | Renato | [[http://www.meetup.com/pt/Calango-Hacker-Club/events/225775818/|Hora do Código #4]] - Internet das Coisas - IoT |
-|Sexta, 09/10, 20h-22h | Otávio | [[http://www.meetup.com/pt/Calango-Hacker-Club/events/225801151/|Hora do Código #5]] - Programação para a Web |
+|Sexta, 09/10, 20h-22h | Otávio | [[:temas:programacao:horadocodigo2015#hora5|Hora do Código #5]] - Programação para a Web |
 |Sábado, 10/10, 14h-19h | Otávio | [[http://www.meetup.com/pt/Calango-Hacker-Club/events/225801211/|Hora do Código #6]] - Oficinas de programação |
-|Domingo, 11/10, 15h-19h | Phil | [[http://www.meetup.com/pt/Calango-Hacker-Club/events/225761211/|Hora do Código #7]] - Oficina de programação funcional |
+|Domingo, 11/10, 15h-19h | Phil | [[http://www.meetup.com/pt/Calango-Hacker-Club/events/225761211/|Hora do Código #7]] - Oficina de programação funcional [temas/programacao/fp] |
 **Dia das Crianças**
@@ Linha 20: / Linha 20: @@
 **Ada Lovelace Day**
  - Terça-feira, **13/10, 19h30 as 22h** - Tânia Andrea, Alessandra Gomes, Fabiana - traremos alguns dados históricos e faremos um painel de debate sobre o que as mulheres fizeram e o que ainda fazem na área de TI - http://calango.club/temas/programacao/adalovelaceday2015
+---------------------------------------------
+===== Hora do Código #5 - Programação para a Web =====
+{{anchor:hora5:}}
+{{gallery>:temas:programacao:horadocodigo2015:imagens:hora5}}
+O encontro foi uma viagem no tempo. Observamos e experimentamos as formas de se criar sites acompanhando a evolução da web desde sua criação.
+Começamos falando de páginas HTML estáticas como as primeiras que surgiram na web. Experimentamos um pouco de HTML e vimos o ambiente do W3Schools, onde dá para explorar um pouco mais.
+Observamos o código fonte de algumas páginas e usamos o ambiente de desenvolvimento dos navegadores (tecla F12) para ver os componentes da página e os códigos de retorno do protocolo http (200, 304, 404, etc).
+Depois fomos para o PHP e vimos como se faziam páginas dinâmicas quando ele surgiu, com o código PHP inserido entre as tags HTML. Fizemos uma página simples e observamos como o código fonte apresentado pelo navegador ficou totalmente diferente do código que criamos, o que mostra que o servidor interpretou nosso código PHP e criou um código HTML novo. Vimos um pouco de node.js, bottle e flask e percebemos como algumas bibliotecas trabalham manipulando diretamente as requisições http e retornando os códigos que havíamos visto no browser.
+Partimos então para o Django, um padrão de desenvolvimento completo com banco de dados relacional. Seguindo o tutorial do site oficial, estruturamos um sistema de votação / enquete com umas poucas linhas de código. Discutimos o modelo relacional e como o uso de padrões NoSQL tornou o django e o rails inadequados para algumas aplicações modernas.
+Por fim, vimos as tendências atuais no desenvolvimento para a web. Conversamos sobre programação reativa e a web como plataforma. Discutimos como a inteligência dos sites foi para dentro dos navegadores e como os servidores passaram a apresentar apenas dados interpretados e formatados na máquina cliente. Conhecemos o meteor.js, uma forma de criar sites e aplicativos utilizando um único arquivo que já contém toda a lógica do servidor e do cliente. Vimos ainda como sites modernos como o facebook recebem dados de diversas fontes e montam a página no cliente, que pode ser um navegador ou um aplicativo de celular.
+Participaram: Otávio, Léo, Rafael e Phil.

Calango Hacker Clube

Ferramentas do usuário

Ferramentas do site

Diferenças

Ferramentas da página