Curso Web Design Completo: HTML5, CSS3 e JS + 5 Projetos
4.7 (3,198 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.
11,130 students enrolled

Curso Web Design Completo: HTML5, CSS3 e JS + 5 Projetos

Webdesign/ Front-end Fundamentos. Aprenda DE VERDADE HTML e CSS (básico ao avançado) e inicie o Javascript. 100% prático
Highest Rated
4.7 (3,198 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.
11,130 students enrolled
Last updated 5/2020
Portuguese
Portuguese [Auto-generated]
Current price: $48.99 Original price: $69.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 54 hours on-demand video
  • 25 articles
  • 187 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
  • Poderão montar qualquer tipo de site estático, seja ele o seu próprio portfólio, seu site pessoal ou a apresentação de sua empresa na internet
  • Criar sites responsivos de verdade
  • Cria layouts complexos com flexbox e CSS grid
  • Criar efeitos super interessantes com CSS3
Course content
Expand all 360 lectures 54:11:13
+ Introdução
11 lectures 01:36:17
LEIA ANTES DE CONTINUAR
01:10
Interaja com outros alunos
00:07
Primeiro HTML
13:22
Algumas Tags principais
14:57
Principais tags - mão na massa
16:21
Correção do exercício
04:33
Estrutura base - teoria
07:45
Estrutura base - mão na massa
08:49
Para que servem as Metatags?
03:13
+ Introdução ao CSS
11 lectures 01:43:55
As Folhas de estilo em cascata
13:07
Primeiras regras de CSS
15:44
Adicionando classes
05:01
Background ou background-color?
00:35
Box Model
12:26
Box-model - parte 2
06:10
Pseudo-classes e list-slyte
03:37
Praticando
13:49
Exercício. Centralizar na tela
07:57
Exercício. HTML
12:44
Exercício. CSS
12:45
+ Mais sobre o Visual - Parte 1
12 lectures 02:18:31
Trabalhando com imagens
08:12
Trabalhando com imagens - mão na massa
14:25
Estruturando layouts com semântica
13:15
Projeto 1 - HTML
11:43
Projeto 1 - CSS
19:49
footer - como centralizar na vertical
02:16
Propriedade display, inline, block e inline-block
15:10
Projeto 1 - menu horizontal
14:43
Box-sizing
05:53
Float
06:40
Float e clear - mão na massa
13:33
Projeto 1 - cards horizontais
12:52
+ Mais sobre o Visual - Parte 2
6 lectures 01:08:41
Propriedade position
09:09
Propriedade position - mão na massa
09:02
Projeto Fashion - início
05:10
Projeto Fashion - HTML
15:25
Projeto Fashion - CSS - Parte 1
18:45
Projeto Fashion - CSS - Parte 2
11:10
+ Listas, tablelas e overflow
5 lectures 36:21
Listas aninhadas e de definição
03:07
Listas aninhadas e de definição - mão na massa
08:49
Overflow
06:46
Tabelas
06:58
Tabelas - mão na massa
10:41
+ Formulários
6 lectures 01:17:06
Semântica em formulários
06:00
CSS em formulários
15:45
Tipos de entrada de dados - parte 1
16:14
Tipos de entrada de dados - parte 2
23:04
Tipos de entrada de dados - parte 3
02:03
+ Efeitos com CSS
7 lectures 59:03
Quais efeitos veremos
01:04
border-radius
07:53
box-shadow
05:02
text-shadow
04:06
Gradiente linear
14:59
Fontes customizadas
11:26
Transições suaves
14:33
+ Projeto Strata
24 lectures 04:11:01
Início do projeto
13:09
HTML - Recent Works
07:37
HTML - Get in Touch
09:55
HTML - Elements - parte 1
20:51
HTML - Elements - parte 2 - Links
05:44
HTML - Elements - parte 3 - Tabelas
01:53
HTML - Elements - parte 4 - buttons
11:26
HTML - Elements - parte 5 - Imagens
05:45
CSS - Início
14:16
CSS - Estrutura
21:14
CSS - parte 1 - base
17:18
CSS - parte 2 - listas
14:04
CSS - parte 3 - botões
09:46
CSS - parte 4 - tabelas
11:50
CSS - parte 5 - Get in Touch
23:04
CSS - parte 6 - arrumar o formulário
05:24
CSS - parte 7 - ajustes
10:14
CSS - parte 8 - Galeria de imagens - 3 colunas
12:47
CSS - parte 9 - Corrigir grid
10:06
CSS - parte 10 - hover nos botões
05:48
CSS - parte 11 - footer
04:37
Resultado final
02:32
Refatoração
11:25
Refatoração 2
00:16
+ Seletores avançados - seletores compostos, pseudo-classes e pseudo elementos
13 lectures 02:24:28
Seletores compostos - parte 1
11:49
Seletores compostos - parte 2
17:19
Content, after e before
07:34
pseudo-classes e pseudo-elementos - parte 1
06:33
pseudo-classes e pseudo-elementos - parte 2
13:16
pseudo-classes e pseudo-elementos - parte 3
08:10
pseudo-classes e pseudo-elementos - parte 4
05:30
Propriedade transform
25:41
Exercício prático
19:59
Desafio - checkbox lindão
03:25
Desafio - resolução
07:34
Desafio - Será que nosso checkbox está acessível?
05:23
Efeito hover lindão em thumbnails
12:15
+ Responsividade
17 lectures 02:45:49
Introdução ao RWD
12:27
media type
10:49
media queries
11:17
media queries - parte 2
08:46
media queries - parte 3
22:29
Apresentar projeto Responsivo
05:43
Estrutura do projeto Responsivo
12:04
CSS do projeto - parte 1
09:38
CSS do projeto - parte 2
08:11
CSS do projeto - parte 3
15:17
CSS do projeto - parte 4
04:15
CSS do projeto - parte 5
03:06
CSS responsivo - parte 1
10:50
CSS responsivo - parte 2
05:51
CSS responsivo - parte 3
06:17
CSS responsivo - parte 4
07:39
CSS responsivo - parte 5
11:10
Requirements
  • Nenhum conhecimento prévio. O curso é voltado para iniciantes
Description

Neste curso você irá aprender e desenvolver suas habilidades com HTML e CSS, além de ter uma boa base da linguagem de programação Javascript.

Verá conceitos avançados de HTML, incluindo semântica e uma introdução ao SEO (otimização para sites de busca) e acessibilidade.

Já com relação ao CSS você verá em detalhes todas as propriedades necessárias para criar layouts de páginas e sites na web. Iremos também desenvolver um projeto responsivo, ou seja, que funciona bem em todos os dispositivos, mobiles, tablets e desktop.

Dará os primeiros passos com Javascript e descobrirá o poder dessa linguagem, que atualmente é a mais utilizada entre os desenvolvedores web.


Who this course is for:
  • Todas as pessoas que querem ingressar na área de web design e/ou front-end.