Tableless - Desenvolvimento inteligente com Padrões Web

21/01/2009
Artigos

Client-side e sua importância

Dar atenção a um código XHTML bem escrito, é abrir portas para deficientes e usuários de diversos dispositivos.

Por

Não é de hoje que o mercado de desenvolvimento web subestima a importância de algumas áreas como acessibilidade, usabilidade, arquitetura de informação, etc. Normal em uma área que tem um mercado tão complexo e que não pára de crescer.
Mas nenhum desses braços sofreu mais que o desenovolvimento client-side.
Talvez eu possa estar enganado, mas desde sempre a programação client-side foi subestimada e simplesmente esquecida por equipes e empresas inteiras. Não se dava a devida atenção ao escrever código html, css ou javascript.
Já vi muitos profissionais que se sentiam “de segunda linha”, por conta de programadores server-side que se julgavam o bloco mais importante do mercado. E toda essa atenção excessiva e sem explicação, escondia toda a necessidade que precisávamos dar para a programação client-side. Um dos nossos grandes erros.

A programação client-side é centenas de vezes mais simples que a server-side, mas não menos importante. É o client-side que serve o visitante. Um código client-side mal formado, agrega problemas na navegação do usuário. Gera problemas na acessibilidade de deficientes e claro, prejudica a indexação de buscadores. Um código client-side mal formado, pode acabar com as vendas de um e-commerce.
É natural sempre querermos saber qual parte é mais importante que outra. Isso em qualquer ramo de atividade. Mas nesse caso, as duas partes, client e server, são igualmente importantes, mesmo cada uma exercendo papéis totalmente diferentes no desenvolvimento web.

Dar atenção a um código XHTML bem escrito, com uma bela formatação CSS, significa que o site poderá ser bem acessado por um público ampliado. É abrir portas para deficientes e usuários de diversos dispositivos. É melhorar a indexação em buscadores e facilitar o desenvolvimento de novas versões. É fazer com que a equipe trabalhe independentemente. Isso aumenta as vendas e as possibilidades de novos negócios, idéias, entre outras possibilidades.
Isso tudo pode parecer bobagem para o desenvolvedor que não anda atento da importância que a web tem hoje no mundo.

Não sei se estou conseguindo fazer-me entender. Mas quero que você olhe com outros olhos o código HTML, CSS, Javascript, Microformats e qualquer outra linguagem que trabalhe no cliente.
Os padrões web não estariam tão em foco hoje se essa importância não fosse tão explicita.

O HTML 5 é um assunto muito interessante para qualquer desenvolvedor web. Ele está sendo feito devagar e com paciência. Existem uma série de problemas que ainda precisam ser resolvidos, tanto de compatibilidade quanto de nomenclatura e estruturação. Mas o ponto mais importante é a semântica dos elementos.

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

  • http://www.gilbertosantos.com Gilberto Santos

    Ta certo diego, concordo plenamente… quando você disse isso aqui no curso que ministrou no SENAC/GO (ta lembrado ?) soou bem aos meus ouvidos, mais você nesse mundo temos , arquitetos de software e pedreiros , ambos com a mesma faculdade, acho que sabendo disso, novas tecnologias estão surgindo, com o Flex e as suas promessas , como ser idependentemente de browser so exige um plugin que em sua grande maioria das vezes ja esta instalado na máquina ou o processo de instalação é bastante simples. Claro tudo é depende do requisito … mais o que você acha ?
    (santa astúcia… man rs )

  • http://juarezpaf.com Juarez P. A. Filho

    Hey Diego!
    Ótimo post, realmente essa área é desvalorizada por empresas e alguns profissionais. Já cheguei a ouvir de alguns que é só colocar aquelas “tagzinhas” em HTML ali, colocar um pouco de CSS (Declarar fontes, espaçamento e cores) e pronto.
    Existe muito mais que isso para ser feito, principalmente com a grande importância do assunto “User Experience”, onde precisamos de grandes esforços para prender a atenção do usuário, tentar fazer com que o Design seja centrado no usuário.
    Espero realmente que outros profissionais enxerguem a importância do nosso trabalho com a devida importância que ele merece. =)

  • http://www.recoha.com Renan C Hagiwara

    Pois é, infelizmente ainda é dessa maneira, o cara que desenvolve client-side é desvalorizado até na remuneração em algumas agências como se fosse um cargo de menor importância, isso quando existe esse cara. O que me anima é que os grandes portais aqui do Brasil por exemplo parecem já estar dando maior valor a este profissional, pelo menos é o que percebo ao analisá-los.

    ;]

  • Paula Penedo Barbosa

    Ainda temos grande resistência por parte das empresas com relação a isso. Eles preferem investir em grandes programas server-side do que fazer um site que seja, no mínimo apresentável. Não entendem que aquilo que o cliente vê deve ser prioridade, afinal, se o cliente não acessa o site direito, ele não consegue ter acesso a nada que o pessoal server-side passou semanas programando.

    Ainda é grande a batalha pra convencer os executivos… fazer o quê.

    Força, Diego.
    Abraços

  • http://muiomuio.com Mário Andrade

    Infelizmente programação client-side é interpretada no mundo empresarial como um dado adquirido de qualquer web designer.

    Basta observar o mercado para ver que codificação de html e javascript que não envolva interacção com base de dados é muito barato.

    Mas sou da opinião que qualquer programador deve ter em atenção a semantica e os padrões web. Especialmente em .net e sharepoint :P

  • Ale Romero

    Muito bom Diego, realmente muito bom. Gostaria que mais pessoas pensassem como vc.

    Abraço!

  • http://www.profissionaisti.com.br Jackson

    Ola Diego,

    Já venho trabalhando com padrões há bastante tempo (acompanho o tableless desde os primórdios) e atualmente ministro 2 treinamentos na minha cidade: Padrões Web/Tableless e PHP.

    Enquanto estou ministrando os treinamentos de PHP vou sempre puxando os alunos para os padrões, mostrando a importância da semântica, da importância de se pensar compatibilidade, acessibilidade e etc, mesmo que o foco do treinamento não seja exatamente esse. Realmente fico de cara como ainda existem profissionais que já atuam na área que simplesmente nem conhecem direito o html. Daí pergunto: sabe o que os faz não conhecer nem o que deveriam por obrigação conhecer? Ferramentas Visuais. Arrasta, Solta e Pronto – Um site esta montado.

    Importância para códigos? Pra que? A ferramenta montou, ta tudo certo :(

    Abraço

  • http://www.chrisb.com.br Chris Benseler

    Essa história de programador de back-end se sentir a última azeitona da empada é a mais pura verdade. E isso só piora com o fato de que o front-end por ser menos complexo acaba sendo a porta de entrada de muita gente, muitas vezes com pouca capacitação técnica. Com isso, a área fica mal vista, os profissionais acabam tendo seu valor diminuido.
    No mundo corporativo, infelizmente, ainda é assim: desenvolvedor de server-side é muito melhor visto…

    []s!

  • Acelio Filho

    Enquanto tivermos que fazer sites para os clientes, estamos de mãos atadas. perde-se tempo (e clientes) explicando fatores de acesso e de funcionalidade e dizendo que o que eles querem não trará retorno do usuário e dificultará o processo de atingir o objetivo do site.

    Grandes agências e seu profissionais preferem satisfazer os “olhos” dos clientes e não os objetivos dos sites: aparecer nas buscas e fechar negócio.
    Elas ainda fazem sites todo em flash (com aquele princípio: Onde estão os links?) e no html da página, nenhum texto, uma só tabela e nenhuma meta-tag.
    Só há o diretor de arte e o designer envolvidos no projeto. Um briefing “ao gosto do cliente”, do tipo: “que cor você gosta”.

    Quando os clientes entenderem que o site não é pra eles, e sim para os clientes deles usarem, daí darão mais ouvidos aos nossos argumentos e a web começará a andar na direção certa.

    Espero que seja logo, pois alguns desistem de ter um site por ele nunca ter lhe trazido retorno e ser um serviço muito caro…

  • Renato Gontijo

    O lado servidor e o cliente tem a sua importância em uma aplicação, afinal o produto final depende de ambos os lados. Porém nem sempre é possível que toda as funcionalidades e requisitos tenham a mesma prioridade em um projeto, senão todo o projeto seria categorizado com o nível máximo de prioridade, estendendo absurdamente o prazo e o custo do mesmo.
    Atualmente o desenvolvimento de soluções tem se dado de forma muito rápida, e creio que isto prejudique grande parte do desenvolvimento, muitas vezes os profissionais não recebem o treinamento adequado, mesmo em grandes empresas, e a qualidade do produto final fica a desejar.
    Eu defendo arduamente a importância da qualidade e otimização do código servidor, pois ele será o responsável pelo acesso aos milhares de clientes, e sem esta preocupação e dimensionamento adequado, teremos um código absurdamente lento e consumidor de recursos, a complexidade da aplicação servidora é absurdamente superior a do lado cliente. O pessoal do lado cliente tem uma importância tremenda para o sucesso do projeto, pois não adianta uma solução robusta e bem feita do lado servidor e uma inteface confusa e “pesada” (detesto o flash por isto). No final quem define a qualidade do projeto é o cliente. O melhor é o lado cliente e servidor contruídos de uma boa forma, dentro do escopo determinado.
    Os desenvolvedores (cliente e servidor) fazem parte da mesma equipe e o sucesso ou fracasso do projeto é responsabilidade de toda a equipe.

  • http://javiani.wordpress.com Eduardo Ottaviani

    Deste post só discordo com a afirmação de que o desenvolvimento Client Side é muito mais fácil. Se fosse, qualquer programador server-side deveria saber.

    Eu não acho nada fácil o desenvolmento Client-Side. Só é fácil quando o site é muito simples.

    A dificuldade é uma coisa subjetiva. Se um programador back-end não sabe Css, não vai conseguir executar uma simples tarefa.

    A dificuldade está em não saber fazer. KNOW-HOW.

  • Seyfertt

    Concordo com o “Chris Benseler” em “Essa história de programador de back-end se sentir a última azeitona da empada é a mais pura verdade.”

    Gostei muito desta matéria, pequenos detalhes trazem grandes diferenças. Acho que é assim que devemos evoluir, aprender a trabalhar com todos os tipos de público e os padrões web. Afinal das contas todos querem que seus clientes fiquem bem satisfeitos com o trabalho bem feito.

    Grande Abraço

  • http://project47.viscountbox.com Carlos Eduardo

    Achei interessante chegar a um ponto de comparação entre client-side e server-side, já que em muitos casos o client-side é meio que discriminado, pois a grande maioria julga que o server-side é muito mais importante :(

    Não existe um mais ou menos importante, o que interessa é que as duas partes se complementam!

  • Pingback: garotas nerds. » Blog Archive » Programadora? Não.

  • http://www.tudocondominio.com.br segurança na rede

    mais um assunto interssante

    parabens. Devagar as coisas vão muudando para melhor.