Tableless - Desenvolvimento inteligente com Padrões Web

04/06/2007
Artigos

Desenvolvedor analfabeto (sim, é sobre WYSIWYG)

A idéia é que você saiba HTML de ponta a ponta.

Por

A vantagem de ministrar cursos e fazer palestras é o contato com um número grande de profissionais da área. São pessoas diferentes com experiências e conhecimentos diferentes. Não é de hoje que tenho contato com desenvolvedores que ainda usam programas WYSIWYG para desenvolver seus projetos. A idéia dos programas WYSIWYG é fantástica, pena que não funciona direito.

Vai ser difícil haver programas WYSIWYG que faça um código tão bom quanto o código feito por um ser humano. Por conta disso o desenvolvedor tem que corrigir as falhas que o programa acaba causando, perdendo um bocado de tempo e fazendo com que ele não tenha controle nenhum sobre o próprio código.

Desenvolvedores que usam tais programas ficam simplesmente analfabetos. Ou seja, ele não sabe escrever um simples código HTML porque simplesmente ficou anos desenvolvendo sites no modo VISUAL e não teve contato nenhum com o código gerado. Resultado: desenvolvedores analfabetos e incompletos.
Leia bem: desenvolvedor que não sabe código HTML e CSS, não é desenvolvedor, é apenas um cara que sabe usar uma ferramenta e não sabe resolver problemas concretos. Que desenvolvedor é esse que precisa de um programa WYSIWYG para poder arrumar uma linha de código com defeito?

Costumo dizer para designers para web que bato papo por aqui que designer completo, hoje em dia, tem que saber fazer includes na linguagem que os seus programadores utilizam. Porque? Oras bolas.
O cara vai fazer o design no Photoshop, Illustrator, seja lá o que ele usa (Fireworks não, por favor!), depois, ele ataca XHTML e CSS, deixa o layout do jeito que ele imaginou, sem defeito. Logo após ele cria os includes só para o programador ficar feliz? Claro que não. Ele cria os includes porque assim ele mantém a exatidão do seu layout mesmo depois que sair de sua mão.
Ser designer de web não é só gestalt, teoria das cores e outras coisinhas… É saber HTML/CSS, saber fazer includes em PHP, ASP, PYTHON, RUBY e sei lá o quê. É saber o que é uma variável e se bobear até saber criar um if.

Isso tudo não se faz com perfeição e rapidez usando muletas WYSIWYG. O desenvolvedor fica preso num programa que o faz perder conhecimento. O desenvolvedor fica analfabeto, sem saber o que é e como faz HTML. Sem saber como funciona CSS. E isso faz parte do trabalho dele! Isso é o trabalho dele.

Se você é um destes profissionais, use algum editor de verdade. Aprenda e pratique código na unha. Se alfabetize. Isso te valoriza como profissional, te dá mais conhecimento técnico, ajuda sua empresa, seus colegas de trabalho e valoriza muito o nosso mercado.

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

← Older Comments
  • http://www.projetaweb.com.br Gustavo

    Como disse um amigo ai em cima, o maior prazer de um programador com certeza é ver seu código, feito na unha funcionando em todos os navegadores.
    Desde o HTML/CSS dentro de padrões e sem uso de HACK (Isso me da um verdadeiro prazer), feito totalmente a mao, simplesmente fazendo da forma mais dificil, porem correta e sem GANBIARRAS, até mesmo os mais complexos códigos PHP ja vistos.
    Quero ver alguem fazer uma pagina de no MINIMO 1000 linhas de programacao HTML/CSS + PHP + JAVASCRIPI, tendo utilizado algum programa amigo que faz tudo, e saber achar algum erro.
    Vi em um post ai em cima que, “é mais facil corrigir do que fazer denovo”. LOUCURA…Me desculpe o amigo que escreveu isso, mas corrigir um codigo extremamente grande? Voce perde mais tempo procurando o ponto e virgula que esqueceu de colocar do que fazer ele todo denovo.
    Desenvolvedor de verdade faz a coisa na unha, utilizando o notepad++ somente para numeracao de linhas, abre o codigo, explica linha por linha e diz no final: “EU SOU FODA MESMO!”

  • Charles Freitas Martins

    Bom, amigo acho sua teoria interessante, porem ela é totalmente contraditoria já que os melhores desenvolvedores usam ferramentas auxiliares do tipo para ajuda-los em um serviço!

    É claro que nem uma outra ferramente é tão boa assim a não ser o NOTEPAD ( que tambem é uma ferramenta ) que é usado na Unha e busca toda a criatividade do desenvolvedor.

    Mais so pra concluir já que você caro amigo tem experiencia o bastante para saber de tudo, para que ter a necessida de ter um blog de codigo pronto, porque você não fez o mesmo?

  • Robson

    Eita! acho que o charles freitas falou tudo!

  • http://www.web.inteccsd.com.br/index.php Frank

    o DW tem modo visual? naum sabia!

    ahsruahusraraushruhsuahrusa

  • Mario Cordeiro

    você falou “Fireworks não, por favor!” mais porque? rsrs.. esse é o melhor de todos que eu acho (dos que você falou cima).. hueheuahu…
    abraços, e parabêns pelo artigo.

  • Roberto Silva

    Bom…vale lembrar tambem que…se usar algum DW da vida que nos auxilia ( e muito ) em certos apagões de memoria que temos de vez em quando né…não vejo problema algum, desde que…quem estiver utilizando-o veja o que está sendo gerado por detrás da tela bonitinha…

    Só para constar…utilizo o Eclipse, rsss

    Mas…os dois pontos de vistas…na minha opinião tem lá as suas verdades

    Abraços e ótimo artigo!!!

  • http://www.kadix.com.br Carol Kadix

    Faço de minhas palavras o que disse o colega Paulo Pessoa.
    Sou webdesigner, as vezes crio meus layouts no papel e se eu fosse uma empresa poderia jogar este layout na mão de um programador pra fazer tudo na unha :)

    Pois a concepção visual, a criação artística nada tem haver com programas, são apenas ferramentas. De todo modo, acho que se o artigo enfatizasse mais o APRIMORAMENTO do profissional, seja ele designer, programador, micreiro, nerd…teria uma receptividade melhor de quem lê.

    minha crítica é mais no ponto de vista de um lado escritor do que programador rsrs

    acredito que precisamos ler mais (entenda-se por livros bons claro) para poder nos fazer entender com clareza diante dos leitores não mecânicos e sim dos leitores reflexivos como nós.

  • http://www.elinda.com.br Junior

    Realmente os editores WYSIWYG são para sobrinhos de donos de empresas que fazem sites mal feitos e tiram o emprego de profissionais.
    Não há como fazer um editor WYSIWYG trabalhar de forma correta. Por mais completos que ele possa ser a porquiçe de tags e falta de possibilidade de integrar seu programa com mais de uma linguagem deixam limitados os recursos e engessam a capacidade intelectual dos pseudos desenvolvedores do mercado.

  • http://guinama.blogspot.com/ Osmar Malheiros

    Na minha opinião, tudo depende do profissional. Durante anos, trabalhei com a plataforma Microsoft e durante todo o tempo em que a usei, desde o antigo ASP até o .NEt no Framework 3.5 não tive problemas. Sei que .Net coloca aquele código incompreensível no html, mas isso dependerá muito do projeto que você estiver fazendo e da necessidade do cliente. Esses frameworks ajudam sim a desenvolver grandes ferramentas e eu já trabalhei nessas equipes. Hoje, estou trabalhando com PHP, por pura necessidade do cliente, mas mesmo antes, quando trabalhava com o .Net, sabia da responsabilidade que todo profissional deve ter sobre o seu código. Estudar e aprimorar o básico é obrigatório para todo profissional. As novas tecnologias não devem confundir ( e as vezes induzem ao erro ) o desenvolvedor com a responsabilidade que ele tem em saber o que está fazendo e como está fazendo.

  • Pingback: Sobre Snippets e Produtividade | Boas práticas de Desenvolvimento com Padrões Web

  • http://www.gilmelo.com Gil Melo

    Só discordo numa coisa. Fireworks.

    Se não me engano ele foi produzido pela Macromedia justamente pra suprir as necessidades dos desenvolvedores web em relação a gráficos.

    Compactação melhor e mais fácil, criação de GIF animados, Export Preview bem melhor que do Photoshop, Slice Tool, Fireworks sempre teve seus textos editáveis e trabalha com vetor, e etc…

    Uma coisa é um webdesigner que não conhece HTML/CSS e usa uma programa em/somente modo visual pra fazer sua página (argh!)…

    Outra é o fato de tu fazer tudo na raça e usar uma ferramenta gráfica (Fireworks, Photoshop, Illustrator, Corel Draw!…) pra fazer o layout…

    Diego vamos combinar, acho que tu não tava de tão bom humor quando escreveu este post. :P

  • Pingback: Fernando AG – Portfólio

  • http://www.sorjonas.com.br Jonas

    Discordo em vários pontos. Dois deles, principais:

    - Como já disseram aí, designer não é programador, não ter que saber de códigos, tem que saber de cores e formas, até porque programação se aprende com cursos mas criatividade ou você tem ou você NÃO tem.

    - Ferramentas visuais são MUUUUITO bem vindas, seja para quem não sabe programar ou para profissionais de longa data, principalmente em css e html que em alguns projetos toma muito tempo desenvolver códigos simples

    PS: Nem vou falar quanto à repulsa ao Fireworks, vou respeitar a opinião. :D

    Abraço

  • Edinei

    Triste, era um bom artigo até a largar a opinião pessoal sobre um software muito popular. Uso praticamente o pacote todo da Adobe todos os dias para um fim ou outro, concordo plenamente com quem falou algo como matar piolho com bazuca. Pense em produtividade, depois pense em criticar.

    Abs

  • http://www.taulukko.com.br Gran Kain

    Concordo 100% com o artigo. Vi muita gente indignada quanto ao Fireworks, não uso ele mas não vi motivos para a indignação.

    O autor disse “O cara vai fazer o design no Photoshop, Illustrator, seja lá o que ele usa (Fireworks não, por favor!)” e eu entendi como:

    “O cara vai fazer o design no Photoshop, Illustrator, seja lá o que ele usa (Fireworks não esta nesta lista, por favor!)”

    Talvez o post esteja um pouco emocional e ácido de fato, poderia ter sido melhor escrito se ele tivesse feito com mais calma. Mas a verdade está ali, nua e crua.

    Vi muitos também confundirem, dizendo que “designer não precisa saber código HTML”. O que é isto gente? HTML não é código é formato de arquivo. Acho que, assim como é obrigação de quem escreve um conteúdo no word saber o que é um cabeçalho, um parágrafo, é obrigatório para um profissional que diz montar sites saber o que as tagas significam. Não tem códigno nenhum ali, código é javascript e ninguém está pedindo isto de um cara que não é programador. Mas fazer sites bem feitos em HTML sim!

    Vi gente também dizendo que “o tempo de bloco de notas já passou”, não vi em nenhum momento o autor falar que você não pode usar um editor HTML. Ele deixou claro que o problema são os WYSIWYG.

    Voto a favor do artigo, eu produzo sites com mais velocidade e melhor qualidade sem os editores WYSIWYG, prefiro ficar apenas nas funcionalidades de auto-completar que estes editores trazem.

  • http://www.viniciusr.com/ Vinícius Ribeiro

     Bom artigo.. só achei como muitos outros a questão do fireworks uma opinião desnecessária no texto. Existem excelentes trabalhos produzidos com Fireworks, inclusive excelentes profissionais que o recomendam e utilizam como o Bruno Ávila do brunoavila.com.br.

← Older Comments