HTML e CSS: O Início (incluindo 4 Projetos)
4.6 (174 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,624 students enrolled

HTML e CSS: O Início (incluindo 4 Projetos)

Inicie no mundo da programação web com HTML e CSS, e ainda crie os seus primeiros projetos.
4.6 (174 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,624 students enrolled
Created by Matheus Battisti
Last updated 2/2020
Portuguese
Portuguese [Auto-generated]
Current price: $25.99 Original price: $39.99 Discount: 35% off
2 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 6 hours on-demand video
  • 6 articles
  • 6 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Utilizar HTML de forma plena, respeitando as boas práticas e estruturar layouts com a linguagem
  • Aplicar CSS a páginas web e conhecer as propriedades mais utilizadas aliado com práticas em exemplos simulando projetos reais
  • Utilizar HTML e CSS do jeito certo / que utilizam em empresas
  • Desenvolver projetos web
Requirements
  • Força de vontade para aprender
  • NÃO precisa ter feito sequer uma linha de código na vida
Description

Neste curso quem nunca programou sequer uma linha de código conseguirá realizar projetos web!

O curso cobre os principais conceitos de HTML e CSS, reforça a utilização de tags e regras de CSS no mundo real, ou seja, você terá além da explicação teórica uma experiência de como a programação web funciona no mercado de trabalho.

Você já programa e acha que o conteúdo curso é básico? Lembre-se que você e eu construiremos 4 projetos do absoluto zero; eu vou compartilhar técnicas que já utilizei e ainda utilizo no meu dia a dia como desenvolvedor, vamos construir tudo seguindo as boas práticas para um código escalável, limpo e de fácil manutenção. :D

Esse curso é pra você se:

  • Nunca escreveu uma linha de código;

  • Quer aprimorar os conhecimentos em HTML/CSS;

  • 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.

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! :)

Who this course is for:
  • Qualquer pessoa que deseja entrar no mundo da programação
  • Qualquer pessoa que quer aprender a fazer projetos web bem elaborados
  • Desenvolvedores iniciantes
  • Aspirantes a programação
Course content
Expand all 80 lectures 06:07:50
+ Introdução
7 lectures 30:15
O que é e para que serve o HTML?
06:34
O que é e para que serve o CSS?
05:19
Como pesquisar problemas/dúvidas de código no Stackoverflow
04:31
Como pesquisar problemas/dúvidas de código no Google
03:39
Como utilizar a ferramenta de inspecionar elemento
03:37
Instalando o Sublime Text 3
02:08
+ Aprendendo HTML
15 lectures 52:20
Arquivos do módulo de HTML
00:03
O que são tags?
02:35
Conhecendo os headings
02:47
Comentários no HTML
01:49
Conhecendo a tag <a>
02:29
Conhecendo a tag <img>
04:33
Conhecendo a tag <table>
04:44
Listas no HTML: tag <ul>
03:11
Formulário no HTML: como criar um?
04:37
Formulário no HTML: conhecendo os elementos principais
04:33
Formulário no HTML: conhecendo os atributos dos formulários
04:24
As metatags essenciais para os projetos web
03:30
Introdução ao HTML semântico
04:54

Neste teste serão avaliados conhecimentos básicos que aprendemos ao longo desta unidad, vamos lá!

Teste de conhecimento em HTML
4 questions
+ Aprendendo CSS
26 lectures 01:48:08
Arquivos módulo de CSS
00:03
Adicionado CSS aos projetos
02:16
CSS Inline
03:09
Internal CSS
03:07
Sintaxe do CSS e comentários
04:14
Classes e Ids
04:24
AS possibilidades de adicionar com CSS
04:59
Adicionando background com CSS
05:22
Adicionado fontes com CSS
08:55
Explicando o conceito de Box model
04:31
Box model na prática: Padding
08:53
Box model na prática: Border
05:42
Entendendo a propriedade display
05:15
Entendendo positions: Static
03:43
Entendendo positions: Relative
02:11
Entendendo positions: Absolute
03:16
Entendendo positions: Fixed
02:32
Entendendo positions: Sticky
03:10
Resumo de positions
03:15
Conhecendo o float
04:20
Utilizando clear para ajustar o float
02:45
Unidades de medida: px
03:36
Unidades de medida: %
03:52
Unidades de medida: em e rem
06:47

Neste teste vamos avaliar o conhecimento que as aulas desta seção nos proporcionaram.

Teste de conhecimento em CSS
4 questions
+ Projeto 1
7 lectures 33:53
Arquivos do projeto
00:03
Criando o projeto
05:33
Início da estrutura do HTML e estratégia de construção
08:58
Fizando o HTML do projeto
05:39
Finalizando o projeto
06:06
+ Projeto 2
7 lectures 51:00
Arquivos do projeto
00:03
Iniciando o formulário
10:50
Finalizando o HTML do projeto
17:39
Iniciando o CSS
06:12
Finalizando o projeto
10:18
+ Projeto 3
12 lectures 50:51
Arquivos do projeto
00:03
Iniciando o projeto
05:10
Criando o HTML do header
04:57
Finalizando CSS do header
08:10
Construindo o HTML da seção de serviços
03:03
CSS da seção de serviços
08:06
HTML da seção de especialidades
02:31
Finalizando seção de especialidades
05:12
Criando formulário da página
02:07
CSS do formulário
05:46
Conclusão do projeto
03:00
+ Projeto 4: Site do Google
6 lectures 41:23

Arquivos finais do projeto para consulta.

Preview 00:01
Introdução do projeto
03:24
Configurações do projeto
08:48
Barra de navegação superior
08:00
Corpo do site
14:08
Rodapé do site e conclusão
07:02