Explicações sobre a parte de codificação

Após fazer terminarmos o layout no AdobeXD em fim chegou a hora de códificar (Dar vida a nosso portfa)

Abaixo algumas instruções do que você vai precisar para códificar esse tema

1 - Saber HTML, CSS e um pouco de Stylus

2 - Ter o Node instalado em sua máquina

3 - Configurar o Stylus (Após o vídeo de layout irei fazer um dedicado a configuração do Stylus)

4 - Ter um editor de texto (Sublime text, Visual Studio Code e Bracket são os mais usados recentemente)

Lets Go!

Vamos para umas dicas importante

1 - Logo acima no canto direito do editor tem um raio, ele serve para executar e vermos as mudanças de nosso projeto em tempo real.

2 - Abaixo dele tem um bloquinmho que serve para instalar plugins e temas.

Instalando Plugins

1 - Abra o bloquinho mencionado acima e procure as seguinte extensões:

• Stylus
• Emmet
• Stylus Auto compiler

Por que iremos ver o linkando css ao invés de stylus?

O HTML por si só ainda não carrega arquivos de pré-processadores com Sass e Stylus por tanto usaremos o resultado compilado que será nossa querida folha de estilo CSS

Extras

Irei instalar um extensão para exibir as extensão em forma de ícones