HTML5 Completo
4.9 (41 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.
153 students enrolled

HTML5 Completo

Série Front-end do começo: Desenvolvimento Web
Highest Rated
4.9 (41 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.
153 students enrolled
Created by Adriana Cerdeira
Last updated 5/2020
Portuguese
Portuguese [Auto-generated]
Current price: $72.99 Original price: $104.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 11.5 hours on-demand video
  • 2 articles
  • 7 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • 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
  • O Ambiente de trabalho para um desenvolvedor web
  • O que é a internet e a diferença entre internet e Web
  • Quais são e como funcionam as linguagens base da internet
  • Onde achar Documentação
  • Três projetos: 1 poema, 1 CV e um projeto aberto
  • Introdução ao HTML e a estrutura de um site (pastas e arquivos)
  • A declaração doctype
  • O elemento html
  • O elemento head
  • O elemento body
  • Diferença entre elementos de linha e de bloco
  • Elementos de formatação de texto
  • Criação de links para navegação
  • Criação de listas
  • Elementos de estruturação de uma página web como, main, section, article e outros
  • Como formatar imagens, vídeos e audios
  • Como inserir tabelas e todas as suas funcionalidades
  • Como inserir formulários
  • Elementos avançados
  • A importância da semântica
  • Onde encontrar recursos que vão ajudá-los na criação de sites
  • Basicamente, o que você precisa saber sobre HTML para criar sites dos mais simples aos mais complexos.
Course content
Expand all 50 lectures 11:29:39
+ Módulo I - Introdução
5 lectures 01:31:30

Introdução ao curso e como ele está estruturado.

Preview 20:42
Conecte-se para continuar aprendendo!
00:27

Descrição dos softwares necessários e sua instalação.

Preview 27:46

O que é a Internet e como ela funciona.

Qual a diferença entre Internet e Web.

Aula 3 - O que é a Internet?
18:16

As linguagens que compõe um site e sua estrutura de arquivos.

Aula 4 - Estrutura de um site
24:19
+ HTML - Introdução - Boilerplate
6 lectures 01:48:31

A anatomia do HTML e o seu boilerplate.

O que é um tag?

O que é um elemento?

Onde vai o conteúdo?

Aula 5 - Introdução ao HTML
14:04

Vamos começar a codificar usando um poema para introduzir a ideia do HTML

Aula 6 - Poema
24:06

Onde achar informação sobre os elementos e atributos do HTML.

Aula 7 - Documentação
22:27

Vamos falar da tag que abre tudo, html, e do que são atributos globais.

Aula 8 - Tag HTML e Atributos Globais
12:41

Vamos falar do elemento de metadados head e o que vai nele.

Preview 23:15
Aula 10 - Body, div, inline e block
11:58
+ HTML - Elementos de texto e Imagem
11 lectures 01:56:06

Todo texto precisa de título e é composto de parágrafos. Como fazer isso no HTML?

Aula 11 - Headings e parágrafo
10:23

Vamos aprender como comentar o seu documento HTML. Como deixar lembretes para você , fazer documentação e as vezes até usar para testar seu código.

Aula 12 - Comentários
07:14

Vamos aprender elementos de formatação de texto, negrito, itálico, quebra de linha, régua horizontal, além do span, um elemento muito útil no seu uso de HTML.

Aula 13 - Strong, b, em, i, span, hr, br
13:21

Agora vamos aprender o coração da navegação na Web, os links. Vamos começar com os diferentes tipos de link.

Aula 14 - Links - Tipos de Links
21:28

Você sabe fazer um link para baixar um documento? Vamos ver aqui, além de atributos que ajudam na acessibilidade.

Aula 15 - Links - Downloads e Acessibilidade
09:53

O atributo target merece uma aula à parte.

Aula 16 - Links - Target
06:40

Site sem imagem é chato né, mas como colocar?

Aula 17 - Imagens
08:57

Você já sabe como colocar uma imagem, mas sabe onde ir procurar imagens legais?

Aula 18 - Banco de Imagens
11:16

O HTML tem 3 tipos de listas, você sabia? Vamos conhecer elas aqui e falar da lista desordenada, a mais comum para criação de menus.

Aula 19 - Listas
11:15

Vamos botar ordem agora? Vamos falar da lista ordenada.

Aula 20 - Listas Ordenadas
09:26

E se eu tiver uma lista de termos e suas descrições, como faço?

Aula 21 - Listas Descritivas
06:13
+ Projeto CV
2 lectures 22:07

Dica de como fazer seus exercícios de agora em diante!

Faça seus exercícios em Codepen!
05:09
Você vai aplicar o que aprendeu neste módulo para criar o seu CV.
Aula 22 - Projeto CV
1 question

Aqui mostro a minha solução para a tarefa.

Aula 23 - Projeto CV - Solução
16:58
+ Módulo II - HTML - Elementos de Bloco
7 lectures 55:55

Vamos falar do cabeçalho e rodapé das nossas páginas web.

Aula 24 - Header e Footer
08:02

Onde colocar o conteúdo principal da página?

Aula 25 - Main
04:36

Um dos elementos mais importantes de um site, é uma boa navegação.

Aula 26 - Nav
15:02

E agora, para separar meu conteúdo, o que começo a usar?

Aula 27 - Section
09:03

Como sei se meu conteúdo é um article ou um aside.

Aula 28 - Article e Aside
07:49

Você sabe o melhor lugar para colocar as informações de contato?

Aula 29 - Address
04:41

Quanta opção para uma simples citação, qual é a melhor?

Aula 30 - Blockquote, cite e q
06:42
+ Projeto CV - Parte 2
1 lecture 07:08
Pegue o CV que começamos no Módulo I, nós vamos estruturá-los com os elementos semânticos que aprendemos até aqui e começar a dar mais forma ao nosso CV.
Aula 31 - Projeto CV - Parte 2
1 question
Aula 32 - Projeto CV - Parte 2 - Solução
07:08
+ Elementos Avançados
3 lectures 01:09:10

Vamos aprender como colocar ilustrações de maneira mais semântica e fornecer várias opções de imagem.

Aula 33 - figure, figcaption, picture
30:50

Vamos aprender a colocar áudios e vídeos no nosso site.

Aula 34 - Audio e video
19:46

Vamos voltar a falar de iframes e como adicionar vídeos do YouTube e mapas do Google.

Aula 35 - iframe
18:34
+ Tabelas
2 lectures 26:44

Como colocar tabelas em um site e o que pode ser colocado numa tabela.

Aula 36 - tabela
12:47

A tabela também tem elementos semânticos para dar um entendimento melhor.

Aula 37 - Semântica e Tabelas
13:57
+ Tarefa
1 lecture 15:53
Vamos pegar um assunto interessante e que tenha dados tabulares para criar uma página Web com os elementos que aprendemos até agora.
Aula 38 - Tarefa
1 question
Aula 39 - Solução da Tarefa
15:53
+ Formulários
6 lectures 02:02:42

Vamos aprender como declarar um formulário e como ele funciona.

Aula 40 - Formulários
16:36

Agora que sabemos o que precisamos para um formulário ser enviado vamos começar a ver seus elementos com a tag input.

Aula 41 - Tipos de Inputs - Parte 1
32:16
Aula 42 - Inputs Type - Parte 2
41:04

Vamos adicionar caixas de texto e dropdowns de seleção ao nosso formulário.

Aula 43- Textarea, select e button
19:48

Você sabe como o Google search faz para te dar sugestões de busca, vamos ver aqui.

Aula 44 - Datalist
04:57

Vamos organizar o nosso formulário visualmente.

Aula 45 - Fieldset e Optgroup
08:01
Requirements
  • Entender do sistema de pastas de seu sistema operacional
  • Saber Instalar e Desinstalar programas no seu sistema operacional
  • Ter interesse em aprendizado aprofundado no tema de Desenvolvimento Web
  • Não se incomodar com teoria
  • Não se incomodar com exercícios
Description

                         Você quer se tornar um Desenvolvedor Web e não sabe nem por onde começar? Quer refrescar seu conhecimento? Quer trocar de carreira?

                        A Série Front-end do começo: Desenvolvimento Web vai abordar à fundo as 3 linguagens base da internet, o HTML, Javascript e CSS. Além de abordar rapidamente o Bootstrap, jQuey, Hospedagem e SEO.

                        Por ser uma série abrangente também é longa. Por isso decidi quebrá-la em diversos cursos para que já possa ir colocando ela no ar a medida que vou fazendo. Neste curso você irá ver os Módulos I e II que abrangem a linguagem HTML por completo.

                        A série vai ter teoria e prática, para que ao final da série você tenha uma boa base de Front-end. O objetivo dela é dar ao aluno um conhecimento profundo do assunto, para que ele tenha jogo de cintura para aplicar seu conhecimento aos diversos trabalhos que venham pela frente ao invés de somente saber fazer uma coisa. Vou apresentar não só as linguagens, mas também onde ir buscar recursos e esclarecimentos.

                       

                        No Módulo I você vai ver:

                         

  • O Ambiente de trabalho para um desenvolvedor web

  • O que é a internet e a diferença entre internet e Web

  • Quais são e como funcionam as linguagens base da internet

  • Onde achar Documentação

  • Vamos ter duas tarefas:

  • Vamos estruturar um poema

  • Vamos começar com um Projeto de CV que vai nos acompanhar durante toda a série

  • Introdução ao HTML e a estrutura de um site (pastas e arquivos)

  • A declaração doctype

  • O elemento html

  • O elemento head

  • O elemento body

  • O elemento div e a diferença entre elementos de bloco e de linha

  • O elemento parágrafo

  • Os elemento de headings

  • O elemento de link e seus tipos

  • Diversos elementos de formatação de texto

  • O elemento imagem

  • Os elementos de lista

                       No Módulo II você vai ver:

  • Header

  • Footer

  • Main

  • Nav

  • Section

  • Article

  • Aside

  • Address

  • Blockquote

  • quote

  • cite

  • figure, figcaption, picture

  • vídeo e áudio

  • iframe

  • tabelas            

  • formulários

  • elementos avançados de HTML

         

                         Basicamente, tudo o que você vai precisar em HTML para trabalhar com o desenvolvimento de sites.

Who this course is for:
  • Iniciantes em Desenvolvimento Web
  • Pessoas interessadas em aprender HTML
  • Pessoas interessadas em mudar de carreira
  • Pessoas interessadas em refrescar seu conhecimento