Orange Juice

Configuração de ambiente de desenvolvimento

Configuração de ambiente de desenvolvimento é um passo essencial para qualquer programador, seja no início de um curso, ao ingressar em uma nova empresa ou ao iniciar um projeto pessoal. Ter todas as ferramentas corretas instaladas garante produtividade, organização e menos erros técnicos. Neste guia, vamos listar as principais ferramentas utilizadas para desenvolvimento web.


1. Visual Studio Code

O que é: Editor de código-fonte leve, rápido e altamente extensível, desenvolvido pela Microsoft.

Como será usado: Será o principal editor para escrever código JavaScript, HTML e CSS.

Por que usar:

  • Gratuito, multiplataforma (Windows, macOS, Linux)
  • Interface amigável e customizável
  • Possui uma vasta biblioteca de extensões

🔗 Download Visual Studio Code
💡 Funciona em Windows, macOS e Linux


2. Visual Studio Community

O que é: IDE (Ambiente de Desenvolvimento Integrado) completa para desenvolvimento em .NET.

Como será usado: Para escrever e testar códigos em C# e .NET.

Por que usar:

  • Suporte oficial da Microsoft para desenvolvimento .NET
  • ·ntegração com SQL Server e outras ferramentas de backend

🔗 Download Visual Studio Community
💡 Disponível apenas para Windows


3. Node.js

O que é: Ambiente de execução JavaScript fora do navegador.

Como será usado: Para executar scripts JavaScript no terminal e usar o gerenciador de pacotes npm.

Por que usar:

  • Permite rodar JavaScript no servidor ou máquina local
  • Base para frameworks modernos como React, Angular e Vue

🔗 Download Node.js
💡 Inclui automaticamente o npm (Node Package Manager)


4. MySQL

O que é: Banco de dados relacional amplamente utilizado no mercado.

Como será usado: Para armazenar e gerenciar dados da aplicação backend .NET.

Por que usar:

  • Gratuito e de código aberto
  • Compatível com ferramentas gráficas de administração (ex: MySQL Workbench)

🔗 Download MySQL
💡 Ideal para projetos de backend que precisam armazenar informações estruturadas


5. MySQL Workbench

O que é: Ferramenta gráfica para gerenciar bancos de dados MySQL.

Como será usado: Para visualizar, editar e executar comandos SQL de maneira mais intuitiva.

Por que usar:

  • Facilita o trabalho com banco de dados para quem está começando
  • Possui recursos visuais como modelagem ER

🔗 Download MySQL Workbench
💡 Permite conectar-se a bancos de dados locais e remotos


6. Docker

O que é: Plataforma de containers que permite empacotar aplicações e suas dependências em um único ambiente isolado.

Como será usado: Para preparar a aplicação para deploy em ambientes de nuvem ou em outras máquinas.

Por que usar:

  • Elimina o “na minha máquina funciona”
  • Facilita a entrega e escalabilidade de aplicações

🔗 Download Docker
💡 Muito útil para criar ambientes padronizados e reproduzíveis


7. Git

O que é: Sistema de controle de versão distribuído.

Como será usado: Para versionar código, colaborar em projetos e salvar versões na nuvem (ex: GitHub).

Por que usar:

  • Permite rastrear mudanças no código
  • Fundamental para trabalho em equipe

🔗 Download Git
💡 Essencial para trabalho em equipe e versionamento profissional


8. Ferramentas de Organização (Bônus)

Google Docs

  • Usado para escrever anotações e checklists
  • Colaboração em tempo real

Notion

  • Organização de tarefas, anotações, banco de conhecimento
  • Criação de quadros Kanban, listas e wikis pessoais

Estas são as ferramentas essenciais para sua jornada neste curso. Ao dominar esse ambiente, você já estará preparado para lidar com a maioria dos projetos iniciais de desenvolvimento web. Assista o vídeo completo que o Lucas Batista mostrar todas essas ferramentas e como usá-las!

Sempre que precisar, volte neste artigo para consultar os links e relembrar o propósito de cada ferramenta.

Bons estudos!


Artigo feito por Lucas Batista, instrutor do Curso Iniciante de Programação Full Stack da Orange Juice.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *