Ferramentas do usuário
temas:programacao:horadocodigo2015
Diferenças
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/04 15:17] otavio |
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 (feriado), 12/10, 10h-18h - Otávio - Eletrônica com LED's e mais! | + | - Segunda-feira |
| - | Ada Lovelace Day | ||
| - | - Terça, 13/10, 19h-22h - Tânia Andrea (?), Alessandra Gomes (IFB ?), Fabiana (?) - Painel Mulheres em TI - http:// | ||
| + | **Ada Lovelace Day** | ||
| + | - 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: | ||
temas/programacao/horadocodigo2015.1443971824.txt.gz · Última modificação: 2015/10/04 15:17 por otavio
Ferramentas da página
Exceto onde for informado ao contrário, o conteúdo neste wiki está sob a seguinte licença: CC Attribution-Noncommercial-Share Alike 4.0 International
