Você sabia que ao assinar um plano você terá acesso a TODOS os cursos do portal?
São mais de 4.000 horas de conteúdo, distribuídos em mais de 350 cursos completos!

Curso de HTML5 e CSS3 - Desenvolvimento web Avançado

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

Veja uma aula de exemplo

Plano de acesso Anual

economize R$360
de 12x de R$97
por: 12x de R$67
ou R$ 804,00 à vista
  • 1 ano de acesso completo a todos os cursos e formações da plataforma.
Conheça os nossos planos de acesso total aos cursos
  • Conteúdo + de 4.000 horas de conteúdo
  • Conteúdo + de 200.000 alunos capacitados
  • Conteúdo + de 12 anos de experiência em EAD
  • Conteúdo cursos novos toda quarta-feira
Quero conhecer os planos

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.

  • Curso com 3h19 horas de vídeos
  • Curso com certificado de 34 horas
  • 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
Videoaulas
Texto e imagens
Início imediato
Exemplos práticos
Testes de aprendizado

Conteúdo Programático

Baixar esta ementa
1 - Variáveis
Introdução
Variáveis
Declaração de Variáveis
Utilizando as Variáveis Visualizar
Escopo Visualizar
Trabalhando com variáveis no CSS Visualizar
Exercícios
2 - Pseudo Elementos
Pseudo Elementos
Pseudo Elementos
Exercícios
3 - Criando Sprites
O que são Sprites?
Criando Sprites Visualizar
Trabalhando com Sprites Visualizar
Criando Sprites
4 - Font Icons
Font Icons
Trabalhando com Font Icons
5 - Gradientes
Gradientes
Gradiente Linear
Gradiente Radial
Criando Gradientes com CSS
Exercícios
6 - Contadores e Guardando estados sem JavaScript
Contadores e Guardando estados sem JavaScript
Contadores
Guardando Estados
Contadores com CSS
Guardando Estados com CSS
Exercícios
7 - Transformações 2D e 3D
Transformações 2D e 3D
Transformações 2D Visualizar
Transformações 3D Visualizar
Transformações 2D e 3D Visualizar
Exercícios
8 - Filtros
Filtros
blur(px)
brightness(%)
contrast(%)
drop-shadows(posição_horizontal posição_vertical dispersão cor)
grayscale(%)
hue-rotate(ângulo)
invert(%)
opacity(%)
saturate(%)
sepia(%)
CSSgram
Filtros de Imagens
Exercícios
9 - Transições
Transições
A importância das transições
Nossa primeira transição
Transições com JavaScript
Curva da Velocidade da Transição
Propriedades de Transição
Criando Transições
Exercícios
10 - Animações
Animações
Criando uma Animação
Animações com várias mudanças
Propriedades de Animação
Interagindo com JavaScript
Criando Animações
Exercícios
11 - Media Queries
Media Queries
Media Types
Media Queries
Media Types e Media Queries
Exercícios
12 - Criando Designs Responsivos
O que é Design Responsivo?
Viewport
Unidades de Medida Relativas
Media Queries
13 - Layouts com Flex Box
Layouts com Flex Box
Propriedades do Contêiner
Propriedades dos Itens
Atalhos
Entendendo o Flex Box
Exercícios
14 - Pré Processadores CSS
O que são Pré Processadores?
Funcionalidades
Concluindo
15 - Arquitetura de Códigos - Metodologias e Práticas
Metodologias e Práticas
OOCSS
BEM
ACSS
DRY CSS
SMACSS
ITCSS
RSCSS
Exercícios
16 - HTML5 e suas APIs
O que são APIs?
JavaScript
Possibilidades
Ambiente
17 - Controle de Áudio e Vídeo
Controle de Áudio e Vídeo
Criando o elemento
Propriedades
Métodos
Eventos
Controlando a Mídia
Trabalhando com APIs de mídia
Exercícios
18 - Drag & Drop
Drag & Drop
Arrastando Elementos
Soltando Elementos
Criação simples de Drag & Drop
Exercícios
19 - App Cache - Aplicações Offline
App Cache - Aplicações Offline
Cache Manifest
Iniciando o armazenamento de cache
Atualizando o Cache
Eventos do AppCache
Criando aplicações offline
Exercícios
20 - Armazenando Dados
Armazenando Dados
Cookies
WebStorage
IndexedDB
Exercícios
21 - Leitura de Arquivos
Leitura de Arquivos
Carregando Arquivos
Lendo Arquivos
Salvando Arquivos
Leitura de Arquivos de Texto
Exercícios
22 - Canvas
Canvas
Nosso primeiro Canvas
Desenhando no Canvas
Animações
Salvando Canvas como Imagem
Desenhando no Canvas
Exercícios
23 - SVG
SVG
Imagens Bitmap e Imagens Vetoriais
Vantagens e Desvantagens
Como é uma imagem em SVG?
Estilizando SVG com CSS
Exercícios
24 - Pré Processadores HTML
Pré Processadores HTML
Sintaxe mais simples
Evitando Repetições
Definindo Condições
Concluindo
25 - Web Components
O que são Web Components?
Templates
Shadow DOM
Custom Elements
Pontos de Inserção
Imports
Criando nossos próprios componentes
Exercícios
26 - Projeto Final
Projeto
Resolução
27 - Conclusão
Depoimento

Cursos Relacionados

Últimos lançamentos

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da platarforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Plano de acesso Anual

economize R$360
de 12x de R$97
por: 12x de R$67
ou R$ 804,00 à vista
  • 1 ano de acesso a todos os cursos
  • Plano de carreira personalizado
  • Cursos novos toda semana
  • Certificados digitais inclusos
  • Suporte direto com professores
  • Suporte com SLA de 4 horas úteis
  • Aplicativos para Android e iOS
  • Acesso offline através dos apps

Utilizada e amada por milhares!

Confira os depoimentos de quem já estudou com a gente

  • A melhor escola de cursos online, aulas muito bem explicadas tanto em vídeo aula como em material escrito.
    Johnny (Guarulhos - SP) HTML5 e CSS3 - Desenvolvimento web Avançado Johnny
  • Ótimo curso! Aborda muitos pontos importantes que auxiliam na criação de sites modernos. Conteúdo consistente com o que é pedido pelo mercado de trabalho no que se refere a front-end. Estou bastante satisfeito com o aprendizado!
    Isac (São Paulo - SP) HTML5 e CSS3 - Desenvolvimento web Avançado Isac
  • Este vídeo me deu uma boa noção do HTML5 e CSS3 Avançado, estou satisfeito e acredito que com pratica conseguirei por em pratica os conhecimentos!
    André (Cotia - SP) HTML5 e CSS3 - Desenvolvimento web Avançado André
  • Mais um excelente curso finalizado com sucesso, agradeço muito o meu desenvolvimento junto aos cursos da TreinaWeb, parabéns.
    Lucas (Santa Fé do Sul - SP) HTML5 e CSS3 - Desenvolvimento web Avançado Lucas
  • Olá! Primeiramente gostaria de agradecer por ter me ajudado a obter bastante conhecimento. Realmente você aprende. É tudo muito bem explicado e eu só tenho a agradecer. Recomendo é super profissional. Parabéns!
    Railan (Goianira - GO) HTML5 e CSS3 - Desenvolvimento web Avançado Railan
  • Muito bom realmente precisava desse curso muita coisa nova que em cursos que fiz no passado não foram apresentados
    Antônio (Cuiabá - MT) HTML5 e CSS3 - Desenvolvimento web Avançado Antônio
  • Gostei do curso bem completo, mesmo conhecendo o html5 acabei descobrindo novas fetuares, recomendo a todos mesmo aqueles que já conhecem um pouco de html
    Anderson (Diadema - SP) HTML5 e CSS3 - Desenvolvimento web Avançado Anderson
  • Olá Equipe TreinaWeb! Gostei muito do curso e achei que o novo conteúdo está bem melhor do que quando fiz há uns 2 anos atrás o web básico. Pretendo fazer o HTMl5 e CSS3 Desenvolvimento web básico novamente, pois quando fiz o curso era diferente e percebi que há muitas coisas novas e também o método agora está muito mais prático! Gostei principalmente dos exercícios de avaliação após cada tópico! Isto me ajudou na compreensão e assimilação dos assuntos! Parabéns à equipe!
    Maria (Bauru - SP) HTML5 e CSS3 - Desenvolvimento web Avançado Maria
  • Ótimo curso. Abordagens sobre Canvas, Web Components e Web Storage sensacionais. Obrigado TreinaWeb.
    Fabio (Rio de Janeiro - RJ) HTML5 e CSS3 - Desenvolvimento web Avançado Fabio
Veja mais opiniões reais

Garantia incondicional
de satisfação

Satisfação Garantida - 7 dias ou seu dinheiro de volta!

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!

Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

Ou seja, a partir do momento em que você fizer sua inscrição, você terá acesso às mais 4.000 horas de curso, com os melhores profissionais do mercado, com uma metodologia inovadora... e se mesmo assim você não gostar, você pode pedir o seu dinheiro de volta em até 7 dias.

Imagine se tudo na vida viesse com uma garantia como essa.

Matricule-se Agora!

FAQ - Perguntas Frequentes

Confira as principais dúvidas de quem
procura a TreinaWeb para se capacitar.

  • A TreinaWeb é a única escola online de tecnologia com mais de 12 anos de história. É a maior do segmento, com mais de 4.000 horas de conteúdo em cursos online. Além disso, cerca de 200.000 alunos já estudaram e estudam por aqui. Entre muitas outras coisas, a TreinaWeb oferece:
    • Formações completas e com foco no mercado de trabalho.
    • Formação personalizada e individual, criada por um professor orientador.
    • Cursos novos e atualizações pontuais toda semana.
    • Opção de estudar no seu tempo, a qualquer hora e lugar.
    • Suporte incluso com professores especialistas.
    • Certificados dos cursos com hora/aula.
    • Satisfação garantida ou seu dinheiro de volta!

  • SIM! Com toda a certeza! Pois oferecemos cursos partindo exatamente do zero. Inclusive temos cursos de Lógica de Programação, que é onde você vai ver todo o fundamento por trás das linguagens. Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores especialistas irão te acompanhar. E você está atrás dos cursos de edição de vídeo, design e marketing digital, claro que você também não precisa saber nada sobre programação.

  • Nossa metodologia une o que há de melhor no ensino de tecnologia à distância: videoaulas, apostilas, exercícios de fixação, testes de conhecimento e passo a passo de projetos completos. Aprenda de verdade com cursos completos de programação, edição de vídeo, design e marketing digital.

  • No instante que sua compra for aprovada, automaticamente você ganhará o acesso a nossa área do aluno, onde poderá escolher os cursos que irá fazer. Caso, por qualquer motivo, você não consiga acessar de imediato, basta entrar em contato que nós te ajudaremos! Você poderá assistir de qualquer lugar: Do computador, notebook, tablet, smartv ou smartphone.

  • Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste! Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

  • A TreinaWeb é para quem:
    • Quer entrar no ramo digital com o pé direito;
    • É programador e quer ir para um outro nível;
    • Já programa e quer ampliar o nível e estudar outras linguagens;
    • É um programador avançado e tem TreinaWeb um aliado para novas tecnologias e tendências;
    • Busca profissionalizar-se em uma área em pleno crescimento;
    • Ama design e sabe que aqui estão os melhores cursos da área;
    • Quer aprender a fazer e editar os seus próprios vídeos;
    • Sonha em ser um Videomaker profissional.

  • 100% Segura. Todo o processo de compra possui certificado SSL. Nenhuma informação do seu cartão de crédito é mantida em nosso banco de dados. E assim que aprovada a sua compra/matrícula, você receberá imediatamente todos os dados de acesso à sua área de aluno e as aulas.

  • Sim e esse é um dos diferenciais da TreinaWeb. Oferecemos total suporte com professores especialistas. Nossa equipe de instrutores está sempre pronta para te ajudar e tirar todas as suas dúvidas. Além disso, Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores irão te acompanhar e te orientar.

  • Todos os nossos cursos online de programação, design e edição de vídeo contam com certificados. Um certificado novo será disponibilizado na área de aluno, sempre que você concluir um novo curso. Com o seu nome e horas/curso. Lembrando, que estes certificados podem ser utilizados para cumprir cargas horárias de cursos extras em faculdades.

Tenho outra(s) dúvida(s)

Últimos Lançamentos

Outros Cursos