Há uma tonelada de software usado na tecnologia da web, mas aqui está uma quebra categorizada por função:
Desenvolvimento front-end (com o que o usuário vê e interage): *
Editores de código: *
vs código: Altamente popular, de código aberto, toneladas de extensões.
*
texto sublime: Leve, rápido, ótimo para iniciantes.
*
átomo: A fonte aberta, altamente personalizável, ótima para projetos colaborativos.
*
Linguagens de marcação: *
html (linguagem de marcação de hipertexto): A base de todas as páginas da web, definindo estrutura.
*
CSS (folhas de estilo em cascata): Controla a aparência (cores, fontes, layout).
* idiomas de script:
*
javascript: Adiciona interatividade, animações, conteúdo dinâmico e lida com a entrada do usuário.
*
TypeScript: Adiciona tipos ao JavaScript para melhorar a qualidade e a organização do código.
*
estruturas/bibliotecas: *
React: Popular para criar interfaces de usuário com uma abordagem baseada em componentes.
*
angular: Estrutura poderosa para a construção de aplicações complexas.
*
vue.js: Estrutura progressiva, fácil de aprender, altamente flexível.
*
Bootstrap: Estrutura para design responsivo e componentes pré-criados.
*
materialize: Estrutura com foco nos princípios de design de materiais.
*
Ferramentas de desenvolvimento: *
Ferramentas do desenvolvedor do navegador: Ferramentas internas para inspecionar código, depuração e análise de desempenho.
*
servidor ao vivo: Atualize automaticamente o navegador conforme você codifica.
Desenvolvimento de back-end (lógica, dados, servidor): *
linguagens do lado do servidor: *
python: Versátil, popular para desenvolvimento da web, ciência de dados e muito mais.
*
javascript (node.js): Executa JavaScript no servidor, popular para APIs e aplicativos em tempo real.
*
php: Amplamente utilizado para sites dinâmicos e aplicativos da Web.
*
rubi (rubi nos trilhos): Estrutura opinativa conhecida pelo desenvolvimento rápido.
*
java: Idioma em nível corporativo, geralmente usado para aplicativos em larga escala.
*
c# (.net): A poderosa estrutura da Microsoft, adequada para o desenvolvimento da web e móveis.
* bancos de dados
: *
mysql: Banco de dados relacional popular de código aberto.
*
postgreSQL: Outro banco de dados relacional de código aberto com recursos avançados.
*
mongodb: Banco de dados NoSQL, ótimo para dados não estruturados.
*
redis: Armazenamento de dados na memória para cache e dados em tempo real.
*
estruturas/bibliotecas: *
django (python): Estrutura de alto nível para o rápido desenvolvimento da Web.
* Flask
(Python): Estrutura leve, ótima para aplicações menores.
*
express.js (node.js): Estrutura rápida e mínima para criar APIs.
*
rubi nos trilhos (rubi): Estrutura opinativa conhecida pelo desenvolvimento rápido.
*
bota de mola (java): Estrutura poderosa para criar microsserviços e aplicativos corporativos.
*
Controle de versão: *
git: Sistema de controle de versão popular para rastrear alterações no código.
*
github: Plataforma para hospedar repositórios Git e colaborar em projetos.
DevOps (implantação, infraestrutura, automação): *
Provedores de nuvem: *
AWS (Amazon Web Services): Ampla gama de serviços para sites de hospedagem, bancos de dados e muito mais.
*
Azure (Microsoft): A plataforma em nuvem da Microsoft com serviços semelhantes aos da AWS.
*
Google Cloud Platform: Provedor de nuvem do Google com foco na análise de dados e IA.
*
RECIMENTAÇÃO: *
Docker: Plataforma para criar e executar aplicativos de contêiner.
*
Kubernetes: Plataforma de orquestração de contêineres para gerenciar e dimensionar aplicativos.
*
Infraestrutura como código: *
Terraform: Ferramenta para definir e gerenciar a infraestrutura usando o código.
*
Ansible: Motor de automação de TI de código aberto para gerenciamento de configuração.
*
Monitoramento e registro: *
Prometheus: Sistema de monitoramento de código aberto para coletar e analisar métricas.
*
Grafana: O painel de código aberto e a ferramenta de visualização.
*
Elk Stack (Elasticsearch, Logstash, Kibana): Suíte de ferramentas para gerenciamento de logs e análises.
Design e colaboração: *
Ferramentas de design: *
figma: Ferramenta de design colaborativa baseada na Web.
*
Adobe XD: Ferramenta de design focada na interface do usuário e experiência do usuário (UI/UX).
*
Esboço: Editor de gráficos vetoriais somente para Mac popular para design de sites.
*
Ferramentas de gerenciamento de projetos: *
jira: Problema de rastreamento e ferramenta de gerenciamento de projetos.
*
trello: Ferramenta de gerenciamento de projetos no estilo Kanban.
*
asana: Ferramenta de gerenciamento de tarefas para colaboração da equipe.
*
Comunicação e colaboração: *
Slack: Plataforma de comunicação da equipe.
*
equipes da Microsoft: Plataforma de comunicação e colaboração unificada.
Este é apenas um ponto de partida! Existem muitas outras ferramentas e estruturas especializadas usadas na tecnologia da Web.
Lembre -se: As ferramentas específicas de que você precisarão dependerão dos requisitos do seu projeto, sua função e de suas preferências pessoais.