Edetem - Escola de tecnologias mistas

  • Treinamentos

    1. seta HTML5 e CSS3

    2. Objetivo
    3. O HTML5 traz consigo importantes mudanças quanto ao papel do HTML no mundo da Web, através de novas funcionalidades como semântica e acessibilidade. Com novos recursos, antes só possíveis por meio de outras tecnologias. Sua essência tem sido melhorar a linguagem com o suporte para as mais recentes multimídias, enquanto a mantém facilmente legível por seres humanos e consistentemente compreendida por computadores e outros dispositivos.
      Aliada ao CSS3 você será capaz de abolir as imagens de plano de fundo, criar bordas arredondadas, apresentar transições e efeitos para criar animações de vários tipos e uma infinidade de efeitos.
    4. Pré-requisitos
    5. Para que você obtenha o melhor aproveitamento deste treinamento é necessário que você conheça HTML4 e CSS2.
    6. Conteúdo Programático
      • Visão geral do HTML5
        » Hypertexto
        » O começo e a interoperabilidade
        » WHAT Working Group
        » O HTML5 e suas mudanças
        » O que é o HTML5?

        Análise do suporte atual pelos navegadores e estratégias de uso
        » O desenvolvimento modular
        » Motores de Renderização
        » Compatibilidade com HTML5
        » Técnicas de detectação
        » Utilizando o Modernizr

        Estrutura básica, DOCTYPE e charsets
        » Doctype
        » elemento HTML
        » HEAD
        » Metatag Charset
        » Tag LINK

        Modelos de conteúdo
        » Categorias
        » Metadata content
        » Flow content
        » Sectioning content
        » Heading content
        » Phrasing content
        » Embedded content
        » Interactive content

        Novos elementos e atributos
        » Atributos

        Elementos modificados e ausentes
        » Elementos modificados
        » Elementos ou atributos descontinuados

        Novos tipos de campos
        » Novos valores para o atributo type
        » tel
        » search
        » email
        » url
        » Datas e horas
        » number
        » range
        » color

        Tipos de dados e validadores
        » Formulários vitaminados
        » autofocus
        » Placeholder text
        » required
        » maxlength
        » Validação de formulários
        » pattern
        » novalidate e formnovalidate
        » Custom validators

        Detalhes e conteúdo editável
        » Ainda mais formulários
        » Detalhes e sumário
        » Conteúdo editável

        Drag and drop e correção ortográfica
        » Drag and Drop
        » Revisão ortográfica e gramatical

        Elementos áudio e vídeo, e codecs
        » Áudio
        » Origens alternativas de áudio
        » Vídeo
        » Codecs

        Elemento device e Stream API
        » Elemento device
        » Streams
        » Peer-to-peer
        » MathML e SVG
        » MathML
        » SVG

        Canvas API
        » O elemento canvas
        » Canvas e SVG

        Server-Sent Events
        » EventSource
        » O protocolo de comunicação

        DOM e HTML5
        » DOM e HTML5
        » Por quê DOM?
        » Vamos às diferenças
        » getElementsByClassName
        » innerHTML
        » activeElement e hasFocus()
        » getSelection()
        » Intervalos de seleção
        » document.head
        » Selector API
        » Características especiais de DomNodeList
        » Datasets

        Novos eventos DOM
        » Uma palavra sobre eventos
        » Elementos multimídia
        » Eventos em campos de formulário
        » Eventos gerais
        » Drag-and-drop
        » Atributos de evento

        Menus e toolbars
        » O elemento menu
        » Tipos de comando

        Tipos de links
        » Links
        » Metadados de navegação
        » Metadados da página
        » Comportamento dos links na página

        Microdata
        » Semântica adicional
        » Diferentes tipos de dados
        » Falando um idioma comum

        Histórico de sessão e API Storage
        » Histórico de Sessão e API Storage
        » Histórico de Sessão
        » localStorage e sessionStorage

        Aplicações offline
        » Caching
        » O objeto ApplicationCache
        » Controle de status da aplicação

        Scroll in to view e hidden
        » Scrolling into view
        » hidden
        » hidden e Javascript

        Geolocation API
        » Métodos de Geolocalização
        » Tratando erros
        » Não trate a resposta do usuário como um erro
        » O objeto de configuração
        » watchPosition

        Undo
        » O objeto UndoManager
        » Respondendo às ações de undo e redo
        » Disparando as ações de undo e redo
      • CSS3
        Fundamentos CSS
        » Definições e conceitos CSS
        » Definição
        » Finalidade
        » Histórico
        » Regra CSS
        » Categorias de valores CSS
        » Tipos de valores CSS3
        » Vinculando folhas de estilo a documentos
        » Estilos inline
        » Estilos incorporados
        » Estilos externos
        » Módulos CSS3
        » Status dos módulos

        Módulo CSS Basic Box Model

        Posicionamento CSS

        Seletores, cascata e herança

        Background
        » Propriedades background
        » Propriedade background
        » Múltiplos backgrounds

        Bordas e sombras

        Cores e opacidade

        Fontes
        » Tipografia
        » Fontes seguras
        » @font-face
        » Obtendo fontes
        » API fontes do Google

        Layout multicolunas
        » Modelo multicolunas
        » Propriedades CSS

        Media Queries
        » Anatomia da media query
        » Funcionalidades de mídia

        Gradientes

        Transformações 2D

        Transformações 3D

        Transições CSS

        Animações CSS

        Template Layout

        Box Layout flexível
    8. Metodologia Aplicada
    9. 1. Aulas práticas
      Nossas aulas são ministradas com exercícios 100% práticos, elaborados por profissionais experientes e certificados.

      2. Projeto de conclusão
      Neste projeto você aplicará todo o conteúdo aprendido em um exercício que trará uma experiência de aplicação prática para seu currículo.

      3. Teste de aptidão técnica.
      Esta avaliação de conhecimento do software, será o atestado definitivo da sua expertise para o mercado de trabalho.

  • Carga Horária

      Diurno Noturno
    Completo 16h / 2 dias 15h / 5 dias

    » As aulas acontecerão nos horários:
    • Segunda a Sexta: 9h as 18h
    • Segunda a Sexta: 19h as 22h
    • Sábado: 9h as 18h

  • Redes sociais
  • Facebook
  • Edetem no Google
  • Edetem no Twitter
  • Blog
  • Central de
    Atendimento
    (41) 3627-4001