Hora do Código 2015

O Calango vai promover a Hora do Código de 2015 com a seguinte programação:

Data Responsável Tema
Segunda, 05/10, 20h-22h Alex Hora do Código #1 - Ensinando a programar com Scratch
Terça, 06/10, 20h-22h Renato Hora do Código #2 - Automatizando backups com rsync
Quarta, 07/10, 20h-22h Phil Hora do Código #3 - Programação Funcional - conceitos e exemplos
Quinta, 08/10, 20h-22h Renato Hora do Código #4 - Internet das Coisas - IoT
Sexta, 09/10, 20h-22h Otávio Hora do Código #5 - Programação para a Web
Sábado, 10/10, 14h-19h Otávio Hora do Código #6 - Oficinas de programação
Domingo, 11/10, 15h-19h Phil Hora do Código #7 - Oficina de programação funcional

Dia das Crianças - Segunda-feira (feriado), 12/10, 10h as 18h - Otávio e Jerônimo - Eletrônica com LED's e muito mais! - http://calango.club/temas/programacao/diadascriancas2015

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

hora5

: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.