4 dicas para desenvolver suas habilidades de desenvolvedor

Sep 11, 2025

Como

Coder navigates a roadmap avoiding bugs and errors in coding

(Crédito de imagem: Robert Pizzo)

Diretor Superfriendly Dan Mall estará compartilhando suas dicas profissionais sobre como se manter relevante como um web designer em Gere Nova York 2018 Obtenha seu ingresso agora .

Para aqueles de vocês com menos de cinco anos de experiência em desenvolvimento web, é provável que você ainda esteja encontrando seus pés em relação aos recursos de linguagem, estruturas, arquitetura e melhores práticas. E embora você possa iniciar cada site com as melhores intenções, até o final, é provável que seja tudo o que você quer é que o funcione bem o suficiente para que você seja pago.

Passei os últimos anos, resgatando uma variedade de sites de marcas bem conhecidas que, na teoria, deveriam ter sido simples, mas por uma variedade de razões - sucessões de freelancers, falta de supervisão de cima para baixo - se transformaram em espaguete junções de dívida técnica.

01. Siga a fórmula

A coisa que eu quero sair do caminho é assegurar-lhe que todos nós estivemos lá e não há nada de errado em não saber tudo. A programação é divertida brilhante e a razão pela qual você quer fazer todos os dias é provavelmente porque você consegue aumentar a um desafio, assumir a liderança e entregar soluções inovadoras.

Mas aqui está a captura: o que torna a programação divertida (sendo inventiva e pensando em seus pés) pode inadvertidamente contribuir para a dívida técnica em projetos maiores e liderados pela equipe.

Existem melhores práticas, princípios e padrões que se provaram ao longo dos anos. É seu trabalho pesquisar, aprender e implementá-los - e, no processo, sacrificar um pouco da sua individualidade em troca de manutenção e confiabilidade. Há um post de blog chamado ' Você não é pago para escrever código 'Isso resume bem.

02. Suor o material pequeno

A programação é muito sobre clareza, e quando você não consegue ver a madeira para as árvores, as chances de sua fase de code ficar propositadamente se inclinam e a média serão severamente diminuídas. Como tal, sua estratégia primária para ficar em cima das coisas deve ser um foco fastidioso no básico.

Seja ultra-organizado: se preocupar com estruturas de pastas e locais de arquivos (frameworks pode ajudar aqui), garantir que os módulos tenham ordens de API consistentes, funcionalidade comum do grupo e usem modelos com delimitadores.
Torne seu código legível: Use o espaço branco judiciosamente e use comentários para agrupamento e esclarecer a intenção (mas não código ruim). Você está trabalhando como uma equipe e é pago para ser claro.
Não corte os cantos: economizando tempo agora pode parecer uma boa ideia, mas você pode ter certeza de que, à medida que o projeto cresce, qualquer preguiça sorrateira será agravada e custará o projeto mais tarde.

Ao longo do processo, certifique-se de corrigir erros à medida que avança. Mais cedo ou mais tarde outro código acabará contando com esses erros. Pare a podridão o mais rápido possível. Se você fizer alterações, faça-os consistentemente. Colunas de banco de dados, funções de backend, chamadas de API, funções de JavaScript, documentos, anotações, atributos HTML, nomes de classe CSS, e assim por diante - certifique-se de que tudo em cascata.

03. Fique estruturado

Image showing a before and after of restructured and refactored code — Duas versões do mesmo arquivo de rotas de aplicativos. O que torna mais fácil entender a estrutura do aplicativo?

Há uma tentação ao construir um site autônomo para ignorar silenciosamente o encapsulamento, e para lixar o código com referências globais ao aplicativo ou para alcançar componentes com pai.Parent.parent ou assim. Isso rapidamente constrói a dívida técnica.

Sempre que possível, tente pensar em seu aplicativo como uma série de módulos independentes e construir as melhores práticas da sua estrutura para eliminar o acoplamento e a interdependência apertados. Se isso ajudar, tente imaginar que você reutiliza partes do aplicativo em outros projetos e pense como estruturar arquivos, marcação e código para facilitar isso.

Você precisa estar vigilante para as responsabilidades de confundir e se perguntar constantemente: isso pertence aqui? Se o código sente "icky", provavelmente é.

Em projetos de equipe, a falta de reutilização de código e cópia / código colado é um grande problema. Quando você vê código repetido, morda a bala e refatore todas as instâncias para uma função, módulo ou modelo. Mais uma vez, uma boa estrutura de pastas facilitará para você trabalhar onde colocar as coisas.

04. Cuidado com a complexidade excessiva

A before and after demonstrating how a refactored class is more readable, functional and testable — A classe refatada à direita é uma versão mais legível, funcional e testável do da esquerda

O principal problema com a complexidade é que ele mascara e distrai-se do problema original que você estava tentando resolver e, por sua vez, acaba gerando mais código e mais complexidade, seja no mesmo lugar ou em outras partes do aplicativo. Você acaba em um ciclo vicioso.

Se o seu código estiver começando a parecer mais uma lição de álgebra do que uma API bem conservada, você precisa dar um passo para trás. Pode ser que você precise refatorar esse pedaço específico do código, refatore a classe que está ou reconsidere sua abordagem atual para o problema que você está tentando resolver.

Em casos extremos, você pode precisar olhar para fora novamente. Recentemente refatei uma configuração de vista extremamente complicada que percebi foi a vítima de um esquema de roteamento mal pensado. Ao redesenhar as rotas complicadas em algo sensato, pude lamar centenas de linhas de códigos de espaguete densa em várias classes e remova alguns hacks / bugs de roteador de longa data no processo.

A única coisa que você não deve fazer depois de escrever algum código particularmente obtuso é sentar e se maravilhar orgulhosamente por quão difícil é ler! O melhor código é elegante (leia: não complicado); Se o seu não é, você tem trabalho a fazer.

Este artigo foi originalmente publicado em questão 290 da rede, a revista mais vendida do mundo para web designers e desenvolvedores. Comprar Edição 290. ou Inscreva-se na Net. .

Quer mais conselhos sobre o polimento de suas habilidades de programação?

Dan Mall is giving his talk Should Designers…? at Generate New York from 25 - 27 April 2018 — Dan Mall está dando sua palestra deve designers ...? Na Gerar Nova York de 25 - 27 de abril de 2018

Os designers precisam crescer suas habilidades para permanecer relevantes e eficazes, mas que valem a pena se concentrar? Os designers devem aprender a codificar e, se assim for, o conhecimento de código limitado pode realmente fazer a diferença funcionando com engenheiros talentosos? Como os designers podem se encaixar em fluxos de trabalho agile? A metodologia do projeto é importante mesmo assim? Qual o papel que um designer tem na criação, usando e manutenção de sistemas de design?

Em sua palestra em Gere Nova York de 25-27 de abril de 2018 , O diretor da Superfriendly Dan Mall compartilhará histórias e perspectivas para responder a essas perguntas e mais, proporcionando metodologias e técnicas específicas para ajudar os designers a se tornar ainda mais indispensável, mais rápido. Obtenha seu ingresso agora .

Artigos relacionados:

As ferramentas do desenvolvedor que você precisa saber agora
25 dicas de desenvolvimento web para impulsionar suas habilidades
10 coisas que os desenvolvedores da Web devem saber se tornar realmente incrível

4 dicas para desenvolver suas habilidades de desenvolvedor

01. Siga a fórmula

02. Suor o material pequeno

03. Fique estruturado

04. Cuidado com a complexidade excessiva

Quer mais conselhos sobre o polimento de suas habilidades de programação?

Como - Artigos mais populares

Lino PrintMaking: uma introdução

Como desenhar um lobo

Um guia para a visão de nuvem do Google

Use WordPress como um CMS sem cabeça

Como criar uma lâmpada de lava com keyshot

Como pintar uma cena tradicional da vila britânica

Como obter mais de GIFs

Como obter o seu modelo Zbrush em maya

Categorias