HTML5 e CSS3

Curso de HTML5 e CSS3

Aprenda no curso de HTML os conceitos essenciais para a criação de páginas web, junto com os novos recursos e possibilidades que o HTML5 e CSS3 oferecem para a criação de sites com códigos limpos e estruturados com base nas melhores práticas de programação do mercado.

Objetivos

O curso proporciona ao aluno o conhecimento necessário para a criação de sites através de codificação HTML e CSS, utilizando o editor Sublime Text.

Pré-Requisito

Sistema operacional, Windows ou Mac OS X;

Gerenciar arquivos, criar pastas, renomear arquivos, etc.

A quem se destina

O curso de HTML 5 e CSS3 do DRC, realizado em São Paulo, é destinado a pessoas que desejam criar web sites sem depender de nenhuma ferramenta visual, ou ainda se tornarem desenvolvedores de aplicações web.

Conteúdo

Web

  • História
  • Camadas
  • Requisições
  • Integrações
  • Domínio
  • Hospedagem
  • Protocolos HTTP e FTP
  • Página HTML
  • Versões HTML
  • Linguagens de Programação
  • Padrões Web
  • Navegadores
  • Engines
  • Cross-browser

Tags HTML

  • Fluxo de Interpretação do Navegador
  • Árvore de Elementos
  • Tipos de Tags
  • Utilização
  • DOCTYPE
  • HTML

Tags Semânticas

  • Section
  • Header
  • Article
  • Aside
  • Nav
  • Figure
  • Footer

Tags de Texto

  • Anchor
  • Paragraph
  • Em
  • Strong
  • Small
  • Mark
  • Span
  • Pre

Tags de Formulário

  • Form
  • Label
  • Input
  • Radio
  • Checkbox
  • Select
  • Datalist
  • Text Area
  • Fieldset

Validação

  • Importância
  • Quando Validar
  • O que Validar
  • Papel do HTML vs Regras de Negócios

Navegação

  • Caminho Relativo e Absoluto
  • Páginas Externas
  • Âncoras na Própria Página

Formulários HTML

  • Configuração da Tag Form
  • Controles de Formulário
  • Novos Controles do HTML5
  • Submetendo e Apagando os Dados do Formulário
  • Validação HTML5

Referência CSS

  • CSS
  • Sintaxe
  • Comentários
  • Formas de Aplicação

Cores CSS

  • Nomes
  • Hexadecimal
  • RGB
  • RGBA
  • HSL
  • HSLA

Vendor Properties

  • -webkit-
  • -moz-
  • -o-
  • -ms-

Posicionamento

  • Exibição inline e block
  • Visibilidade
  • Static
  • Relative
  • Absolute
  • Fixed
  • z-index
  • Float
  • Clear
  • Clearfix

At Rules

  • @charset
  • @import
  • @media
  • @font-face

Layout Responsivo

  • Media Query
  • Media Type
  • Media Feature
  • Logical Operators

Tipos de Layouts

  • Fixo
  • Líquido
  • Elástico
  • Hibrido
  • Responsivo

Introdução à Linguagem

  • Editores de Texto e IDEs
  • Apresentação Geral do HTML
  • Evolução da Linguagem HTML
  • XHTML vs XML
  • Tags
  • Aninhamento de Tags
  • Comentários

Elementos e Atributos

  • Conceito
  • Elementos
  • Atributos
  • Estrutura HTML

Tags de Cabeçalho

  • Head
  • Title
  • Meta
  • Atributo Charset
  • Caracteres Reservados
  • Style
  • Link
  • Script
  • Noscript

Tags de Exibição

  • Body
  • H1…H6
  • Paragraph
  • Image
  • Button
  • Ordered List
  • Unordered List
  • Div

Tags para Embutir Recursos Externos

  • Object
  • Embed
  • iFrame

Novos Tipos de Campos de Formulário

  • Search
  • URL
  • Tel
  • Email
  • Number Step
  • Range
  • Date
  • Time
  • Week
  • Month

Mídia do HTML5

  • Audio
  • Vídeo
  • Configurações dos Atributos

Conceitos de Requisições HTTP

  • Front-end e Back-end
  • Persistência dos Dados em Banco de Dados
  • Cabeçalho da Requisição
  • Introdução à Serviços RESTful
  • Métodos – GET/POST/PUT/DELETE

SVG

  • Introdução ao SVG
  • Estrutura de Código SVG
  • Usando nas Páginas HTML

Seletores CSS

  • Type
  • Class
  • ID
  • Universal
  • Externo
  • Interno
  • Inline
  • Adjacent
  • Attribute
  • Pseudo-elements
  • Pseudo-classes

Precedência CSS

  • Externo
  • Interno
  • Inline
  • Seletores

Fontes

  • Web Safe Fonts
  • Famílias
  • Unidades de Medidas

Box Model

  • Áreas e Espaçamentos
  • Influência na Largura e Altura
  • Calculando Tamanho Total
  • CSS Reset
  • Valores de Dimensões
  • Propriedades de Dimensões

Propriedades CSS

  • Shorthand
  • Fundo
  • Bordas
  • Texto
  • Tabela
  • Listas
  • Multi-colunas

Construindo o Site

  • Fluxo de Desenvolvimento
  • Wireframes
  • Protótipos
  • Testes
  • Deploy
  • Versionamento

Tem interesse no curso de HTML 5 e CSS3?

Entre em contato conosco.

Selecione o Período: (obrigatório)

Selecione o Mês: (obrigatório)

Seu nome (obrigatório)

CPF (obrigatório)

Telefone (obrigatório)

Seu e-mail (obrigatório)

Comentários

São Paulo

Sob Consulta

40 horas

Datas disponíveis:

Manhã 09:00 às 13:00

27/10/2017 à 13/11/2017

Tarde 14:00 às 18:00

20/10/2017 à 06/11/2017

28/11/2017 à 11/12/2017

Noite 19:00 às 23:00

11/10/2017 à 26/10/2017

12/12/2017 à 22/12/2017

Integral Sábado 09:00 às 18:00

18/11/2017 à 16/12/2017