Udemy

Platform

Português

Language

Other

Category

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.70 (239 reviews)

Students

8 hours

Content

Oct 2020

Last Update
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 você estará apto a utilizar o que há de mais novo no 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 o segundo projeto vai 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 flex box também.

Esse curso é pra você se:

  • Quer aprimorar os conhecimentos em HTML/CSS;

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

  • Quer entrar no mundo da programação web;

  • Quer entender como funciona o desenvolvimento web no mercado de trabalho;

  • Quer construir projetos web;

Obs: realmente não há pessoas que não podem fazer esse curso, minha proposta é que: se você que nunca escreveu código na vida entre para esta área e que quem já trabalha ou já escreveu um pouco de HTML e CSS eleve seus conhecimentos para o ambiente profissional, porém se você já tem algum conhecimento em HTML/CSS a absorção de conteúdos será mais rápida.

E além disso, meu compromisso com você é explicar o mesmo assunto em vários ângulos diferentes para que você assimile os conteúdos e não fique apenas copiando código.

Se então é isso que você procura, te espero no curso para escrevermos os códigos juntos! :)


Screenshots

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

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


Reviews

P
Paulo11 March 2021

Não achei a parte do curso css avançado com nível realmente avançado. Precisa melhor nas explicações quando relaciona o layout com os estilos aplicados, mostrar no layout que parte está fazendo e como ficará.

A
Alex5 March 2021

O curso é bom, mas não é excelente. Se você já conhece de básico para médio o CSS3 e HTML5, vale apena. Caso contrario compre um curso que vá do básico ou avançado.

J
Juan21 December 2020

Até agora gosto e ja pulei direto pro flex pq ja fiz N cursos de css..preciso mesmo aprender a organizar os elementos. Didatica mto boa..audio ruim..pode melhorar!

R
Ricardo28 November 2020

Muito bom, para pessoas que estão querendo adquirir conhecimento sobre assunto, vale a pena ter este curso, recomendo!

F
Fabio9 November 2020

bom, até o momento estou gostando da forma com é explicado. didatica muito boa do professor. Só me assustei no inicio quando ele falou qe seria bom ja ter um conhecimento básico de html5. É que quando comprei o curso dizia que era para todos os níveis inclusive iniciantes. mais vamos ver, no geral está indo bem.

L
Leandro23 August 2020

Curso muito bom e aprendi muito, professor muito calmo para explicar, e sempre respondeu todas as minhas dúvidas, nunca demorou um dia para me responder sempre muito rápido. Vale cada centavo.

J
John28 June 2020

Ótimo curso com foco na prática, vendo e codando com o professor durante a realização dos projetos de forma tranquila e analitica não tem como não aprender. Professor gente finissima. Deixar meia estrelhinha faltando porque queria ver também um projeto com as técnicas avançadas, sei que não tem muito a ver com o mercado de trabalho mas parecem ser muito divertidas de se usar.

A
Andréia19 May 2020

O som do primeiro video estava abafado. Não consegui ouvir. Vou comprar uma caixa de som pra poder ouvir, mas tudo bem. O restante está ok.

P
Pyetro27 March 2020

estou fazendo este curso justamente pois ja fiz outros e preciso aprender agora a movimentar figuras e icones na pagina e o flex box vai me ajudar bastante

R
Ronaldo5 February 2020

Curso bem planejado e boa didática. Recomendo muito para quem quer aprender os recursos mais usados de CSS e HTML no momento.

J
José2 February 2020

Eu esperava conteúdos que quebrassem menos em resoluções menores. Acho que é pelo grande uso de position absolute. A sessão de flex box é bem legal, mas o resto eu esperava mais.

M
Marcos19 November 2019

Ok...Muito bom! Até recomendo! Mas somente uma pequena crítica: No início, aprendemos a usar efeitos avançados no CSS, mas nos projetos eles não foram usados. Seria interessante fazer os projetos incluindo esses efeitos avançados! Mas o curso é de qualidade! recomendo!! Obrigado!

J
Jadson7 November 2019

Perfeito curso, professor manda muito bem, gostei bastante de todo o conteúdo. Aguardando novos cursos!

C
César14 October 2019

Curso muito bom! Um ponto de melhoria seria ter um exercício final, um pequeno projeto para execução, com a fonte final disponível para consulta.

G
George28 August 2019

Inicio do curso ainda mas o professor esta explicando bem . Auspicioso. Vamos aguardar o desenrolar das aulas.


2413902

Udemy ID

6/14/2019

Course created date

11/23/2019

Course Indexed date
Bot
Course Submitted by