Dreamweaver vs sublime

Se você é iniciante, o dreamweaver é o melhor, pois o ajudará durante todo o processo com nomes de classe em HTML e propriedades em CSS. Se você é intermediário, é melhor usar sublime, porque é leve.

Para * design *, eu usaria o Dreamweaver. Ele faz um ótimo trabalho ao permitir que o designer alterne entre as visualizações de código e design. E funcione bem para designers visuais e de código.

Quanto aos outros. Atom é ótimo, mas muuuuito slooowwww. Especialmente com arquivos maiores. O texto sublime é mais rápido que o Atom, mas custa $$ onde o Atom é gratuito (também, pessoalmente, acho que o Atom é mais fácil de desenvolver e personalizar).

Eu nunca gostei do NetBeans em desenvolvimento web.

Um IDE que você não mencionou, que eu recomendo é o PhpStorm do JetBrains (ou apenas o WebStorm, se você nunca usa o PHP). Talvez mais para programadores do que para designers, mas tão bom.

Comecei (sem dizer há muitos anos) que sites de codificação manual usam o TextEdit para texto sem formatação para escrever código, meus navegadores para testá-lo e um cliente FTP para mover arquivos. Hoje em dia, geralmente uso o Dreamweaver para tarefas gerais de design e desenvolvimento da Web, incluindo gerenciamento de sites e codificação. Também uso o texto sublime para tarefas “leves” que são codificadas apenas e um IDE não é útil. Foi um lance para mim entre o Sublime e o Atom, o Sublime apenas me senti um pouco mais "eu", e agora eu o configurei com os plugins e configurações que funcionam para mim. Eu também uso o BBEdit no Terminal (linha de comando do Mac). Existem outras ferramentas por aí, e todas têm seus pontos fortes. Para mim, ter ferramentas que eu conheço bem e que utilizem com proficiência, sem pensamento consciente, exige que eu não troque de novidade ou do recurso mais recente. E antes de lançar uma nova interface de usuário, testei em vários navegadores e dispositivos reais (em vez de apenas emuladores), independentemente de como eu produzi o código inicialmente.

Eu acho que usar um editor de texto sem formatação ou um editor de código sem conclusão de código é o melhor caminho a percorrer para os alunos. É o que faço quando estou aprendendo um novo idioma para um projeto. Mas quando passo da aprendizagem para a produção, uso todos os suportes possíveis para acelerar as coisas e melhorar minha precisão.

Bloco de notas ++, Texto sublime, Edição de texto. Ou outro editor de texto que destaca sintaxe e erros. O preenchimento automático também pode ser útil, embora eu possa viver sem ele.

Se você precisa fazer seus "designs" com o Dreamweaver, algo está errado. Você não está aprendendo, porque o software faz a maior parte do trabalho. Portanto, se você não tiver o DW em mãos, ficará preso. Por outro lado, se você usar um editor de texto, será forçado a aprender HTML e CSS. Talvez demore mais (mas, novamente, é HTML / CSS, quão difícil pode ser?), Mas você realmente sabe o que está fazendo. Para pré-visualização, você sempre pode fazer isso em um navegador real, não precisa do recurso sofisticado de "visualização do navegador" que alguns editores possuem.

O NetBeans ou outros IDEs é como usar uma arma 88 para matar uma mosca.

Para fins de design / layout, você provavelmente é mais bem atendido pelo Dreamweaver.

O NetBeans é um IDE de código aberto. Suas ferramentas são predominantemente para depuração, análise e trabalho com código. O texto sublime é principalmente um editor de texto para código. Atom é um editor de texto de código aberto. Todos os três podem ser estendidos para oferecer visualização em HTML ... mas é isso em termos de auxílio no design / layout. Eles são editores de código extremamente capazes, mas não oferecem muito para ajudar um designer além de um seletor de cores, permitindo que você inicie páginas no navegador de sua escolha.

O Dreamweaver vai substancialmente além disso. Pode importar / converter arquivos do Photoshop. Ele pode inserir imagens de espaço reservado no Adobe Stock. Possui documentação embutida para ferramentas CSS e GUI para experimentar coisas como transições. Ele pode compilar SASS / Less para visualização. Ele pode visualizar e aplicar automaticamente as classes Bootstrap e permitir que você arraste componentes rapidamente para o seu documento. Ele pode mostrar onde estão os pontos de interrupção da consulta de mídia em seu layout e levá-lo ao código relevante.

Se o seu trabalho estiver criando predominantemente páginas da Web do cortador de cookies no menor período de tempo, principalmente se você for solicitado a fazer isso a partir dos layouts do Photoshop, esta é a ferramenta para o trabalho. Se você precisar trabalhar com CSS em JS (por exemplo, para estilizar componentes React) ou mais tarefas focadas em código, isso se tornará substancialmente menos útil.