ESCREVA CÓDIGOS 2X MAIS RÁPIDO COM ATALHOS EMMET NO VS CODE!

ESCREVA CÓDIGOS 2X MAIS RÁPIDO COM ATALHOS EMMET NO VS CODE!

Rafaella Ballerini

54 года назад

11,215 Просмотров

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
Ссылки и html тэги не поддерживаются


Комментарии:


2 Мира 2. Битва при Освароте RPG игры фэнтези прохождение