Uma Equipe Web mais Organizada, igual a menos Código Bagunçado
 Uma Equipe Web mais Organizada, igual a menos Código Bagunçado

Uma Equipe Web mais Organizada, igual a menos Código Bagunçado

É comum trabalharmos com métodos particulares, tanto na organização, na execução das atividades, quanto no método de comunicação, entre outros aspectos que nos distinguem, em nossas vidas profissionais.

Mas o que acontece quando levamos essa bagagem cultural a uma equipe com diferentes métodos de trabalho? É fácil imaginar que, vários desenvolvedores escrevendo códigos como acham melhor, trará um resultado pouco uniforme e inconsistente.

Nesse caso, definir padrões idiomáticos irá criar um canal de comunicação cada vez mais eficiente entre a equipe reduzindo erros durante o projeto.

Vamos nos focar no desenvolvimento front-end, que é a parte “tocável” de um site e também a mais importante para a equipe.

Para começar: o que temos a nossa disposição?

Após o layout definido e preparado, iniciamos a codificação em uma linguagem Web. A mais comum é o HTML, e junto com ele também o CSS e o JS, que nos ajudam na parte visual e funcional da estrutura do site.

Padrões de estilo idiomáticos

Antes que a confusão comece, e se usarmos exemplos de empresas ques buscam padronizar seus estilos de códigos? Google e Github, já disponibilizam seus guias de estilo publicamente. Além destas existem outros métodos que podemos usar.

Um exemplo é Nicolas Gallagher, criador do Normalize.css e um dos líderes do HTML5 Boilerplate. Inspirado em um projeto similar, com foco em JavaScript, ele desenvolveu um ótimo guia para escrever os códigos de forma consistente e idiomática.

Outro, com um conceito bastante interessante, é o livro SMACSS – Scalable and Modular Architecture for CSS, escrito por Jonathan Snook.

Frameworks

Outra questão é a escolha de um Framework. Muitos gostam de criar suas próprias estruturas, no entanto seguir uma estrutura já elaborada e com um grande número de funcionalidades ajudam a reduzir essa complexa elaboração.

Um dos mais populares é o Bootstrap do Twitter, além de ter uma estrutura muito bem elaborada e repleta de ótimos plugins incorporados, é totalmente responsivo, pensada para Mobile primeiro, o que nos dá uma grande vantagem no que diz respeito a tempo de execução e elaboração de estrutura.

O UIKit é outro que conta com alguns plugins incorporados, efeitos bem diversificados e responsividade para Mobiles.

Todos eles seguem uma estrutura idiomática bem estabelecida e seu uso gera uma padronização mais consistente para a equipe.

E agora?

Agora que sabemos por onde começar e quais exemplos seguir fica fácil manter um padrão, quer seja ele um dos disponíveis ou nosso próprio.

O importante é a consistência durante o projeto, de forma que a equipe se mantenha integrada, minimizando falhas de comunicação e maximizando os resultados tanto em tempo quanto em organização.

Cadastre seu e-mail
I agree to have my personal information transfered to MailChimp ( more information )
Coloque o seu e-mail ao lado para receber as atualizações do blog!
Fique tranquilo, pois nós também odiamos spam. Seu endereço de e-mail não será vendido ou compartilhado.
Samuel Lamim Carvalho Desenvolvedor Frontend

Samuel Lamim de Carvalho

Desenvolvedor Front End

blog@raffcom.com.br

Continue lendo

Estratégia em redes sociais: você está conversando com seu público-alvo

Conhecer a fundo o perfil do público-alvo — suas necessidades, desejos e motivações — é primordial para o desenvolvimento de qualquer estratégia em redes sociais de sucesso. No entanto, para muitas empresas, “acertar o tom” da conversa ainda é um grande desafio. Afinal, antes de investir em táticas de venda e apresentação do produto, é […]

Perfis Sociais Começam a ser Exibidos no Google Knowledge Graph das Marcas

Agora empresas e marcas podem usar a marcação de dados estruturados para adicionar ou modificar as redes sociais exibidos nos resultados de pesquisa. A atualização do Google Knowledge Graph já havia sido habilitada em novembro de 2014 para algumas figuras públicas mundiais, como bandas e artistas, mas agora, também começa a exibir automaticamente os perfis […]

Como a ferramenta de chat online pode ajudar a gerar leads

Também conhecido como “live chat”, o chat online é mais uma solução tecnológica que pode ajudar a gerar leads e promete transformar positivamente o relacionamento das empresas com seus clientes Ao permitir que as organizações forneçam um pronto atendimento, solucionando dúvidas de forma mais ágil e prática, a ferramenta de chat é indispensável para estabelecer […]

Passo a passo para criar públicos personalizados no Facebook e Instagram Ads

O pai do Marketing, Philip Kotler, confirmou muitas vezes que conquistar um novo cliente pode custar de 5 a 7 vezes mais caro do que manter um atual. Isso porque o cliente atual já absorveu a carga de convencimento necessária para comprar da sua empresa. Ele já conhece seu trabalho, seu atendimento, sabe que você […]