Aqui você vê as diferenças entre duas revisões dessa página.
Ambos lados da revisão anterior Revisão anterior Próxima revisão | Revisão anterior | ||
temas:programacao:horadocodigo2015 [2015/10/06 19:26] taniaa |
temas:programacao:horadocodigo2015 [2015/10/11 15:07] (atual) phil |
||
---|---|---|---|
Linha 10: | Linha 10: | ||
|Quarta, 07/10, 20h-22h | Phil | [[http:// | |Quarta, 07/10, 20h-22h | Phil | [[http:// | ||
|Quinta, 08/10, 20h-22h | Renato | [[http:// | |Quinta, 08/10, 20h-22h | Renato | [[http:// | ||
- | |Sexta, 09/10, 20h-22h | Otávio | [[http:// | + | |Sexta, 09/10, 20h-22h | Otávio | [[:temas: |
|Sábado, 10/10, 14h-19h | Otávio | [[http:// | |Sábado, 10/10, 14h-19h | Otávio | [[http:// | ||
- | |Domingo, 11/10, 15h-19h | Phil | [[http:// | + | |Domingo, 11/10, 15h-19h | Phil | [[http:// |
**Dia das Crianças** | **Dia das Crianças** | ||
- | - Segunda-feira (feriado), **12/10, 10h as 18h** - Otávio - Eletrônica com LED's e mais! | + | - Segunda-feira (feriado), **12/10, 10h as 18h** - Otávio |
**Ada Lovelace Day** | **Ada Lovelace Day** | ||
- Terça-feira, | - Terça-feira, | ||
+ | |||
+ | --------------------------------------------- | ||
+ | |||
+ | ===== Hora do Código #5 - Programação para a Web ===== | ||
+ | |||
+ | {{anchor: | ||
+ | |||
+ | {{gallery>: | ||
+ | |||
+ | 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: |