Busca

Boas práticas de Desenvolvimento com Padrões Web


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.

21/01/2009 por Diego Eis
14 Comentários

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.

14 Comentários

Sua opinião:

Vamos elevar o nível de discussão. Exponha sua opinião, sua crítica.



RSS dos comentários deste post
URL para Trackback

14 Comentários

Gilberto Santos 21/01/2009 às 08:53

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 )

Juarez P. A. Filho 21/01/2009 às 09:43

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. =)

Renan C Hagiwara 21/01/2009 às 09:59

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 21/01/2009 às 10:03

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

Mário Andrade 21/01/2009 às 11:21

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 21/01/2009 às 14:31

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

Abraço!

Jackson 21/01/2009 às 20:27

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

Chris Benseler 21/01/2009 às 21:43

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 23/01/2009 às 12:21

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 24/01/2009 às 22:43

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.

Eduardo Ottaviani 28/01/2009 às 08:42

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 28/01/2009 às 15:14

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

Carlos Eduardo 29/01/2009 às 09:03

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!

garotas nerds. » Blog Archive » Programadora? Não. 27/04/2009 às 10:01

[...] de Programação http://pt.wikipedia.org/wiki/Html HTML 5 – Mudanças na estrutura e semântica Desenvolvedor client-side também é importante [...]