Confira os cursos gratuitos da plataforma de aprendizagem contínua do Santander, o Open Academy:
https://bit.ly/3ZBiM67
Nesse vídeo vamos aprender a utilizar o EMMET para escrever códigos HTML de forma muito mais rápida com seus atalhos no VS Code
O que mais você quer ver aqui no canal? Comenta aqui embaixo pra eu saber!
------------------------------------------------------------------------------------------------------------------
Links importantes:
Open Academy:
https://bit.ly/3ZBiM67
Código do projeto:
https://github.com/rafaballerini/meu-site-html
Minhas redes sociais:
https://beacons.ai/ballerini
-------------------------------------------------------------------------------------------------------------------
Índice do vídeo:
00:00 - O que é EMMET
00:48 - Conheça Open Academy do Santander
01:35 - O que aprenderemos no vídeo
02:22 - O projeto que faremos HTML
04:22 - Criando o arquivo HTML
04:50 - Atalho ! para criar base do HTML
05:48 - Atalho : para definir atributo
07:11 - Atalho de link para CSS
08:12 - Atalho genérico para tags
08:34 - Atalho + para tags irmãs
09:51 - Atalho {} para preencher conteúdo
11:00 - Atalho * multiplicador de tags
12:12 - Tags dentro do conteúdo de outras tags
15:48 - Atalho [] para preencher atributos
17:16 - Multiplicar mais de 1 tag com ()
18:23 - Atalho # para IDs
21:27 - Atalho para tag pai e filho
23:33 - Atalho $ para numeração dinâmica
33:25 - Atalho ^ para voltar ao elemento pai
35:48 - Emmet para tabelas em HTML
40:11 - Desafio
40:46 - Emmet para listas em HTML
42:09 - Emmet para formulário em HTML
45:08 - Atalho . para classes
48:08 - Resultado do projeto
#emmet #html #programador
PubIicidade
Тэги:
#emmet #emmet_vs_code #atalhos_vs_code #como_usar_atalhos_para_vs_code #atalhos_para_programar #programar_só_com_teclado #emmet_html #como_usar_emmet #tutorial_emmet #tutorial_html #programador #html #css #programar #desenvolvedor #codar_rápido #programar_rápido