Guia Desenvolvimento Web

58

0

58

0

47

Silone

10.05.2021

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 3, do total de 3 páginas

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Desenvolvimento Web

6.925 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

🖊 Front-End 1
🖥
🖊 Front-End
🌐 Este bloco de anotações foi baseado no curso de 
Desenvolvimento Web da Alura Cursos.
Aluno: Gabriel Miller Silone �
M1113R - Overview
Graduating in Analyses and Systems Development at 
University of Campinas. In love with technologies and 
programming. Block or Report Olá, eu sou o Gabriel! 📚 
http://github.com/m1113r
Roadmap - Guia Desenvolvimento Front-End
HTML - HyperText Markup Languague
 O que é HTML?
 Tags HTML;
CSS - Cascade Style Sheets
 O que é CSS?
 Como funciona CSS?
http://github.com/m1113r
🖊 Front-End 2
 Sintaxe CSS;
JS - JavaScript
 O que é JavaScript?
 O que se pode fazer com JavaScript?
 Um primeiro exemplo de JavaScript;
O que é HTML? - HyperText Markup Language
HTML não é uma linguagem de promoção, HTML é uma linguagem de 
marcação;
Linguagens de marcação: formadas por um conjunto de tags de 
marcação;
Documentos HTML possuem a extensão ".htm" ou ".html
<!DOCTYPE html> 
<html lang="pt-br"> 
<head> 
 Topo da página web, onde é especificações da página, não é visível ao usuário. 
</head> 
<body> 
 Corpo da página web, onde é visível ao usuário. 
</body> 
</html>
🛠 Tags HTML
Tabela de Tags
Tags Descrição
<h1 </h1 → <h6 Título 1
<p> </p> Paragráfo
<strong> </strong> Negrito
<em> </em> Itálico
<body> </body> Corpo do HTML
https://www.notion.so/h1-h1-h6-d7811406ecf9460889d3ed81077396c2
https://www.notion.so/p-p-40a7617657b34b80ae8c9f533ba4f6f7
https://www.notion.so/strong-strong-a843b8ad7e9e4e21b92f4a75e4f7f788
https://www.notion.so/em-em-bb9011968c2540d7b0608497fc91f215
https://www.notion.so/body-body-9fe426fd05ef47cab4224201ae782711
🖊 Front-End 3
Tags Descrição
<head> </head> Informações da página
!DOCTYPE html> </html> Informar o navegador que é HTML5
<title> </title> Título da página
<link rel="stylesheet" href="arquivo.css"> Reconhecer o arquivo CSS
<meta charset="UTF8"> Reconhecer caractere especial
<html lang="pt-br"> Informar a lingua da página
https://www.notion.so/head-head-2083ddc84cc24d9c98d26ae7ab575b1e
https://www.notion.so/DOCTYPE-html-html-f874216a0b4b43ccb701f03c59e3983a
https://www.notion.so/title-title-d00203e6359d4bffa99301413706ea55
https://www.notion.so/link-rel-stylesheet-href-arquivo-css-89e2a94b746946b6956f859316203cc4
https://www.notion.so/meta-charset-UTF-8-8d879c247d364434b3006671e9ee9503
https://www.notion.so/html-lang-pt-br-3dc0ff1864c44139965646c8f6e93af4