O CodePen é um ambiente de desenvolvimento web na qual não precisamos instalar e configurar absolutamente nada. Basta fazer o cadastro na plataforma seguindo os passos a seguir
1 - Acesse https://codepen.io/
2 - Clique no botão verde escrito SingUp
3 - Escolha uma das formas de cadastro que a plataforma oferece
4 - Após fazer o cadastro você estará na página inicial do codepen.
5 - Agora vamos criar o nosso primeiro projeto web na plataforma clicando em pen no menu esquerdo.
6 - Sua plataforma de desenvolvimento irá parecer como esta
7 - Perfeito, agora estamos prontos para iniciar uma nova jornada no mundo da programação. Aperte os cintos e bora acelerar ao máximo seus conhecimentos web.
Nesse aula você vai aprender a fazer a instalação do VS Code na sua máquina! E também a iniciar seu próprio projeto!
https://www.youtube.com/watch?v=49K-Zxc8A7A
https://blog.cod3r.com.br/visual-studio-code-vscode-instalacao-e-configuracao/
O VS Code é o nosso editor de códigos. Ele será seu melhor amigo, especialmente se você dedicar um tempo para aprender as funções e atalhos dele!
1 - Entre no site do Visual Studio Code e baixe a versão .deb
2 - No terminal vá até o diretório onde o arquivo foi baixado e execute o comando:
sudo apt install ./<nome_do_arquivo>.deb
3 - Para mais opções de instalação e configuração, consulte a página oficial da instalação do VSCode no Linux
----------
Assista: Usando o Visual Studio Code
Assista: VS Code, Emmet, e mais
Assista: Extensões para VS Code e mais
Leia a documentação "Getting Started" (em inglês). Em especial, recomendamos (todos em inglês):
----------
https://player.vimeo.com/video/386477935
https://player.vimeo.com/video/567214112
----------
https://player.vimeo.com/video/386478096
----------