Up next in 10
Neste curso de HTML para iniciantes, você vai aprender do zero como criar sites reais com projetos práticos como Currículo Profissional, Portfólio e Menu, entendendo a base essencial para quem quer seguir no desenvolvimento web ou trabalhar com frameworks em Python.
Ao longo do curso, você irá:
- Compreender a base da criação de sites
- Dominar os principais conceitos de HTML
- Criar páginas bem estruturadas e visualmente agradáveis
- Aplicar boas práticas usadas no mercado
- Desenvolver projetos práticos do início ao fim
Este curso é ideal para iniciantes e também para quem deseja reforçar ou organizar seus conhecimentos em desenvolvimento web.
👉 Acompanhe o Curso Completo de HTML
📺 Segue a playlist:
Aula 01 - Instalando o VSCODE :
Aula 02 - Brevemente:
Aula 03 - Brevemente:
Aula 04 - Brevemente:
Aula 05 - Brevemente:
Aula 06 - Brevemente:
Show More Show Less View Video Transcript
0:00
Olá pessoal, sejam bem-vindos volta ao
0:01
canal aqui falando. Bem-vindo a este
0:03
curso de HTML. Esse é um curso completo
0:06
sobre HTML e nesse curso nós vamosar
0:08
diversos projetos, ou melhor dizer dois
0:10
projetos que vão nos fazer nós
0:11
entendermos melhor o HTML. Um dos
0:13
projetos que nós vamos criar esse aqui
0:15
que é o profissional. Iremos usar esse
0:17
projeto para que nós possamos praticar
0:19
HTML melhor e [música] assim podemos
0:20
compreender melhor o que é isso
0:21
realmente HTML e como trabalhar com ele.
0:24
Esse é o primeiro projeto que nós iremos
0:25
criar nesse mesmo curso. E o segundo
0:27
projeto que nós vamos criar ser esse
0:28
aqui, um portfólio profissional. Será a
0:30
mesma coisa, vamos utilizar para que nós
0:31
possamos praticar o HTML, dizer mão na
0:34
massa com HTML. E como sempre, esse
0:36
projeto é dedicado para as pessoas que
0:37
estão começando na programação.
0:38
Começando com a HTML é muito bom, pois
0:40
com HTML tu consegues já ver o resultado
0:41
na sua tela e aquilo meio que motiva. E
0:44
também cria fazendo esse curso aqui com
0:46
juntamente com projetos será muito bom,
0:48
pois você vai estudar coisa e também
0:51
vais praticar a coisa, OK? Então esses
0:53
serão os dois projetos que nós vamos
0:54
fazer nesse mesmo curso, OK? Mas
0:56
primeiramente, antes de nós fazermos o
0:58
projeto, iremos tentar entender
1:00
primeiramente o que é isso HTML, para
1:02
que serve e como trabalhar com ele. Mas
1:04
antes de nós darmos sequência com esse
1:05
mesmo curso de HTML, primeira coisa, nós
1:07
devemos preparar o nosso ambiente de
1:09
trabalho. Então, a primeira coisa que
1:10
nós vamos fazer nesse mesmo instante
1:12
será instalar o nosso editor de texto.
1:15
OK? Então, o editor de texto que eu vou
1:16
utilizar é o VS Code, também recomendo
1:19
para iniciantes. É bastante bom e
1:20
bastante também amigável para
1:22
iniciantes. OK? Então vamos, primeira
1:25
coisa aqui, vamos fazer o seguinte, o
1:26
quê? Vamos baixar o VS Code que tu vais
1:29
fazer o seguinte, tu virar isso aqui e
1:30
vais pesquisar pelo seguinte o quê?
1:32
Baixar VS Code, VS COD ou podes escrever
1:37
também mesmo download VS Code, é só dar
1:39
o enter aqui, ele vai pesquisar. Eu vou
1:41
clicar no primeiro link que vai me
1:42
aparecer, só clicar aqui. Então aqui tem
1:44
várias versões de VS COD. Então tu vais
1:46
baixar a versão que mais condiz com o
1:48
seu sistema. Então meu sistema é Windows
1:51
11, OK? Eu posso simplesmente clicar
1:52
aqui e ele vai fazer o download. OK? Se
1:55
tu tes a usar o Mac também podes clicar
1:56
em Mac. Estás a usar o Linux, podes usar
1:58
o Linux ou o Bun do género. Eu como uso
2:01
o Windows, eu vou dar um clique aqui e o
2:04
download vai começar. Ok? Então ele
2:05
disse só your download of visual code
2:08
should start shortly. Então tá a dizer
2:09
que meu download vai começar num
2:11
instante. Ok. Então tá aqui praticamente
2:13
ele tá a escolher para que eu possa
2:14
escolher onde é que eu posso guardar.
2:15
Isso é só dar um clique e o download vai
2:17
começar. Como podemos ver aqui, ele está
2:19
baixando o meu VS COD, OK? Eu vou fechar
2:23
isso não necessita. Perfeito. OK, vamos
2:24
lá supor que seu download terminou. Ok,
2:26
então esse aqui é meu vi, o meu setup.
2:29
OK. Então vou dar dois cliqu nele para
2:31
que eu possa executar. Muito bem. Assim
2:32
que tu abrires ele vai aparecer dessa
2:34
forma. Tu vais primeiramente aceitar.
2:36
Contrata sempre é bom aceitar. Agora
2:37
veja, eu gostaria que tu marcasses todas
2:39
essas opções, OK? Pois é muito bom. E
2:42
também vai permitir com que tu possas
2:43
abrir qualquer pasta com vi. Eu se vir
2:45
isso aqui, por exemplo, se eu clicar lá
2:46
direito do meu mouse, ele vai me dar a
2:48
opção de que eu posso abrir essa pasta
2:49
diretamente no meu vi code. OK? E
2:52
principalmente essa essa opção aqui
2:53
também marca, ou melhor dizer, marca
2:55
todas as opções. Depois disso, só tu
2:56
clicares em avançar e quando ele vier
2:59
aqui é só clicar em instalar. Mas eu não
3:01
vou instalar porque hoje hoje eu já
3:02
tenho ele instalado no meu computador.
3:04
Ok, então vou cancelar. Ok, vamos lá
3:07
cancelar. E agora vou abrir de novo o
3:08
meu VS Code. Vamos supor que a
3:10
instalação terminou. Ok, agora tu vais
3:12
abrir o teu VS Code e também acho que
3:14
ele vai pedir com que tu possas abrir o
3:15
VS Code. Simples dá um clique e ele vai
3:17
abrir o VS Code. Assim que tu abres o
3:19
teu VS Code, de certeza que é a primeira
3:21
vez aqui vai aparecer bastante coisas,
3:22
OK? Tu não se preocupas, tu podes fechar
3:25
essas mesmas abas. Eu, como já havia
3:27
abrido o meu VS Code anteriormente, a
3:29
razão pela qual que ele me abriu na
3:30
minha pasta anterior, então VS Code é o
3:32
seguinte, quando tu fechas o Vascode,
3:34
assim que tu abrires de novo, ele vai
3:36
abrir no local onde tu estavas a
3:38
trabalhar anteriormente. OK? razão pela
3:40
qual que ele me abriu aqui nessa mesma
3:42
pasta. Se tu tens a tua pasta numa
3:44
localidade, é bastante simples e
3:46
gostarias de abrir com o vi dentro do
3:48
viod bastante simples. Tu vais nessa
3:50
mesma pasta, aponta nela lado direito do
3:53
mouse assim que ele abrir as opções,
3:55
razão pela qual que eu disse que tu tens
3:57
que selecionar todas aquelas opções no
3:58
momento da instalação. E como podemos
4:00
ver aqui, ele vai dar a opção de tu
4:01
abries com VS code. Então se eu clicar
4:03
aqui, ele vai abrir com o VS Code dessa
4:05
mesma pasta. Eu como já a pasta está
4:07
aqui aberta, razão pela qual que não vou
4:09
fazer isto, assim que tu abrires ele
4:10
poderá pedir com que tu confies essa
4:13
pasta, OK? Pô, ele vai pretender abrir
4:15
essa pasta em modo de segurança, mas só
4:17
tu clicares assim, confio nessa mesma
4:18
pasta e tudo vai estar simples. Agora a
4:20
primeira coisa que vais fazer é o
4:22
seguinte, assim que tu abrires a pasta,
4:24
vej, dentro dessa minha pasta, eu tenho
4:25
os dois projetos que nós iremos criar
4:26
futuramente, OK? Mas por enquanto vamos
4:28
ignorar o projeto. A única coisa que eu
4:30
gostaria que tu fizesses é o seguinte.
4:32
Dentro dessa mesma pasta tem aqui esses
4:34
esses as duas opções. A primeira para
4:36
que tu possas criar um arquivo. A
4:37
segunda é para que tu possas criar uma
4:39
pasta. OK? Mas o que eu quero que tu
4:40
faças é o seguinte. Tu vais clicar aqui
4:42
na primeira opção que é para criar um
4:43
novo arquivo. Tu vais clicar e vais
4:45
criar um arquivo chamado index.html.
4:50
OK. Dá um enter e bom. Até agora
4:53
conseguimos preparar o nosso ambiente de
4:54
trabalho para que nós possamos dar
4:56
sequência do novo curso de HTML para
4:58
iniciante. OK? Então vamos ficar por
4:59
aqui no nosso na próxima aula vamos
5:01
realmente aprender o que é isso HTML,
5:05
OK? E começamos colocar mão na massa até
5:07
chegarmos a nossos projetos. Então se
5:09
gostaste do vídeo, já sabe, dá um like e
5:10
vejo no próximo vídeo, ok? Ui,
#Jobs & Education