it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


10 Abitudini di programmazione che gli sviluppatori dovrebbero adottare

Imparare a programmare è divertente e facile, ma scrivere un buon programma può rivelarsi un compito arduo . Nella maggior parte dei casi, ci ritroviamo costantemente a grattarci la testa cercando di capire il codice degli spaghetti che abbiamo scritto, o facendo molte modifiche solo a causa di una funzione secondaria appena aggiunta .

Questi risultati possono ridurre la nostra fiducia, ma in realtà possono essere risolti con adeguate pratiche di sviluppo. Ecco 10 buone abitudini da investire per scrivere codice più pulito e più intelligente con meno sforzo . Iniziamo a sviluppare queste abitudini ora!

1. Scrivi un codice a misura d'uomo

Ricorda sempre che non stai solo scrivendo il codice per le macchine, ma anche per il tuo futuro. Quindi è importante scrivere codice leggibile. In verità, programmare è come scrivere una buona poesia. Il tono dovrebbe essere coerente, le parole descrittive e le frasi ben strutturate.

Ecco alcuni suggerimenti per scrivere codice amichevole.

1. Seguire le convenzioni di denominazione coerenti

Ad esempio, se si nominano le variabili private con il carattere di sottolineatura come prima lettera, si dovrebbe seguire nel resto del codice.

Se lavori in modo collaborativo, discuti le convenzioni di denominazione prima che qualcuno tocchi il codice.

2. Nome descrittivo variabile / metodo

La variabile e il nome del metodo dovrebbero descrivere ciò che il codice fa perfettamente . Ad esempio le abbreviazioni non comuni come Sort_PT() possono confondere: cosa significa PT? Se non riesci a rispondere su un secondo controllo, ottimizza il nome in Sort_PostType() per una migliore comprensione.

3. Indentazione e interruzione di linea s

L'indentazione è magica! Con alcuni semplici tasti di tabulazione, è possibile rivelare l'intera struttura del codice e modificare il codice con una chiara comprensione di come funzionerà.

Per le interruzioni di riga, usalo quando 2 codici sulla stessa riga eseguono cose diverse . Ad esempio, è meglio non concatenare le proprietà CSS su una singola riga: ciò complica le cose.

2. Pensa all'organizzazione

Oltre al codice più pulito, la struttura del codice e l'organizzazione aiutano anche i problemi di leggibilità. È importante raggruppare il codice per consentire modifiche semplici (se è necessario scorrere verso l'alto e verso il basso più volte per trovare la sezione interessata, è necessario lavorare sulla struttura)

Inoltre, non buttare tutto il codice in un singolo script . Mentre può sembrare conveniente avere 8000+ linee di codice in un singolo file, il debugging è un incubo quando si tenta di richiamare i nomi dei metodi. Pensa sempre alla facilità del cambiamento .

La procedura migliore consiste nel separare il codice in file diversi in base alle funzioni principali, ad esempio manager, interfaccia, animazione, estensione, ecc.

(Fonte immagine: urbanINFLUENCE)

Quando possibile, assicurati che la lingua soddisfi solo uno scopo particolare . Se stai scrivendo l'effetto animazione con CSS3, evita di scrivere effetti di animazione jQuery, a meno che tu non abbia una ragione abbastanza forte. E se lo fai, commenta nel file CSS l'eccezione.

3. Pianificazione prima della codifica

È fondamentale sapere esattamente cosa fare prima di premere la prima chiave. Nel mondo della programmazione, è importante pianificare in anticipo. Scrivere un menu di navigazione fisso è facile, ma cosa succede se il menu deve essere reattivo, pur essendo in grado di minimizzarsi quando i visitatori scorrono verso il basso nella pagina?

Iniziare a programmare senza una chiara procedura in mente spesso porterà a tentativi, burnout e un ciclo di depressione .

Pianifica il tuo codice

Quindi, invece di risolvere i problemi e programmare il modo parallelo, è molto più facile capire prima la procedura, quindi scrivere una soluzione . Elencare prima i passaggi generali (ecco un esempio):

  1. Usa Bootstrap come framework responsive.
  2. Crea menu di navigazione.
  3. Aggiungi .navbar-fixed-top al menu.
  4. Crea uno script jQuery per ridimensionare il menu quando l'utente scorre verso il basso per oltre 200px.
  5. Se l'utente scorre verso l'alto, ridimensiona nuovamente il menu.

Risoluzione dei problemi

A questo punto, dovresti scoprire altri problemi sottostanti, come il modo in cui dovremmo ridimensionare il logo del sito e il titolo del menu in base alle dimensioni del menu, o se dobbiamo ridimensionare il menu a discesa, o se il rilevamento deve essere dinamico anziché fisso . Una volta capito, è un gioco da ragazzi per fare il menu.

4. Scrivi codice gestibile

Fidati di me, non vuoi cambiare centinaia di variabili individualmente, riga per riga. L'ho fatto, per 1 anno consecutivo. È stata un'esperienza umiliante e da allora ho imparato a scrivere codice che richiede il minor numero possibile di modifiche manuali .

(Fonte immagine: torre Logiq)

Come ottenere questo? Usa matrice . È perfetto per l' archiviazione di più variabili e puoi accedere a tali variabili con praticità for ciclo o for each metodo.

Esistono anche altri modi dinamici per aggiungere, organizzare e recuperare dati in alcune lingue, come List e LINQ per C #, quindi assicurati di controllare periodicamente funzionalità, librerie o plug-in migliori per una gestione dei dati più intelligente.

Infine, per evitare di modificare costantemente cose nel codice, scrivere codice altamente indipendente che non interrompa l'intero sistema quando vengono applicate nuove funzionalità o modifiche. Si chiama Loose Coupling . Dopo l'ottimizzazione, lo sviluppatore deve solo modificare il codice in 1 classe invece di 3 classi per nuove funzionalità.

5. Interrompere le funzionalità di sovradimensionamento

Man mano che maturano le nostre competenze, tendiamo a sviluppare soluzioni più complesse che soddisfino una gamma più ampia di esigenze. È un buon segno di crescita, ma sii cauto mentre potresti entrare in un'altra trappola, esagerando con una funzionalità che non è assolutamente necessaria per il progetto.

In fase di sviluppo, è importante ricordare periodicamente l'obiettivo principale del progetto e aggiungere solo funzionalità che soddisfino lo scopo . Se conosci le dimensioni esatte della raccolta, utilizza Array. Se la funzione Elenco può recuperare i dati nel modo desiderato, non utilizzare LINQ avanzato.

Perché sviluppare un plug-in quando non usi questa funzione? Solo perché puoi, non significa che dovresti . Non perdere tempo. Ritrova la parte che richiede più tempo, ovvero terminare il progetto, deve ancora venire! Ora, sul debugging!

6. Impara a eseguire il debug in modo più intelligente

Dove c'è il codice, ci sono bug. È impossibile avere una soluzione di codice priva di bug, quindi le competenze di debug sono molto ricercate . L'antico metodo di prova ed errore potrebbe funzionare, ma è lento. Troppo lento. Inoltre, perché torturare te stesso quando ci sono già debuttanti sviluppati per te?

Strumenti di debug

Prendi Firebug per JavaScript come esempio. Viene fornito con il rilevamento degli errori, l'impostazione dei punti di interruzione, il tracciamento delle espressioni, il controllo delle prestazioni, il tutto per la comodità del debug.

Gli IDE come Aptana Studio 3 e Xamarin Studio vengono anche rilasciati con il loro potente debugger integrato, quindi investire il tempo per impararli può semplificarti la vita.

Tuttavia, un debugger non conoscerà il tuo codice. In caso di dubbi, inserisci la funzione di registro nel codice, come console.log per Firebug, e assicurati che funzioni bene con l'integrazione variabile (invece di ridigitare i nomi delle variabili come stringa o semplicemente 'It works!' ). Il web è pieno di metodi di debug più avanzati e specifici per ogni lingua.

7. Trova un editor più forte

Gli editori giusti possono aiutarti a far crescere la conoscenza e accelerare il completamento del progetto. Indipendentemente da quanto sei esperto, ti consigliamo vivamente di affidarti a editori con il completamento del codice, come ad esempio Sublime Text e Aptana Studio 3.

La funzione non solo è molto utile per i principianti per riconoscere e imparare la sintassi, ma può essere utilizzata dai professionisti per verificare eventuali codici o soluzioni migliori. Prendi nota, la maggior parte degli IDE supportano solo il completamento del codice per alcune lingue, quindi cerca quello giusto.

Filtro delle caratteristiche

Ad esempio, una cosa che adoro di MonoDevelop è la sua funzione di modello di codice . Con un tasto di scelta rapida personalizzato, puoi inviare un modello di codice auto-definito dall'istruzione switch comune a uno script manager completo. Questo è ottimo per progetti su larga scala, quindi cerca di rendere questa funzionalità una priorità durante la tua caccia all'editor.

Altre caratteristiche essenziali a cui prestare attenzione:

  • debugger
  • regex sostituire
  • macro
  • supporto per il controllo della versione
  • supporto del database
  • modifica divisa
  • personalizzazione del layout
  • Editor WYSIWYG

8. Eseguire il controllo della versione

Ci saranno momenti in cui commetterai un enorme errore di programmazione e vuoi tornare a una versione precedente di un codice. Ora, cosa succede se il tuo errore coinvolge diversi file nella base di codice, e alcuni di essi sono stati modificati giorni o addirittura mesi fa?

Ripristina l'originale e aggiorna il codice bit per volta durante la risoluzione dei bug? Questo è controproducente e il motivo per cui un sistema di controllo delle versioni è molto essenziale.

Sistemi di controllo della versione

Tra i vari software di controllo delle versioni, Git è il più popolare con un gran numero di documentazioni disponibili online. Con Git, puoi mantenere tutte le revisioni che desideri, estrapolare il file per qualche esperimento di codice, rintracciare la parte di codice che hai modificato l'ultima volta e tornare a loro quando vuoi.

Ti sembra eccessivo? Forse, dal momento che è stato originariamente sviluppato per la programmazione di team, ma è anche perfetto per progetti personali a lungo termine. Potresti essere titubante perché il Git è di per sé così tanto da apprendere, anche con la versione della GUI. Ma è più di una cosa prima o poi (tanto meglio che lo fai prima), più il web è caricato con un sacco di tutorial e guide per facilitare il processo di apprendimento.

9. Nessun prototipo extra, progetto in corso

Codifica e debugging noiosi possono drenare qualcuno fisicamente ed emotivamente. E alcuni di noi sono inclini a prototipare il nostro lavoro ancor prima che sia finito . Mentre la prototipazione è un comportamento benefico a lungo termine, non aiuta quando lo fai per fuggire dal lavoro .

Un modo migliore per perdere un po 'di energia è godere di qualcosa di totalmente estraneo al lavoro, all'esercizio fisico, al gioco, alla lettura (forse?) - Devi mantenere la tua vita lavorativa in equilibrio . Tutto tranne i prototipi.

10. Impara sempre qualcosa di nuovo

In questo campo, puoi uscire gradualmente. Molti approcci di sviluppo e linguaggi di programmazione sono persino dichiarati obsoleti negli ultimi 10 anni . Anche se ti sei laureato in una università superiore con una laurea in materia , non assicurarti di essere ancora pronto per l'impiego.

L'unico modo per sopravvivere e prosperare è continuare a studiare . Il modo migliore per imparare? Non leggere solo, programma . Sfida te stesso con progetti pratici che richiedono una maggiore scalabilità . Questo ti costringe a pensare in modo più efficiente. Esplora e goditi il ​​processo di creazione. La pratica non è qualcosa che puoi ignorare nella programmazione. Quanto più programmi, tanto migliore diventerai un programmatore.

CSSMatic - Strumento di automazione che rende i CSS facili per i web designer

CSSMatic - Strumento di automazione che rende i CSS facili per i web designer

Il CSS è un linguaggio di foglio di stile molto potente che ti consente di prendere il controllo dell'aspetto di un sito. Fornisce efficienza nella progettazione e aggiornamenti. Ma la codifica da zero è sempre difficile . Per fortuna, puoi trovare molti piccoli aiutanti che di solito coprono alcune funzionalità per rendere più semplice la codifica CSS.Ogg

(Consigli tecnici e di design)

Come confrontare le revisioni delle immagini in Github

Come confrontare le revisioni delle immagini in Github

Con Git, non solo puoi tenere traccia delle modifiche nel codice, puoi anche confrontare le modifiche (alias diff ). E nel caso in cui le revisioni vadano errate, puoi tornare facilmente alle versioni precedenti. Puoi anche confrontare le modifiche al codice in modo semplice e intuitivo con Github.Sebbene sia principalmente utilizzato per condividere codici, progetti e contributi da parte degli sviluppatori, Github consente di vedere i cambiamenti storici e i confronti tra file

(Consigli tecnici e di design)