Hands on lab about interoperable web development
Nestes minicursos práticos, você verá como trabalhar com as últimas tendências, práticas e tecnologias para desenvolvimento Web. Tudo isso levando-se conta o desenvolvimento para todos os browsers e vendo como lidar com as limitações dos navegadores web.
Os minicursos estão divididos em etapas:
Veja os pré-requisitos e passos para configurar o ambiente de desenvolvimento Web no seu computador. Depois disso você estará apto a executar os demais minicursos presentes neste material.
Neste minicurso iremos analisar uma aplicação existente usando a ferramenta de Site scan localmente.
Neste minicurso iremos corrigir problema do modo de renderização do site, detectado no minicurso anterior. Vamos também corrigir alguns problemas do Javascript para deixar o site aderente à Web Moderna.
Neste minicurso iremos rever a forma como controlamos o uso de recursos do browser, substituindo a detecção de browser por detecção de features.
Neste minicurso iremos analisar alguns problemas encontrados no site relacionados com Prefixos CSS. Para corrigir nosso CSS, iremos usar uma ferramenta que inclui os prefixos automaticamente.
Neste minicurso iremos atualizar nossa aplicação exemplo para considerar entrada do usuário usando touch. Será incluído o uso do hand.js, mostrando como podemos usá-lo para melhorar o desenvolvimento do site.
Neste minicurso iremos continuar aperfeiçoando nossa aplicação. Neste caso iremos adicionar o recurso web Design Responsivo através de Media Queries e outros elementos que podem ajudar a prover uma melhor experiência para o usuário em qualquer dispositivo que ele esteja utilizando.
Neste minicurso veremos algumas ferramentas que podem ser usadas para testar nosso site e garantir que ele funciona em diferentes browsers: Remote IE e Browser Stack.
Neste minicurso iremos ver como deixar nosso site atualizado para Web Moderna mas ao mesmo tempo fazer com que ele funcione em versões anteriores do Internet Explorer.