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.