HTML5 e CSS3: Técnicas Avançadas (Com Flexbox e 5 Projetos)

Conheça os elementos do HTML5, as regras do CSS3, aprenda flexbox e ainda construa projetos web!

4.71 (915 reviews)
Udemy
platform
Português
language
Other
category
4,114
students
10 hours
content
Apr 2023
last update
$19.99
regular price

What you will learn

Os novos elementos do HTML5, como utilizá-los e boas práticas

As novas regras e propriedades do CSS3, suas utilizações em projetos e também melhores práticas

Dominar o FlexBox, regras da propriedade, exemplos de uso e projeto prático para fixar a técnica

Criar projetos web, inclusive com FlexBox

Boas práticas de HTML e CSS, como estas linguagens são utilizadas no mercado de trabalho

Description

Após este curso de HTML5 e CSS3 completo com certificado, você estará apto a utilizar o que há de mais novo e atualizado no mundo do HTML5, CSS3 e também flexbox.

Porém não para por aí, além da teoria teremos três projetos práticos que você poderá exercitar o conteúdo aprendido no curso, então vamos criar juntos um site primeiramente para treinar HTML5 e CSS3.

Depois do segundo projeto, vamos trabalhar com o flexbox, vamos aprender quando e como utilizar o flexbox num projeto web, teremos também um projeto com o intuito de simular uma aplicação web conhecida por todos nós, neste caso eu escolhi o WhatsApp Web e muito mais!

O curso conta com 5 projetos baseados em sites reais, inclusive um dos resultados de pesquisa do Google, onde vamos utilizar flexbox também.

Esse curso HTML5 e CSS3 é pra você se:

  • Deseja aprimorar todos os conhecimentos voltados para HTML/CSS;

  • Tem objetivo de aprender flexbox da maneira correta e aplicar num projeto do cotidiano de um programador;

  • Quer iniciar a sua carreira no mundo da programação;

  • Entender como funciona o desenvolvimento web no mercado de trabalho;

  • Construir projetos web;

O que é HTML5?

HTML5 é a quinta versão da linguagem de marcação HTML (HyperText Markup Language). É usado para estruturar o conteúdo de uma página web e oferece uma série de vantagens em relação às versões anteriores.

HTML5 permite criar sites mais interativos e ricos em recursos, graças à inclusão de novos elementos semânticos, como <video> e <audio>, que facilitam a incorporação de mídia. Além disso, introduz recursos avançados, como a possibilidade de criar gráficos e animações diretamente no navegador, sem a necessidade de plugins externos.

O que é CSS3?

CSS3 é a terceira versão do Cascading Style Sheets, uma linguagem de estilo utilizada para estilizar e formatar o conteúdo de uma página web. Traz uma série de recursos avançados que permitem criar designs atraentes e sofisticados.

CSS3 permite adicionar efeitos visuais, como sombras, gradientes, transições e animações, diretamente no código, sem a necessidade de utilizar imagens ou plugins externos. Oferece recursos de layout mais flexíveis, como a capacidade de criar layouts responsivos e adaptáveis a diferentes tamanhos de tela.

Aprender CSS3 por meio de cursos especializados traz diversas vantagens. Um curso bem estruturado e ministrado por Matheus Battisti permite aos alunos aprenderem de forma organizada e abrangente, explorando os recursos mais avançados da linguagem.

Todos os nossos cursos online fornecem exemplos práticos, exercícios e projetos reais, ajudando os alunos a desenvolverem suas habilidades de forma mais eficiente.

Quais são as vantagens do curso de HTML5 e CSS3?

Por que fazer o curso de HTML5 e CSS3? Primeiramente, podemos citar a sua compatibilidade com dispositivos móveis. Permite criar sites responsivos, que se adaptam automaticamente a diferentes tamanhos de tela, proporcionando uma experiência consistente em desktops, tablets e smartphones.

Uma vantagem significativa do HTML5 é a sua interoperabilidade com outras tecnologias da web, como CSS3 e JavaScript. Cria experiências mais dinâmicas e interativas, proporcionando aos desenvolvedores maior flexibilidade e criatividade.

Outro aspecto positivo do HTML5 é a sua evolução contínua. A linguagem é mantida e atualizada pela World Wide Web Consortium (W3C), novos recursos e melhorias são adicionados regularmente.

Aprender por meio de cursos especializados, como o oferecido pela Hora de Codar, ou explorar os conteúdos e projetos é uma excelente maneira de aprimorar suas habilidades em estilização e design web, aproveitando todas as vantagens e recursos oferecidos.

Para que serve o curso de HTML5 e CSS3?

Um curso de HTML5 e CSS3 é fundamental para quem deseja se tornar um desenvolvedor web ou aprimorar suas habilidades nessa área. Através do curso online com certificado, os alunos aprendem a criar e estilizar páginas web modernas e responsivas.

As vantagens de fazer essa formação incluem adquirir conhecimentos essenciais para construir sites e aplicativos visualmente atraentes, com recursos interativos avançados.

Os estudantes aprendem a utilizar as melhores práticas e técnicas atualizadas, garantindo um código limpo e eficiente. Com o conhecimento em HTML5 e CSS3, terá acesso a mais oportunidades de emprego e se destaca no mercado de desenvolvimento web.

Se é isso que você procura, te espero no curso online HTML5 e CSS3 para escrevermos os códigos juntos! :)


Content

Introdução

Introdução
Como um programador acha as soluções das dúvidas no StackOverFlow
Como um programador acha as soluções das dúvidas no Google
Como verificar erros de HTML/CSS no navegador (Inspecionar elemento)
Como instalar o Sublime (editor de código para o curso)

HTML5

Arquivos utilizados em aula
Conhecendo a tag <video>
Conhecendo a tag <audio>
Conhecendo a tag <figure> e <figurecaption>
Conhecendo os atributos required e placeholder
Conhecendo o atributo type email e autofocus
Conhecendo o atributo content editable
Introdução ao HTML semântico
Conhecendo a tag <detail> e <summary>
Conhecendo a tag <datalist>
Conhecendo a tag <progress>
Questionário HTML5

CSS3

Arquivos utilizados em aula
Iniciando com animações
Animações com vários passos
Animações: delay e iterations
Animações: timing functions
Animações: shorthand
Conhecendo a propriedade transition
Utilizando a propriedade calc
Gradiente linear
Gradiente radial
Carregando fontes com font_face
Layouts responsivos com media query
Utilizando a propriedade border-radius
Questionário de CSS3

Projeto 1 - Site Doceria

Arquivos do projeto
Introdução do projeto
Iniciando o projeto e configurações
HTML do menu lateral (sidebar)
CSS do menu lateral (sidebar)
HTML do conteúdo do site
CSS das seçoes iniciais e banner
CSS das galerias
CSS do rodapé e conclusão do projeto

Flex Box

Arquivos utilizados em aula
O que é Flex Box?
Propriedade flex-grow
Propriedade flex-shrink e flex-basis
Propriedade flex-direction
Propriedade flex-order
Propriedade flex com shorthand
Proriedade justify-content
Propriedade align-items
Propriedade align-self
Revisão Flex Box

Projeto 2 com FlexBox - hDC Host

Arquivos do projeto
Introdução do projeto
Configurando o projeto
Criando o HTML do projeto
CSS da barra de navegação e banner principal
CSS das seções com flexbox
Finalizando o CSS do projeto
Adaptando o site para dispositivos mobile

Projeto 3 - WhatsApp Web Clone

Arquivos do projeto
Configuração do projeto
Criando o HTML da barra lateral
Criando o HTML da seção do chat
Iniciando o CSS da barra lateral
Finalizando a barra lateral
Iniciando o CSS da area de chat
Conclusão do projeto

Projeto 4 com FlexBox - Google Search Clone

Arquivos do projeto
Introdução do projeto
Configuração do projeto
Iniciando o cabeçalho (header)
Finalizando header e navbar
Estruturando o conteúdo principal
Estruturando o conteúdo lateral e criando o flex
Finalizando os resultados de busca
Conclusão do projeto

Screenshots

HTML5 e CSS3: Técnicas Avançadas (Com Flexbox e 5 Projetos) - Screenshot_01HTML5 e CSS3: Técnicas Avançadas (Com Flexbox e 5 Projetos) - Screenshot_02HTML5 e CSS3: Técnicas Avançadas (Com Flexbox e 5 Projetos) - Screenshot_03HTML5 e CSS3: Técnicas Avançadas (Com Flexbox e 5 Projetos) - Screenshot_04

Reviews

Mario
October 18, 2023
Os projetos não usavam tanto display:flex nos elementos, mas aprendi bastante com a teoria e fazendo sozinho os projetos.
Andre
September 29, 2023
Perfeito. Fiz o curso HTML e CSS Iniciante e agora estou avançando no desenvolvimento FRONT-END. Curso ótimo
Matheus
September 28, 2023
Achei tudo muito corrido, uma aula fazendo só o html e outra só o css, não dá aquela imersão total na aula, pois você fica perdido no nome das classes, as aulas praticamente foram copiar e colar.
Vinícius
August 7, 2023
Bom para aprender e aperfeiçoar futuros modelos HTML e CSS de sites e projetos, mas esperava um pouco mais de detalhe e conteúdo na parte teórica
Iasmim
April 24, 2023
Curso com aulas diretas e bem explicadas, cumpre com o que promete, explica bem as propriedades de CSS mais utilizadas em projetos do mundo real.
Eduardo
March 19, 2023
O curso é muito bom! Apesar de versar sobre técnicas avançadas, as explicações são claras e diretas. As aulas têm uma dinâmica que facilitam a compreensão dos conteúdos. Parabéns pelo trabalho!
Alexandre
February 28, 2023
Estou no primeiro projeto ainda, por enquanto não estou achando muito bom o curso, achei um pouco desorganizado, corrido e por se tratar de um curso com "Técnicas avançadas" o mínimo que eu esperava era todos os projetos com responsividade. Enfim se melhorar até o final eu faço uma nova avaliação.
Eduardo
February 8, 2023
Professor fala muito rápido e com isso é preciso voltar o vídeo algumas vezes para entender. Conteúdo bom e prático!
Carlos
January 20, 2023
Didática incrível, aprendi bastante. Só acho que você fala um pouco rápido kkkk mas tirando isso o curso é sensacional!!
Nathalia
December 19, 2022
Valeu muito a pena, as explicações são claras e sem enrolação, gostei muito dos projetos é bem interessante deu pra desenvolver, só poderia ter projetos usando CSS GRID também.
Rafael
December 12, 2022
Matheus Batisti é um grande professor, tenho aprendido muito de front-end com ele, acho que já tenho comprado quase todos os cursos dele aqui da plataforma.
Lucas
November 29, 2022
Aprendi bastante com a ótima didática do prof., gostei bastantes dos projetos desenvolvidos durante o curso, valeu prof :)
Davi
November 2, 2022
Até agora ja resolveu umas dores de cabeça minhas, e parece ser um curso muito bom, mas vou melhorar minha avalição no final da experiência.
Matheus
October 23, 2022
O curso é sensacional, a dinâmica do Matheus é muito boa, os exemplos que ele usa nos projetos são bem práticos, e muito apresentáveis, muito bom o curso.
Bernardo
October 22, 2022
Não tenho palavras boas o suficiente para qualificar este curso. Ele é simplesmente PERFEITO. O instrutor Matheus superou todas as expectativas. Todos os projetos são muito interessantes e trazem muito conhecimento. Destaque em especial para o Projeto InDecor. Simplesmente sensacional. Certamente farei mais cursos do Matheus (este já é o segundo).

Charts

Price

HTML5 e CSS3: Técnicas Avançadas (Com Flexbox e 5 Projetos) - Price chart

Rating

HTML5 e CSS3: Técnicas Avançadas (Com Flexbox e 5 Projetos) - Ratings chart

Enrollment distribution

HTML5 e CSS3: Técnicas Avançadas (Com Flexbox e 5 Projetos) - Distribution chart
2413902
udemy ID
6/14/2019
course created date
11/23/2019
course indexed date
Bot
course submited by