4 vinkkejä kehittäjien taitojen kehittämiseen

Jan 30, 2026
Miten tehdään
Coder navigates a roadmap avoiding bugs and errors in coding
(Kuva luotto: Robert Pizzo)

Superystävällinen johtaja Dan Mall Jakamaan Pro Vinkkiensa siitä, miten pysyä merkityksellisinä web-suunnittelijana Luo New York 2018. Hanki lippu nyt .

Niille, jotka ovat alle viiden vuoden kokemusta web-kehityksestä, todennäköisesti löydät jalkasi kielten ominaisuuksiin, kehyksiin, arkkitehtuuriin ja parhaisiin käytäntöihin. Ja vaikka voit aloittaa jokaisen sivuston parhaiden aikomusten avulla, lopulta on todennäköistä, että kaikki haluat, että asia toimii tarpeeksi hyvin, että saat maksun.

Olen viettänyt viime vuosien pelastamisen erilaisia ​​tunnettuja tuotemerkkejä, jotka teoriassa olisi pitänyt olla yksinkertaisia, mutta useista syistä - freelancereiden esiintymisestä, ylhäältä alasvalvonnan puute - ovat muuttuneet spagheti- teknisen velan liitokset.

01. Noudatakaavaa

Asia, jonka haluan päästä pois tieltä, on vakuuttaa teille, että olemme kaikki olleet siellä ja ei ole mitään vikaa, ettet tiedä kaikkea. Ohjelmointi on loistava hauska ja syy, miksi haluat tehdä sen joka päivä, on luultavasti, koska voit nousta haasteeseen, ottaa johto ja toimittaa innovatiivisia ratkaisuja.

Mutta tässä on saalis: Mikä tekee ohjelmoinnista hauskaa (keksinnöllinen ja ajattelu jalkojesi) voi vahingossa edistää teknisiä velkoja suuremmille, tiimijohtajille.

On olemassa parhaita käytäntöjä, periaatteita ja malleja, jotka ovat osoittautuneet vuosien varrella. Se on sinun tehtäväsi tutkimukseksi, oppia ja toteuttaa niitä - ja prosessissa uhraa hieman yksilöllisyydestänne vastineeksi ylläpidettävyydestä ja luotettavuudesta. Siellä on blogikirja nimeltä " Et ole maksettu kirjoittaa koodia "Tämä summaa sen melko hyvin.

02. hiki pieni tavaraa

Ohjelmointi on hyvin selkeästi, ja kun et näe puita puita, koodikoodisi mahdollisuudet, jotka oleskelevat tarkoituksellisesti vähärasvaisesti ja vähenee vakavasti. Sellaisena ensisijainen strategiasi oleskellessaan asioiden päälle pitäisi olla kiehtova keskittyminen perusasioihin.

  • Ole erittäin organisoitu: huoli kansiorakenteista ja tiedostopaikasta (puitteet voivat auttaa tässä), varmistamalla, että moduulit ovat johdonmukaisia ​​API-tilauksia, ryhmä yhteisiä toimivuutta ja käyttää malleja delimiterien kanssa.
  • Tee koodisi luettavissa: Käytä valkoista tilaa järkevästi ja käytä kommentteja merkintä ja selventää tarkoitusta (mutta ei huono koodi). Työskentelet tiiminä ja olet maksanut olla selvä.
  • Älä leikkaa kulmia: Säästäminen aika saattaa näyttää hyvältä, mutta voit olla varma, että projektin kasvaessa jokainen sneaky-laiskuus yhdistetään ja maksaa hankkeen myöhemmin.

Koko prosessin varmista, että oikeat virheet, kun menet. Ennemmin tai myöhemmin muu koodi päätyy luottaa näihin virheisiin. Pysäytä rotin mahdollisimman pian. Jos teet muutoksia, tee ne jatkuvasti. Tietokanta-sarakkeet, taustatoiminnot, API-puhelut, JavaScript-toiminnot, asiakirjat, merkinnät, HTML-attribuutit, CSS-luokan nimet ja niin edelleen - Varmista, että kaikki kaskadit alas.

03. Pysy jäsennellyt

Image showing a before and after of restructured and refactored code

Kaksi versiota samasta sovellusreittitiedostosta. Mikä helpottaa sovelluksen rakenteen ymmärtämistä?

Siellä on kiusaus, kun rakennat itsenäinen sivustoa hiljaa huomiotta kapselointi ja roskat, joissa on maailmanlaajuiset viittaukset sovellukseen tai saavuttamaan komponenttien kautta, jossa on vanhempi. Vapaa. Tämä rakentaa nopeasti teknistä velkaa.

Mahdollisuuksien mukaan yritä ajatella sovellusta sarjana itsenäisiä moduuleja ja rakentaa kehyksen parhaita käytäntöjä tiukan kytkennän ja keskinäisen riippuvuuden poistamiseksi. Jos se auttaa, yritä kuvitella, että aiot käyttää uudelleen sovelluksen osia muissa projekteissa ja miettiä, miten voit rakentaa tiedostoja, merkintää ja koodia tämän helpottamiseksi.

Sinun täytyy olla valppaita vastuulle vastuuta ja kysy itseltäsi jatkuvasti: Onko tämä täällä? Jos koodi tuntuu "icksiksi", se on luultavasti.

Team-projekteissa koodin uudelleenkäyttö ja kopiointi / liimattu koodi on suuri ongelma. Kun näet toistuvan koodin, purra luodin ja refactor kaikki tapaukset toimintoon, moduuliin tai malliin. Jälleen hyvä kansion rakenne helpottaa sinua, jotta voit tehdä asioita.

04. Varo yli monimutkaisuutta

A before and after demonstrating how a refactored class is more readable, functional and testable

Refactored luokka oikealla on luettavampi, toimiva ja testattava versio vasemmalla

Monimutkaisuuden avain ongelma on se, että se naamarit ja häiritsee alkuperäisestä ongelmasta, jota yrität ratkaista ja puolestaan ​​päätyy enemmän koodia ja monimutkaisuutta joko samassa paikassa tai muissa sovelluksen osissa. Päädyt epäoikeudenmukaiseen sykliin.

Jos koodisi alkaa näyttää enemmän kuin algebra-oppitunnin kuin hyvin hoidettu API, sinun on ryhdyttävä askeleen takaisin. Saattaa olla, että sinun on hienostuttavaa koodia, REFACTOR luokka on tai harkitse uudelleen nykyistä lähestymistapaa ongelmaan, jota yrität ratkaista.

Äärimmäisissä tapauksissa sinun on ehkä tarkasteltava uudestaan. Olen äskettäin hienostunut äärimmäisen monimutkainen näkymä, jonka tajusin, oli huonosti harkitun reitityskaavan uhri. Uudelleen uudistamalla kiertuelliset reitit jotain järkevää, pystyin ojenmaan satoja tiheän spagetti-koodin rivejä eri luokissa ja poistaa joitakin pitkäaikaisia ​​reitittimen hakkareita / vikoja prosessissa.

Yksi asia, jota sinun ei pitäisi tehdä, kun kirjoitat joitakin erityisen tylppä koodi, istua takaisin ja ihastunut ylpeänä, kuinka vaikeaa on lukea! Paras koodi on tyylikäs (lue: ei hankala); Jos sinun ei ole, sinulla on työtä.

Tämä artikkeli julkaistiin alun perin 290 Net, maailman myydyin aikakauslehti Web-suunnittelijoille ja kehittäjille. Ostaa Julkaisu 290 tai Tilaa Net .

Haluatko lisäohjeita ohjelmointitaidon kiillotuksesta?

Dan Mall is giving his talk Should Designers…? at Generate New York from 25 - 27 April 2018

Dan Mall antaa puhua hänen pitäisi suunnitella ...? New Yorkissa 25.-27.4.2018

Suunnittelijoiden on kasvatettava taitojaan pysymään olennaisena ja tehokkaana, mutta jotka ovat syytä keskittyä? Pitäisikö suunnittelijat oppivat koodin, ja jos on, voi olla rajoitettu kooditieto todella tehdä erilaista työskentelyä lahjakkaiden insinöörien kanssa? Miten suunnittelijat sopivat ketteriksi työnkulkuihin? Onko projektimenetelmä jopa asiaa joka tapauksessa? Mikä rooli suunnittelija on luomassa, käyttämällä ja ylläpitää suunnittelujärjestelmiä?

Hänen puheessaan Luo New York 25.-27.4.2018 , SuperFriendly johtaja Dan Mall jakavat tarinoita ja näkökulmia vastata näihin kysymyksiin ja paljon, jotka tarjoavat erityisiä menetelmiä ja tekniikoita, joiden avulla suunnittelijat entistä välttämätön, nopeampi. Hanki lippu nyt .

Aiheeseen liittyvät artikkelit:

  • Kehittäjätyökalut sinun täytyy tietää juuri nyt
  • 25 Web Development Vinkkejä taitojen lisäämiseksi
  • 10 asiaa web-kehittäjien täytyy tietää todella hämmästyttäväksi

Miten tehdään - Suosituimmat artikkelit

Kuinka tehdä Meme Photoshopissa

Miten tehdään Jan 30, 2026

(Kuva luotto: Matt Smith) Haluatko tietää, miten tehdä meme Photoshopissa? Tämä opas on täällä auttaa. Maailm..

Affinity Designer: Rajoitusten käyttö

Miten tehdään Jan 30, 2026

Affinity Designer on suosittu vektovekniikka työkalu. Sekä MAC- ja Windows-versiot, Serif äskettäin..

10 Vinkkejä Applen valokuvien hallintaan

Miten tehdään Jan 30, 2026

MacOS Photos -sovellus alkoi iPhoto: Kuluttaja-sovellus digitaalisten valokuvien hallintaan, jossa on muutamia perusvalokuvien mu..

Suunnittele reagoiva sivusto EM-pohjaisella mitoituksella

Miten tehdään Jan 30, 2026

Olet luultavasti kuullut, että sinun pitäisi käyttää suhteellisia yksiköitä fonttikokoon. Tämä on hyvä sääntö helposti web-suunnittelulle; Jos käyttäjä muuttaa selaimen oletus..

Miten vaikuttaa Google-rankingille sisällön kanssa

Miten tehdään Jan 30, 2026

Sisältösi ei mene mihinkään, ellei ihmiset voi etsiä ja löytää sitä, joten sisältö on kirjoitettava ymmärryksessä, k..

Rakenna materiaalisen suunnittelun sovellus, jossa kulma 2

Miten tehdään Jan 30, 2026

Kulmamateriaali on UI-komponenttikehys, joka toteuttaa Googlen materiaalin suunnittelun eritelmää kulma-2 - Uusi, Typectcript k..

Kuinka snapping toimii 3D-sovelluksissa

Miten tehdään Jan 30, 2026

Yksi tärkeimmistä asioista, jotka työskentelevät CGI: ssä, on suurempi tarkkuus. On kuitenkin hämmästyttävää, kuinka va..

Tee typografinen juliste Adobe InDesignilla

Miten tehdään Jan 30, 2026

Adobe InDesign on erinomainen ohjelma, joka käyttää jotain, joka käyttää tyyppiä voimakkaasti. Koko tämän InDesign-opetu..

Luokat