Com HTML5 e CSS3 pode-se construir aplicações Web que rodam de forma rápida e eficiente em diversos browsers, em desktops e dispositivos móveis. Este curso introduz o conhecimento tecnológico essencial para se construir aplicações multi-browser, acessíveis e responsivas. Explora os tags essenciais do HTML, sempre indicando as melhores práticas que irão facilitar o reuso e a manutenção de um site ou página; apresenta e demonstra o uso de propriedades importantes do CSS e o mínimo de JavaScript necessário para se entender a estrutura do Document Object Model (DOM) para criar desenhos com HTML5 Canvas, fazer transições simples usando CSS, validar um formulário e controlar áudio e vídeo. A carga-horária pode ser adaptada para abordar menos tópicos e focar em aplicações específicas (ex: usuários WordPress que querem alterar CSS e HTML, mas não usar recursos JavaScript, Canvas, etc.)
- Introdução: HTML, HTML5 e XHTML
- Introdução: CSS essencial
- Introdução: JavaScript e DOM essencial
- Boas práticas: Compatibilidade
- HTML: Tags e atributos
- HTML: Estrutura de um documento
- HTML: Parágrafos, blocos e listas
- HTML: Vínculos e âncoras
- HTML: Imagens, áudio e vídeo
- Boas práticas: Acessibilidade
- HTML: Tabelas
- HTML: Seções e blocos inline
- HTML: Atributos e tags do HTML5
- CSS: propriedades essenciais
- CSS: posicionamento
- CSS: media-queries
- Boas práticas: Responsividade
- HTML: Formulários
- HTML5: Manipulação de áudio e vídeo
- HTML5: Canvas e SVG
- HTML5: Geolocalização e mapas
- HTML5: Outros recursos do HTML 5
- CSS3: Efeitos gráficos
- CSS3: Animação e transições com CSS (Webkit)
- CSS3: Outros recursos do CSS3
- Boas práticas: organização do projeto
- Ferramentas: Brackets, Less, Sass, JQuery, Bootstrap, etc.
Saber usar um editor de textos (para editar o código será usado o Adobe Brackets). Ter usado previamente algum serviço de publicação na Web (blog, WordPress, CMS, Google Docs, DropBox) e saber usar serviços como usuário. Não é necessário ter conhecimento prévio de programação.
Designers gráficos, web designers, autores de conteúdo para a Web.
A carga-horária de 24 horas é adequada a pessoas que já têm background de programação e já usam HTML, CSS e JavaScript. O curso inclui demonstrações e exercícios práticos realizados em aula. Ao longo do curso o aluno irá trabalhar em um website simples contendo páginas HTML, folhas de estilo CSS, bibliotecas JavaScript, imagens PNG e SVG, onde serão aplicados os recursos apresentados no curso.