Segunda a Sexta : 08:30h às 20h / Sábado : 08h às 13:30h

Web Developer - HTML5 + CSS3

Web Developer - HTML5 + CSS3

Web Developer - HTML5 + CSS3

O HTML5 traz importantes mudanças para os desenvolvedores web quando o assunto é o HTML.
Alguns destes recursos são substitutos para tecnologias ou players já existentes, mas também há novas funcionalidades como semântica e acessibilidade além de melhorias que permitem um desenvolvimento mais homogêneo para todos os dispositivos trazendo uma importante disseminação dentre todos os novos navegadores de internet, tornando-o mais universal.

CSS3 é a mais nova versão das famosas Cascading Style Sheets (ou simplesmente CSS), onde se define estilos para páginas web com efeitos de transição, imagem, e outros, que dão um estilo novo às páginas Web 2.0 em todos os aspectos de design do layout.

Informações Básicas

Objetivo

Entender os novos recursos do HTML5 + CSS3 e desenvolver competências e habilidades para seu uso.

Pré-requisitos

- Noções em WEB (desejável)

A quem se destina

Desenvolvedores front-end que estejam iniciando, profissionais em geral da área de Web e demais interessados em desenvolver e utilizar a linguagem HTML5 e CSS3.

Conteúdo Programático

O desenvolvimento web hoje
• Por que você deve aprender HTML e CSS
• O estado dos navegadores
• A complicação dos prefixos proprietários

Os primeiros passos com o nosso site
• Escrevendo HTML, de dentro para fora
• Adicionando formatações básicas
• Bordas e margens
• Um pouco de cor sempre é bom
• Primeiro contato com imagens
• Adicionando elementos secundários

HTML5: o que mudou?
• Escrevendo menos e fazendo mais
• Atributos personalizados
• Tags novas para elementos antigos
• Refatoração de página Web

O que todo desenvolvedor precisa saber sobre CSS
• A incompatibilidade dos browsers e a razão dos resets de CSS
• Compreendendo o Box model
• Utilizando pseudoelementos
• Desenhando uma faixa com "::before" e "::after"
• Decorando mensagens
• Criando conteúdo através de CSS
• Arquitete o seu CSS para o futuro
• Gere relatórios inteligentes e simples com os estilos de impressão

O que você consegue fazer com CSS 3
• A regra @font-face
• Como utilizar serviços de distribuição de fontes
• Substituição de ícones por fontes
• Explore novas possibilidades com bordas
• Manipulação de cores com rgba e gradientes
• Trabalhe com sombras e crie menus elegantes
• Combinando tudo

Tomando controle da estrutura visual
• A propriedade 'display'
• Flutue elementos
• O clearfix, uma classe obrigatória em seus projetos
• Compreenda o uso de position
• Crie a sua própria janela modal
• Como escolher os métodos para posicionar os seus elementos
• Grids - um padrão de estrutura para as suas páginas
• Posicionando elementos com CSS 3

Melhorando os seus formulários
• O que temos no HTML 5
• Formulários HTML 5 nos dispositivos móveis
• Criação do primeiro formulário
• Alinhamento e estilos visuais nos campos e formulários
• Exibição de mensagens de ajuda
• Mostre mensagens de erro
• Levando o usuário direto ao que importa com o autofocus
• A flexibilidade do atributo placeholder
• Aplicando CSS3 em botões



Efeitos 101: Trabalhando com animações e transições
• Transformando elementos
• Os efeitos rotate, scale, skew e translate em uma galeria de fotos
• Transições de estilos
• Transições na galeria de fotos
• Um detalhe importante sobre transições e JavaScript
• Transformações em 3D
• Girar formulários com apenas um clique
• Utilizando animações
• Começando com keyframes
• O universo fora dos desktops e notebooks
• O que é "Responsive Web Design" e porquê você deve se preocupar
• O funcionamento dos media queries

Ferramentas - Frameworks, Plugins e Pré-processadores
• Bootstrap
• HTML5 Boilerplate
• Plugins em JavaScript
• Modernizr
• Polyfills
• Pré-processadores
• É tudo CSS e HTML

 20 horas

Conheça a Nossa Escola

Contamos com os melhores equipamentos e a melhor infraestrutura para potencializar seu aprendizado.

Confira as Próximas Turmas

Confira nosso calendário das turmas e escolha a melhor opção para você

Início Término Período Modalidade Local
05/04/2019 10/05/2019 Sexta - Noite Presencial São José dos Campos Reserve

Início da Próxima Turma

Garanta já sua vaga realizando o registro no formulário ao lado.

Inscreva-se e dê um passo a mais na sua carreira diferenciando-se e adicionando vantagem competitiva!

  • -

    -

  • -

    -

  • -

    -

  • -

    -

Inscreva-se na turma