4 tipp a fejlesztői készségek fejlesztéséhez

Sep 11, 2025

kézikönyv

Coder navigates a roadmap avoiding bugs and errors in coding

(Kép hitel: Robert Pizzo)

Superfriendly igazgató Dan Mall megosztja a pro tippjeit arról, hogyan maradjon releváns webes tervezőnek New York létrehozása 2018. Most kapd meg jegyét .

Azok számára, akik kevesebb mint ötéves tapasztalattal rendelkeznek a webfejlesztésben, valószínűleg még mindig megtalálja a lábát a nyelvi jellemzők, a keretek, az építészet és a legjobb gyakorlatok tekintetében. És bár minden webhelyet elindíthatja a legjobb szándékokkal, a végén, esélye, hogy mindössze annyit akarsz, hogy a dolog elég jól működjön, hogy fizessen.

Az elmúlt éveket számos jól ismert márkák helyszíneinek megmentésével töltöttem, amelyek elméletileg egyszerűnek kellett volna lenniük, de különböző okok miatt - a szabadúszó öröklései, a felülről lefelé irányuló felügyelet hiánya - spagettekké váltak A technikai adósság csomópontjai.

01. Kövesse a képletet

Az a dolog, amit el akarok menni az útból, hogy biztosítsuk, hogy mindannyian ott voltunk, és nincs semmi baj, ha nem tudnánk mindent. A programozás ragyogó szórakozás és az oka, hogy minden nap meg akarod csinálni, valószínűleg azért van, mert kihívást kapsz, vigye az ólomot, és innovatív megoldásokat adjon.

De itt van a fogás: Mi teszi a programozási szórakozást (a feltaláló és a lábadra gondolva) véletlenül hozzájárulhat a nagyobb, csapatvezes projektek technikai adósságához.

Léteznek olyan bevált gyakorlatokat, elveket és mintákat, amelyek az évek során bizonyították magukat. Ez az Ön munkája a kutatáshoz, megtanulni és végrehajtani őket -, és a folyamat során egy kicsit áldozatot ad az egyéniségét a fenntarthatóság és a megbízhatóság érdekében. Van egy blogbejegyzés hívott " Nem fizetett kódot - Ez meglehetősen jól összegzi.

02. izzad a kis dolgokat

A programozás nagyon világos az egyértelműség, és ha nem látja a fát a fák számára, akkor a codebase-k esélye, amely szándékosan sovány és átlagos maradni fog, súlyosan csökken. Mint ilyen, az elsődleges stratégiája a dolgok tetején való tartózkodásra alkalmasnak kell lennie az alapok számára.

Ultra szervezett: A mappa struktúrák és a fájlhelyek (a keretrendszerek segíthetnek), gondoskodnak a modulok, amelyek konzisztens API megrendelései, csoportos közös funkcionalitás, valamint sablonok használata delimiterekkel.
Végezze el a kódot olvasható: Használja a fehér helyet, és érdemes megjegyzést használni a csoportosítás és a szándék tisztázására (de nem rossz kód). Te csapatként dolgozik, és egyértelműnek kell fizetnie.
Ne vágja meg a sarkokat: A megtakarítási idő most jó ötletnek tűnhet, de biztos lehet benne, hogy a projekt növekszik, bármilyen sneaky lustaság kerül összenyomódni, és később a projekt költsége lesz.

Az egész folyamat során győződjön meg róla, hogy helyes hibákat, ahogy megy. Előbb vagy utóbb más kódok végül ezen hibákra támaszkodnak. A lehető leghamarabb állítsa le a rothadásokat. Ha módosítja, következetesen tegye őket. Adatbázis oszlopok, backend funkciók, API-hívások, JavaScript funkciók, dokumentumok, megjegyzések, HTML attribútumok, CSS osztálynevek, és így tovább - győződjön meg róla, hogy minden kaszkádja lefelé.

03. Strukturált maradjon

Image showing a before and after of restructured and refactored code — Ugyanazon az alkalmazás útvonalának két változata. Ami megkönnyíti az alkalmazás struktúrájának megértését?

Van egy kísértés, amikor önálló helyszínt épít, hogy csendben figyelmen kívül hagyja a kapszulázást, és a kódot a globális referenciákkal az alkalmazáshoz, vagy elérje a szülői összetevőket. Parent.parent. Ez gyorsan technikai adósságot épít.

Ha lehetséges, próbáljon meg gondolkodni az alkalmazásról olyan független modulok sorozataként, és építsen a keret legjobb gyakorlatait, hogy megszüntesse a szoros kapcsolást és a kölcsönös függőség megszüntetését. Ha segít, próbálja meg elképzelni, hogy újra felhasználja az alkalmazás részeit más projektekben, és úgy gondolja, hogyan alakítja fel a fájlokat, a jelölést és a kódot, hogy megkönnyítse ezt.

Vigyázni kell arra, hogy megberhelje a felelősségeket, és folyamatosan kérdezze meg magát: ez itt tartozik? Ha a kód úgy érzi, "icky", valószínűleg az.

A csapatprojekteknél a kódfelhasználás és a másolási / beillesztett kód hiánya nagy probléma. Ha az ismételt kódot látja, harapja a golyót és a visszafaktort minden példányt egy funkcióhoz, modulhoz vagy sablonhoz. Ismét egy jó mappastruktúra megkönnyíti, hogy dolgozzon ki, hol helyezheti el a dolgokat.

04. Vigyázz a bonyolultságra

A before and after demonstrating how a refactored class is more readable, functional and testable — A jobb oldali Refacted osztály egy olvashatóbb, funkcionális és tesztelhető változat a bal oldalon

A fő probléma összetettségét, hogy maszkokat és elvonja az eredeti problémát próbált megoldani, és viszont véget ér fel ami több kódot, és bonyolultabbá, akár ugyanazon a helyen, vagy más részein az alkalmazást. Az ördögi ciklusban végül.

Ha a kódod elkezd jobban nézni, mint egy algebra lecke, mint egy jól karbantartott API, akkor lépést kell tennie. Előfordulhat, hogy vissza kell adnia az adott kódot, a Refaktort az osztályba, vagy újra átgondolja az aktuális megközelítést a megoldandó probléma megoldására.

Szélsőséges esetekben még újra kell néznie. A közelmúltban egy rendkívül bonyolult nézetbeállítás, amelyet rájöttem, egy rosszul átgondolt útválasztási séma áldozata volt. By átalakítását a nyakatekert utak valami értelmes, tudtam, hogy az árok száz vonalak sűrű spagetti-kód különböző osztályok, és távolítsa el néhány régóta router hack / hibákat a folyamatban.

Az egyetlen dolog, amit nem kellene csinálnod, az írás után néhány, különösen az elhullott kódot üljön vissza, és csodálkozzon büszkén, hogy milyen nehéz az olvasni! A legjobb kód elegáns (olvasható: nem trükkös); Ha a tiéd nem, dolgozni kell.

Ezt a cikket eredetileg a nettó, a világ legjobban értékesítő magazinja a webes tervezők és a fejlesztők számára tett közzé. megvesz 290 kiadása vagy Feliratkozás a netre .

További tanácsokat szeretne a programozási készségek polírozására?

Dan Mall is giving his talk Should Designers…? at Generate New York from 25 - 27 April 2018 — Dan Mall a beszélgetést kell terveznie ...? 2018. április 25-27-től New York generálása

A tervezőknek meg kell növelniük készségüket, hogy releváns és hatékony maradjanak, de amelyek érdemes összpontosítani? Ha a tervezők megtanulják a kódot, és ha igen, akkor korlátozottan a kódex tudás valóban különbséget tesz a tehetséges mérnökökkel? Hogyan illeszkednek a tervezők az Agile munkafolyamatokba? A projekt módszertana is egyébként is számít? Milyen szerepet játszik a tervező a tervezési rendszerek létrehozásában, használatában és karbantartásában?

Beszélgetésében 2018. április 25-27-től New Yorkot generál , SuperFriendly rendező Dan Mall megosztja történetek és perspektívák a választ ezekre a kérdésekre, és több, hogy konkrét módszereket és technikákat, amelyek segítségével a tervezők még inkább nélkülözhetetlen, gyorsabb. Most kapd meg jegyét .

Kapcsolódó cikkek:

A fejlesztői eszközöket, amelyekre most tudnia kell
25 Webfejlesztési tippek a készségek növeléséhez
10 dolog, amit a webfejlesztőknek tudniuk kell, hogy valóban elképesztő lesznek

4 tipp a fejlesztői készségek fejlesztéséhez

01. Kövesse a képletet

02. izzad a kis dolgokat

03. Strukturált maradjon

04. Vigyázz a bonyolultságra

További tanácsokat szeretne a programozási készségek polírozására?

kézikönyv - Most Popular Articles

Hogyan kell használni a Cloud Storage-t kreatívként

Hogyan lehet Repost az Instagram-on

Hogyan készítsünk videojáték-karaktert Zbrush-ban

Az UI animációk hozzáadása a webhelyére

10 tipp a kemény felületi modellezéshez

Add hozzá vibráció az olajfestményeket ezekkel a felső tippekkel

3D szöveges bemutató grafikus tervezők számára

A karikatúra anatómiája: 15 felső tipp

Kategóriák