4 suggerimenti per sviluppare le tue abilità di sviluppo

Sep 12, 2025

Come si fa

Coder navigates a roadmap avoiding bugs and errors in coding

(Immagine di immagine: Robert Pizzo)

Direttore superfriendly Dan Mall condividerà i suoi PRO suggerimenti su come rimanere pertinenti come web designer a Genera New York 2018. Ottieni il tuo biglietto ora .

Per quelli di voi con meno di cinque anni di esperienza nello sviluppo web, è probabile che tu stia ancora trovando i tuoi piedi per quanto riguarda le caratteristiche linguistiche, i quadri, l'architettura e le migliori pratiche. E anche se potresti iniziare ogni sito con le migliori intenzioni, alla fine, è probabile che tutto ciò che vuoi è che la cosa funzioni abbastanza bene da essere pagati.

Ho trascorso gli ultimi anni a salvare una varietà di siti di marchi ben noti che in teoria avrebbero dovuto essere semplici, ma per una serie di ragioni - successioni dei freelance, una mancanza di supervisione top-down - si sono trasformate in spaghetti- Giunzioni del debito tecnico.

01. Segui la formula

La cosa che voglio uscire è per assicurarti che siamo stati tutti lì e non c'è niente di sbagliato nel non sapere tutto. La programmazione è divertente brillante e il motivo per cui vuoi farlo ogni giorno è probabilmente perché puoi salire a una sfida, prendere il comando e fornire soluzioni innovative.

Ma ecco la cattura: ciò che rende il divertimento di programmazione (essere inventivo e pensare in piedi) può inavvertitamente contribuire a debiti tecnici su progetti più grandi e led di squadra.

Esistono migliori pratiche, principi e modelli stabiliti che si sono dimostrati nel corso degli anni. È il tuo compito ricercare, imparare e implementarli - e, nel processo, sacrificare un po 'della tua individualità in cambio di manutenibilità e affidabilità. C'è un post blog chiamato ' Non sei pagato per scrivere codice 'Che lo riassume piuttosto bene.

02. sudore le piccole cose

La programmazione è molto sulla chiarezza, e quando non riesci a vedere il legno per gli alberi, le possibilità della tua base di codici rimangono appositamente magri e la media sarà gravemente diminuita. Come tale, la tua strategia primaria per rimanere in cima alle cose dovrebbe essere una messa a fuoco fastidiosa sulle basi.

Sii ultra-organizzato: preoccuparsi delle strutture di cartelle e delle posizioni dei file (Frameworks può aiutare qui), assicurarsi che i moduli abbiano ordini API coerenti, funzionalità comuni di gruppo e utilizzare i modelli con delimitatori.
Rendi il tuo codice leggibile: utilizzare giudiziosamente lo spazio bianco e utilizzare commenti per annotare il raggruppamento e chiarire l'intento (ma non il codice cattivo). Stai lavorando come una squadra e sei pagato per essere chiaro.
Non tagliare gli angoli: risparmiare tempo ora potrebbe sembrare una buona idea, ma puoi essere sicuro che mentre il progetto cresce, qualsiasi pigrizia subdolante sarà aggravata e costa il progetto in seguito.

Durante il processo, assicurati di correggere gli errori mentre vai avanti. Prima o poi altri codici finiranno per fare affidamento su questi errori. Arresta il marcio il prima possibile. Se apporti modifiche, rendile costantemente. Colonne del database, funzioni di back-end, chiamate API, funzioni JavaScript, DocComments, Annotazioni, Attributi HTML, nomi di classe CSS e così via - Assicurarsi che tutto cascata.

03. Resta strutturato

Image showing a before and after of restructured and refactored code — Due versioni dello stesso file di rotte applicazioni. Il che rende più facile capire la struttura dell'applicazione?

C'è una tentazione durante la creazione di un sito autonomo per ignorare tranquillamente l'incapsulamento e per rifiuti il codice con i riferimenti globali all'app o per raggiungere i componenti con genitore.Parent.Parent o tali simili. Questo costruisce rapidamente il debito tecnico.

Laddove possibile, prova a pensare alla tua app come una serie di moduli indipendenti e costruire sulle migliori pratiche del tuo quadro per eliminare l'accoppiamento stretto e l'interdipendenza. Se aiuta, prova a immaginare che riutilizzeranno parti dell'app in altri progetti e pensa a come si risolveranno file, markup e codice per facilitarlo.

Devi essere vigile per conflitte responsabilità e chiediti costantemente: questo appartiene qui? Se il codice si sente "icky", probabilmente lo è.

Su progetti di squadra, la mancanza di riutilizzo del codice e copiare / codice incollato è un grosso problema. Quando vedi il codice ripetuto, morde il proiettile e il refattore tutte le istanze su una funzione, un modulo o un modello. Ancora una volta, una buona struttura di cartelle ti renderà facile da risolvere dove mettere le cose.

04. Attenzione a complessità eccessiva

A before and after demonstrating how a refactored class is more readable, functional and testable — La classe refatturata sulla destra è una versione più leggibile, funzionale e testabile di quella a sinistra

Il problema chiave con la complessità è che maschera e distrae dal problema originale che stavi cercando di risolvere e a sua volta finisce per generare più codice e più complessità, nello stesso luogo o in altre parti dell'applicazione. Finisci in un ciclo vizioso.

Se il tuo codice sta iniziando a sembrare più una lezione di algebra di un'API ben tenuta, devi fare un passo indietro. Potrebbe essere che tu sia necessario rifacidare quel particolare pezzo di codice, rifare la classe è in o riconsiderare il tuo attuale approccio al problema che stai cercando di risolvere.

In casi estremi, potresti aver bisogno di guardare fuori ancora. Recentemente ho refatturato una configurazione di vista estremamente complicata che ho realizzato è stata vittima di uno schema di routing gravemente pensato. Ridisegnando i percorsi contorti in qualcosa di sensibile, sono stato in grado di abbandonare centinaia di linee di denso codice spaghetti in varie classi, e rimuovere alcuni hack / bug di router di lunga data nel processo.

L'unica cosa che non dovresti fare dopo aver scritto un codice in particolare il codice ottuso è seduto e meravigliato con orgoglio di quanto sia difficile da leggere! Il codice migliore è elegante (leggi: non ingannevole); Se il tuo non lo è, hai il lavoro da fare.

Questo articolo è stato originariamente pubblicato in questione 290 di rete, la rivista best-seller del mondo per i web designer e sviluppatori. Acquistare Edizione 290. o Iscriviti a Rete. .

Vuoi ulteriori consigli per la lucidatura delle tue abilità di programmazione?

Dan Mall is giving his talk Should Designers…? at Generate New York from 25 - 27 April 2018 — Dan Mall sta dando il suo discorso dovrebbero designer ...? Genera New York dal 25 al 27 aprile 2018

I progettisti devono far crescere le loro abilità per rimanere pertinenti ed efficaci, ma che vale la pena concentrarsi? I designer dovrebbero imparare a codificare, e, in caso affermativo, la conoscenza del codice limitata è davvero una differenza che lavora con ingegneri di talento? In che modo i progettisti possono adattarsi a flussi di lavoro agili? La metodologia del progetto ha anche importanza comunque? Quale ruolo ha un designer nella creazione, utilizzando e mantenendo i sistemi di progettazione?

Nel suo discorso a Genera New York dal 25-27 aprile 2018 , Director Dan Mall superfriendly condividerà storie e prospettive per rispondere a queste domande e di più, fornendo metodologie e tecniche specifiche per aiutare i designer a diventare ancora più indispensabili, più veloci. Ottieni il tuo biglietto ora .

Articoli Correlati:

Gli strumenti dello sviluppatore devi sapere in questo momento
25 Suggerimenti per lo sviluppo web per aumentare le tue abilità
10 cose che gli sviluppatori web devono sapere per diventare veramente sorprendente

4 suggerimenti per sviluppare le tue abilità di sviluppo

01. Segui la formula

02. sudore le piccole cose

03. Resta strutturato

04. Attenzione a complessità eccessiva

Vuoi ulteriori consigli per la lucidatura delle tue abilità di programmazione?

Come si fa - Articoli più popolari

22 migliori strumenti di progettazione UI

è il tuo deposito di Apple ICloud pieno? Ecco come liberare spazio

Come fare e usare un mahlstick per la pittura

Come scansionare una persona in meno di cinque minuti

Affinità Designer: come usare il personaggio dei pixel

Fai schioccare i tuoi personaggi con colore e luce

Come preparare la grafica dellustrator per dopo gli effetti

Come codificare un marker di realtà aumentato

Categorie