Curso de Desenvolvimento web com HTML5 e CSS3 Avançado

Curso de

Desenvolvimento web com HTML5 e CSS3 Avançado

Expanda seu conhecimento em HTML5 e CSS3, conhecendo técnicas e funcionalidades mais avançadas dessas tecnologias

VEJA UMA AULA DE EXEMPLO

6x R$ 28,32

R$ 169,90 à vista

  • 24h

    Curso com certificado de 24 horas

  • Escolha o dispositivo que preferir PC, Tablet ou Smartphone.

  • Satisfação garantida ou seu dinheiro de volta!

Adquira este curso de forma avulsa

Curso de Desenvolvimento web com HTML5 e CSS3 Avançado

Desenvolvimento web com HTML5 e CSS3 Avançado

6x R$ 28,32

R$ 169,90 à vista

Informações sobre o curso

Sobre o curso

Hoje em dia o HTML5 e CSS3 estão presentes em muitos lugares como sites, aplicativos mobile, sistemas web e desktop, sistemas operacionais, jogos, etc.

Por esse motivo, quem dominar essas tecnologias terá uma grande flexibilidade no mercado de trabalho. O problema é que muitos desenvolvedores ainda utilizam um conhecimento limitado ou modo de desenvolvimento ultrapassado, e acreditam que o que fazem seja o suficiente para as necessidades da empresa.

Com este curso você irá expandir seu conhecimento, aprendendo a utilizar técnicas e funcionalidades mais avançadas de HTML5 e CSS3 para construir páginas e aplicações modernas de maneira rápida e eficiente.

Conhecimentos adquiridos

Com vídeo aula e conteúdo apostilado, nesse curso mostraremos como trabalhar com APIs, Web Storage, controle de mídias, Canvas e leitura de arquivos no HTML5, e com animações, media queries, flex box, layouts responsivos e pré-processadores no CSS3. Além de poder responder exercícios que ajudam na fixação do conteúdo.

Nesse curso, dentre várias outras coisas você aprenderá:

- Canvas e SVG;

- Drag & Drop;

- Web Storage e App Cache para Aplicações Offline;

- Web Components;

- Leitura de Arquivos e Controle de Mídias;

- Animações e Transições;

- Layout com Flex Box;

- Layouts Responsivos e Media Queries;

- Pré Processadores CSS e HTML.

Para quem é esse curso?

Este curso é destinado àqueles que já tenham um conhecimento básico de HTML5 e CSS3 e queiram aprender técnicas e funcionalidades mais avançadas para melhorar suas habilidades.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

  1. Desenvolvimento web com HTML5 e CSS3 Básico
  2. JavaScript Básico

Carga horária do curso

3h19

Curso com 3h19 horas de vídeos

24h

Curso com certificado de 24 horas

57

Curso com 57 exercícios de fixação

Ambiente do curso

  • Sublime Text 3.0.0 ou superior.
  • Google Chrome 56 ou superior.
  • Node.js 7.2.0 ou superior.

Metodologia

  • Vídeo-aulas
  • Texto e imagens
  • Início imediato
  • Exemplos práticos
  • Testes de aprendizado

Satisfação garantida ou seu dinheiro de volta!

Adquira este curso agora mesmo

Curso de Desenvolvimento web com HTML5 e CSS3 Avançado

Desenvolvimento web com HTML5 e CSS3 Avançado

6x R$ 28,32

R$ 169,90 à vista

Conteúdo programático Baixar esta ementa

1 - Variáveis

  1. Códigos, imagens, diagramas etc.

    Introdução
  2. Códigos, imagens, diagramas etc.

    Variáveis
  3. Códigos, imagens, diagramas etc.

    Declaração de Variáveis
  4. Códigos, imagens, diagramas etc.

    Utilizando as Variáveis Visualizar
  5. Códigos, imagens, diagramas etc.

    Escopo Visualizar
  6. Vídeoaula com duração de: 00:09:02

    Trabalhando com variáveis no CSS Visualizar
  7. 3 desafios.

    Exercícios

2 - Pseudo Elementos

  1. Códigos, imagens, diagramas etc.

    Pseudo Elementos
  2. Vídeoaula com duração de: 00:04:44

    Pseudo Elementos
  3. 3 desafios.

    Exercícios

3 - Criando Sprites

  1. Códigos, imagens, diagramas etc.

    O que são Sprites?
  2. Códigos, imagens, diagramas etc.

    Criando Sprites Visualizar
  3. Vídeoaula com duração de: 00:02:18

    Trabalhando com Sprites Visualizar
  4. Vídeoaula com duração de: 00:05:23

    Criando Sprites

4 - Font Icons

  1. Códigos, imagens, diagramas etc.

    Font Icons
  2. Vídeoaula com duração de: 00:05:04

    Trabalhando com Font Icons

5 - Gradientes

  1. Códigos, imagens, diagramas etc.

    Gradientes
  2. Códigos, imagens, diagramas etc.

    Gradiente Linear
  3. Códigos, imagens, diagramas etc.

    Gradiente Radial
  4. Vídeoaula com duração de: 00:08:03

    Criando Gradientes com CSS
  5. 3 desafios.

    Exercícios

6 - Contadores e Guardando estados sem JavaScript

  1. Códigos, imagens, diagramas etc.

    Contadores e Guardando estados sem JavaScript
  2. Códigos, imagens, diagramas etc.

    Contadores
  3. Códigos, imagens, diagramas etc.

    Guardando Estados
  4. Vídeoaula com duração de: 00:05:16

    Contadores com CSS
  5. Vídeoaula com duração de: 00:04:39

    Guardando Estados com CSS
  6. 3 desafios.

    Exercícios

7 - Transformações 2D e 3D

  1. Códigos, imagens, diagramas etc.

    Transformações 2D e 3D
  2. Códigos, imagens, diagramas etc.

    Transformações 2D Visualizar
  3. Códigos, imagens, diagramas etc.

    Transformações 3D Visualizar
  4. Vídeoaula com duração de: 00:08:05

    Transformações 2D e 3D Visualizar
  5. 3 desafios.

    Exercícios

8 - Filtros

  1. Códigos, imagens, diagramas etc.

    Filtros
  2. Códigos, imagens, diagramas etc.

    blur(px)
  3. Códigos, imagens, diagramas etc.

    brightness(%)
  4. Códigos, imagens, diagramas etc.

    contrast(%)
  5. Códigos, imagens, diagramas etc.

    drop-shadows(posição_horizontal posição_vertical dispersão cor)
  6. Códigos, imagens, diagramas etc.

    grayscale(%)
  7. Códigos, imagens, diagramas etc.

    hue-rotate(ângulo)
  8. Códigos, imagens, diagramas etc.

    invert(%)
  9. Códigos, imagens, diagramas etc.

    opacity(%)
  10. Códigos, imagens, diagramas etc.

    saturate(%)
  11. Códigos, imagens, diagramas etc.

    sepia(%)
  12. Códigos, imagens, diagramas etc.

    CSSgram
  13. Vídeoaula com duração de: 00:06:47

    Filtros de Imagens
  14. 3 desafios.

    Exercícios

9 - Transições

  1. Códigos, imagens, diagramas etc.

    Transições
  2. Códigos, imagens, diagramas etc.

    A importância das transições
  3. Códigos, imagens, diagramas etc.

    Nossa primeira transição
  4. Códigos, imagens, diagramas etc.

    Transições com JavaScript
  5. Códigos, imagens, diagramas etc.

    Curva da Velocidade da Transição
  6. Códigos, imagens, diagramas etc.

    Propriedades de Transição
  7. Vídeoaula com duração de: 00:07:47

    Criando Transições
  8. 3 desafios.

    Exercícios

10 - Animações

  1. Códigos, imagens, diagramas etc.

    Animações
  2. Códigos, imagens, diagramas etc.

    Criando uma Animação
  3. Códigos, imagens, diagramas etc.

    Animações com várias mudanças
  4. Códigos, imagens, diagramas etc.

    Propriedades de Animação
  5. Códigos, imagens, diagramas etc.

    Interagindo com JavaScript
  6. Vídeoaula com duração de: 00:10:13

    Criando Animações
  7. 3 desafios.

    Exercícios

11 - Media Queries

  1. Códigos, imagens, diagramas etc.

    Media Queries
  2. Códigos, imagens, diagramas etc.

    Media Types
  3. Códigos, imagens, diagramas etc.

    Media Queries
  4. Vídeoaula com duração de: 00:08:10

    Media Types e Media Queries
  5. 3 desafios.

    Exercícios

12 - Criando Designs Responsivos

  1. Códigos, imagens, diagramas etc.

    O que é Design Responsivo?
  2. Códigos, imagens, diagramas etc.

    Viewport
  3. Códigos, imagens, diagramas etc.

    Unidades de Medida Relativas
  4. Códigos, imagens, diagramas etc.

    Media Queries

13 - Layouts com Flex Box

  1. Códigos, imagens, diagramas etc.

    Layouts com Flex Box
  2. Códigos, imagens, diagramas etc.

    Propriedades do Contêiner
  3. Códigos, imagens, diagramas etc.

    Propriedades dos Itens
  4. Códigos, imagens, diagramas etc.

    Atalhos
  5. Vídeoaula com duração de: 00:10:17

    Entendendo o Flex Box
  6. 3 desafios.

    Exercícios

14 - Pré Processadores CSS

  1. Códigos, imagens, diagramas etc.

    O que são Pré Processadores?
  2. Códigos, imagens, diagramas etc.

    Funcionalidades
  3. Códigos, imagens, diagramas etc.

    Concluindo

15 - Arquitetura de Códigos - Metodologias e Práticas

  1. Códigos, imagens, diagramas etc.

    Metodologias e Práticas
  2. Códigos, imagens, diagramas etc.

    OOCSS
  3. Códigos, imagens, diagramas etc.

    BEM
  4. Códigos, imagens, diagramas etc.

    ACSS
  5. Códigos, imagens, diagramas etc.

    DRY CSS
  6. Códigos, imagens, diagramas etc.

    SMACSS
  7. Códigos, imagens, diagramas etc.

    ITCSS
  8. Códigos, imagens, diagramas etc.

    RSCSS
  9. 3 desafios.

    Exercícios

16 - HTML5 e suas APIs

  1. Códigos, imagens, diagramas etc.

    O que são APIs?
  2. Códigos, imagens, diagramas etc.

    JavaScript
  3. Códigos, imagens, diagramas etc.

    Possibilidades
  4. Códigos, imagens, diagramas etc.

    Ambiente

17 - Controle de Áudio e Vídeo

  1. Códigos, imagens, diagramas etc.

    Controle de Áudio e Vídeo
  2. Códigos, imagens, diagramas etc.

    Criando o elemento
  3. Códigos, imagens, diagramas etc.

    Propriedades
  4. Códigos, imagens, diagramas etc.

    Métodos
  5. Códigos, imagens, diagramas etc.

    Eventos
  6. Códigos, imagens, diagramas etc.

    Controlando a Mídia
  7. Vídeoaula com duração de: 00:12:03

    Trabalhando com APIs de mídia
  8. 3 desafios.

    Exercícios

18 - Drag & Drop

  1. Códigos, imagens, diagramas etc.

    Drag & Drop
  2. Códigos, imagens, diagramas etc.

    Arrastando Elementos
  3. Códigos, imagens, diagramas etc.

    Soltando Elementos
  4. Vídeoaula com duração de: 00:08:09

    Criação simples de Drag & Drop
  5. 3 desafios.

    Exercícios

19 - App Cache - Aplicações Offline

  1. Códigos, imagens, diagramas etc.

    App Cache - Aplicações Offline
  2. Códigos, imagens, diagramas etc.

    Cache Manifest
  3. Códigos, imagens, diagramas etc.

    Iniciando o armazenamento de cache
  4. Códigos, imagens, diagramas etc.

    Atualizando o Cache
  5. Códigos, imagens, diagramas etc.

    Eventos do AppCache
  6. Vídeoaula com duração de: 00:06:46

    Criando aplicações offline
  7. 3 desafios.

    Exercícios

20 - Armazenando Dados

  1. Códigos, imagens, diagramas etc.

    Armazenando Dados
  2. Códigos, imagens, diagramas etc.

    Cookies
  3. Códigos, imagens, diagramas etc.

    WebStorage
  4. Códigos, imagens, diagramas etc.

    IndexedDB
  5. 3 desafios.

    Exercícios

21 - Leitura de Arquivos

  1. Códigos, imagens, diagramas etc.

    Leitura de Arquivos
  2. Códigos, imagens, diagramas etc.

    Carregando Arquivos
  3. Códigos, imagens, diagramas etc.

    Lendo Arquivos
  4. Códigos, imagens, diagramas etc.

    Salvando Arquivos
  5. Vídeoaula com duração de: 00:22:11

    Leitura de Arquivos de Texto
  6. 3 desafios.

    Exercícios

22 - Canvas

  1. Códigos, imagens, diagramas etc.

    Canvas
  2. Códigos, imagens, diagramas etc.

    Nosso primeiro Canvas
  3. Códigos, imagens, diagramas etc.

    Desenhando no Canvas
  4. Códigos, imagens, diagramas etc.

    Animações
  5. Códigos, imagens, diagramas etc.

    Salvando Canvas como Imagem
  6. Vídeoaula com duração de: 00:14:45

    Desenhando no Canvas
  7. 3 desafios.

    Exercícios

23 - SVG

  1. Códigos, imagens, diagramas etc.

    SVG
  2. Códigos, imagens, diagramas etc.

    Imagens Bitmap e Imagens Vetoriais
  3. Códigos, imagens, diagramas etc.

    Vantagens e Desvantagens
  4. Códigos, imagens, diagramas etc.

    Como é uma imagem em SVG?
  5. Códigos, imagens, diagramas etc.

    Estilizando SVG com CSS
  6. 3 desafios.

    Exercícios

24 - Pré Processadores HTML

  1. Códigos, imagens, diagramas etc.

    Pré Processadores HTML
  2. Códigos, imagens, diagramas etc.

    Sintaxe mais simples
  3. Códigos, imagens, diagramas etc.

    Evitando Repetições
  4. Códigos, imagens, diagramas etc.

    Definindo Condições
  5. Códigos, imagens, diagramas etc.

    Concluindo

25 - Web Components

  1. Códigos, imagens, diagramas etc.

    O que são Web Components?
  2. Códigos, imagens, diagramas etc.

    Templates
  3. Códigos, imagens, diagramas etc.

    Shadow DOM
  4. Códigos, imagens, diagramas etc.

    Custom Elements
  5. Códigos, imagens, diagramas etc.

    Pontos de Inserção
  6. Códigos, imagens, diagramas etc.

    Imports
  7. Vídeoaula com duração de: 00:17:24

    Criando nossos próprios componentes
  8. 3 desafios.

    Exercícios

26 - Projeto Final

  1. Códigos, imagens, diagramas etc.

    Projeto
  2. Vídeoaula com duração de: 00:22:37

    Resolução

27 - Conclusão

  1. Depoimento / Brinde

Adquira este curso agora mesmo

Curso de Desenvolvimento web com HTML5 e CSS3 Avançado

Desenvolvimento web com HTML5 e CSS3 Avançado

6x R$ 28,32

R$ 169,90 à vista

Vantagens de estudar no Treinaweb

Início imediato! Não é necessário aguardar a formação de turmas.

Defina o horário que quiser e estude de onde estiver.

Após o curso, você ainda tem 2 anos para revisar o conteúdo.

Assim que finalizar, receba o certificado em casa, sem custo adicional.

Escolha o dispositivo que preferir: PC, Tablet ou Smartphone.

Se surgir alguma dúvida, basta perguntar aos nossos instrutores.

Satisfação garantida ou seu dinheiro de volta.

h

Curso com certificado de horas

O que os alunos dizem?

Foi de grande soma o curso. Aprovado.

Adquira este curso de forma avulsa

Curso de Desenvolvimento web com HTML5 e CSS3 Avançado

Desenvolvimento web com HTML5 e CSS3 Avançado

6x R$ 28,32

R$ 169,90 à vista

ou acesse todos os cursos com um dos nossos planos de acesso total

20% OFF
1 ano
De 12x R$99
12x 79 reais
ou por R$ 948,00 à vista
  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
20% OFF
3 anos
De 12x R$199
12x 159 reais
ou por R$ 1.908,00 à vista
  • 3 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
25% OFF
5 anos
De 12x R$256
12x 192 reais
ou por R$ 2.304,00 à vista
  • 5 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se

Cursos relacionados