Hogyan léptem át grafikus tervezőből front-end fejlesztővé 5 hónap alatt

2017 rögös, mégis izgalmas év volt számomra. Márciusban elhagytam grafikus munkámat, és beléptem a kódoló világ útvesztőjébe. Öt hónappal később végül front-end fejlesztőként kaptam munkát a Tenten.co oldalon.

Hat hónapig teljes munkaidős front-end fejlesztő voltam, és szeretném megosztani történetemet arról, hogy miért és hogyan forgattam életútomat. Ez azoknak szól, akik ugyanolyan tehetetlenek, de ambiciózusak lehetnek, mint én.

Hogy világos legyek, ez a bejegyzés nem egy tapasztalt fejlesztő vagy tervező szemszögéből készült, aki képes egyértelmű követendő útitervet szemléltetni. Ez nem egy összeomló tanfolyam sem a front-end fejlesztés elsajátításához. Rengeteg nagyszerű oktatóanyag van ebben a témában, és később a cikkben felsorolok néhányat.

Ne feledje, hogy a tökéletes (univerzális) út nem létezik minden egyén számára.

Az én hátterem

24 éves grafikus voltam, és semmilyen tapasztalattal nem rendelkeztem a kódolással kapcsolatban. Iskolás koromban a matematika, a fizika, a kémia és a természettudomány vizsgaeredményei borzasztóan alacsonyak voltak. Ezek az alanyok tompa és összetett képletekkel, számokkal és hibákkal ijesztettek meg. Azok a dolgok, amelyek akkoriban érdekeltek, mindig a festék, a zene vagy a szavak által létrehozott szépségek voltak. Természetesen az angolt választottam szaknak, és az egyetemen az irodalom, a kultúra, a fényképészet és a design vonzott.

Az, hogy miként tanultam meg, hogyan tervezzek egyetemen az egyetemen, és végül diploma megszerzése után grafikus lettem, egy másik nap története. A lényeg az, hogy egész életemben, egészen tavalyig, arról álmodoztam, hogy író, fotós, filmkritikus, énekes és tervező lehetek, de soha nem gondoltam arra, hogy fejlesztő legyek semmilyen körülmények között.

Miért akartam kódolni

Számomra a grafikai tervezés egy probléma megoldását szolgálja vonzó vizuális formákkal, amelyeket láthatatlan rendszerek vagy struktúrák támogatnak.

Mivel a világ olyan sok kritikus kérdéssel néz szembe, úgy gondolom, hogy a problémamegoldó tervezési gondolkodás segíthet és kell is segíteni ezeknek a kérdéseknek a kezelésében. Természetesen csak a Photoshop első megnyitásakor próbáltam valami szépet elrendezni. Mégis, minél többet tanultam a tervezésről, annál inkább vágytam arra, hogy kritikus kérdésekbe kezdjek a grafikai tervezéssel.

De miután sok erőfeszítést tettem az ambícióm elérése érdekében, mélységesen csalódtam abban a hatásban, amelyet a grafikai tervezés Tajvanon (vagy talán az egész világon) érhet el.

Kétségtelen, hogy még mindig tisztában vagyok a nagyszerű design erejével és fontosságával. De legtöbbször a tervezők csak az „ügyfél problémájával” foglalkozhatnak, ahelyett, hogy az „igazi problémákat kezelnék az ügyfelekkel”. A tervezők az idő nagy részében kitalálják ügyfeleik kívánságait, mély adatok és elemzések nélkül, csak intuíció, tapasztalat vagy józan ész nélkül.

Belefáradtam ebbe a játékba két évig a grafikai karrierem során.

Ekkor döntöttem úgy, hogy komolyan megnézem a Medium mindig trendszerű front-end fejlesztési témáját.

Megállapítottam, hogy tervezői készségekkel rendelkező fejlesztőnek lenni lehetővé tette, hogy sokkal nagyobb irányítást és tekintélyt szerezzen az egyes esetek és ügyfelek felett. Ezenkívül a webfejlesztéssel vagy alkalmazásokkal való munka lehetővé teszi az információk hatékony terjesztését.

Február végén hagytam el a grafikai munkát. Bonyolult terv és korlátozott megtakarítás nélkül a bankban elkezdtem átalakulni front-end fejlesztővé.

Mit kell tenni

Az első lépés megtétele mindig nehéz. De ha felismeri, mi az oka a meghajtásának, a dolgok egyszerűbbé válnak. Például, ha az a célja, hogy fejlesztővé váljon, minél jobb fizetést kap, akkor meg kell tanulnia a piacon található forró dolgokat.

Az én esetemben, mivel rájöttem, hogy jelenlegi célom az volt, hogy megszerezzem az erőt a tervezés és a fejlesztési készségek kombinálásához, mindkét képesség bemutatására összpontosítottam.

Tehát kitűztem egy célt, és összeállítottam a szükséges feladatok listáját, és tisztában voltam a front-end fejlesztéssel:

1. Cél

Szerezzen front-end fejlesztői munkát

2. Hogyan lehet elérni a célt

Készítse el portfólió-oldalamat képességeim bemutatására

3. Teendők

  • Tanuljon HTML-t, CSS-t, jQuery / JavaScript-et
  • Design portfólió webhely
  • Portfólió munkák előkészítése

Eleinte csak ezeket a feladatokat rendeltem magamnak. De ahogy több cikket, oktatóanyagot vagy munkaköri követelményt olvasok, ezeket a készségeket útközben felsoroltam:

  • Sass
  • Korty
  • CS50
  • Basic Unix
  • Alapvető Wordpress
  • Jekyll
  • AWS alapismeretek
  • Alapvető hálózati ismeretek

Megjegyzés: Az biztos, hogy a weben található robbanó információk további tanulnivalókkal bombáztak. Az öt hónap alatt egyszer felvettem a listára a Node.js, React.js, PHP és egyebeket. A fenti feladatok voltak azok, amelyeket végül ténylegesen elvégeztem.

A terv betartása érdekében 48 órás / heti munka célt tűztem ki magam elé. Ez azt jelentette, hogy napi nyolc órát kellett dolgoznom, és egy hét alatt csak egy szabadnapot kellett dolgoznom. A Toggl segített nyomon követni a teljesítményemet.

Ezenkívül hosszú távú célt -> havi cél -> heti menetrend -> adott esetben napirendi módszert is alkalmaztam a tanulási ütemterv elkészítéséhez, és Asana volt a legjobb asszisztensem ezeknek a feladatoknak a kezelésében.

Hol lehet tanulni

Sok platformon, oktatóanyagban vagy cikkben próbáltam tanulni. Az alábbiakban felsoroljuk az erőforrásokat és a gondolataikat mindegyikükhöz:

Tanulási platformok

Akkor utáltam azokat az oktatóanyagokat, amelyek olyan kódsorokat mutattak nekem, amelyekről fogalmam sem volt, hogy mit kezdjek. Néhányan azt feltételezték, hogy ismerem minden részletét, vagy azt mondták, hogy egyelőre ne vegyem figyelembe. Kérem, valóban nem értettem a képernyőn látható kódsorokat sem, mert TELJES KEZDŐ voltam .

Az ilyen jellegű előadások fájdalmat okoztak nekem, és lenézték magam. Általában nincs tökéletes platform mindent megtanulni. Próbáltam a lehető legrugalmasabb lenni, ugrálva mindegyik között.

  • Codecademy-Sokan ajánlották, de akkoriban nagyon elkeserítettem a bemutatóit. A gyakorlatban mindig nyomok nélkül ragadtam.
  • KódIskola-Sok időt töltöttem itt, mert a tanárok világosan elmagyarázzák a miérteket. Ajánlott.
  • Faház -A legtöbb hirdetést a Youtube-on! A Treehouse nagyszerű munkát végzett a marketing terén, ami működik (legalábbis nekem akkoriban elveszett kezdőként). Olyan sok témát ölel fel, amelyek közül néhány nagyon hasznos volt számomra. Például nehéz megtalálni egy tisztességes oktatóanyagot a Wordpress-ről a front-end fejlesztői hallgatók számára, de a Treehouse rendelkezik ilyennel.
  • freeCodeCamp - Hatalmas szeretet a freeCodeCamp iránt! Ennek a közösségnek világos útja van a kezdők számára, és követni tudja, mikor kell levenni az edzőkerekeket a diákoktól. Egyszer aggódtam, hogy mi legyen a következő lépés az alapvető HTML, CSS és JavaScript megtanulása után, de a freeCodeCamp a kis projekteket a tanulási pálya megfelelő pontjaira helyezte. A közösség nagyszerű bejegyzéseket is megoszt a Mediumon és e-mailben. Nagyon ajánlott!

Youtube Channel

Ez a legjobb hely, ahol ingyen vagy szórakozásból lehet tanulni. A Youtube videók nemcsak arra szolgálnak, hogy bizonyos témákat alaposan megtanuljanak a lejátszási listákból, hanem hasznosak arra is, hogy belekóstoljon néhány érdekes tudásba.

  • A kódoló vonat - a NYU ITP professzora, Daniel Shiffman házigazdája, aki a legerőteljesebb tanár, akit valaha láttam, a csatorna könnyen követhető videókat kínál.
  • thenewboston - Szinte minden olyan témát lefed, amire csak gondolni tudok. A műsorvezető, Bucky képes arra, hogy a megfélemlítő dolgok könnyen hangzanak.
  • Academind - Mindenféle oktatóanyagot is kínál. Könnyen követhető. Ajánlott.
  • Fun Fun Function - A műsorvezető Mattias Petter Johansson egy olyan fejlesztő, aki korábban a Spotify-ban és a Blackberry-ben dolgozott. Csatornája jó hely a JavaScript egyszerű megtanulásához.
  • Linux Akadémia- Itt tanultam meg néhány alapvető tudást az AWS-ről. Tetszett!
  • Computerphile - Az itt található videók a számítógépes dolgokról szólnak. Érdekes tudni, de valószínűleg soha nem fogom igazán megérteni, miről beszélnek.
  • Eli, a számítógépes srác - Itt tanultam ismereteket a hálózatról vagy a szerverekről.
  • mycodeschool - A legjobb barátom, miközben a CS50-et vettem. Világosan megmagyarázza az informatikai dolgokat. Nagyon tetszett.

Olvasandó cikkek

Az olvasások tökéletes közeget jelentenek számomra az életutak témáihoz vagy inspirációhoz. Nagy cikkek pumpáltak rám, amikor az öt hónap alatt annyiszor csalódtam. Íme néhány legjobb életvezetésem:

  • Miért olyan rohadt nehéz megtanulni a kódolást?
  • 2 hónap alatt megtanultam kódolni, létrehozni egy webalkalmazást és elindítani a Product Hun-on
  • Miért tanultam teljes munkaidőben 8 hónapig egy Google-interjúhoz
  • Hogyan lehet hobbistól professzionális fejlesztővé válni
  • Tanuljon meg kódolni 2017-ben, alkalmazzon és szórakozzon
  • Végső útmutató a teljes verem webfejlesztés elsajátításához 6 hónap alatt, 30 dollárért

Egyéb hasznos források

  • JavaScript: A furcsa részek megértése - Nagy Udemy tanfolyam, amely tisztázza számomra a JavaScript sok zavaros részét. Nagyon ajánlott.
  • CS50 a Harvardon - tudtam, hogy a számítástechnikai ismeretek nem feltétlenül szükséges ismeretek a junior front-end fejlesztői munkára való jelentkezéshez, de nem tudtam ellenállni a kísértésnek, hogy részt vegyek ezen a tanfolyamon, mert nagyon érdekesnek tűnt! Megérte a drága időmet utólag.
  • NYMY - 1. rész - Pieter szintek- A NYMY egy podcast show, amelyet Tobias van Schneider tehetséges tervező vezet. Ebben az epizódban interjút készített a NomadList Pieter Levels készítőjével. Többször hallgattam Pieter történetét, amikor lent voltam. Ez az egy órás műsor végtelen lehetőségekkel ismertetett meg, hogy kódoló / tervező lehetek.

Hogyan lehet munkát szerezni

Körülbelül 4 hónapos non-stop kódolás és tervezés után végül tudtam egy kicsit a kezelőfelületről. Portfólióhelyem majdnem 80% -át befejeztem. Ugyanakkor a megmaradt megtakarításom csak arra volt elegendő, hogy még pár hónapig megélhessem.

Ideje volt új munkahelyet keresni.

Sajnos alig volt választásom egyáltalán. Nem sok vállalat keresett olyan férfit, akinek nem volt relatív fejlesztési tapasztalata / háttere, és még kevesebben értékelték grafikai tervezési képességeim értékét. Szomorú volt az is, hogy ötnél kevesebb munkalehetőségem volt, amely számomra alkalmas lehet. A jó oldalon a helyzet arra kényszerített, hogy ezekre az értékes esélyekre összpontosítsak.

Legalább három éve figyeltem a Tenten tervezőirodát. Ez az egyetlen ügynökség, amely képes Tajvanon egyszerre hasznosítani a formatervezést, a digitális fejlesztést és az innovációt. Régóta szerepelnek a „kérem, alkalmazzon” listámon, és úgy gondoltam, hogy a Tenten az egyetlen cég, amelyet a multidiszciplináris képességeim mellett is eladnának.

Utam utolsó két hónapjában a lehető legtöbbet megtudtam Tenten junior front-end fejlesztői pozíciójáról. Közben elkészítettem a személyes oldalamat. Amikor megérett az idő, jelentkeztem a pozícióra. Biztonsági tervként elküldtem az önéletrajzomat és a portfóliómat más öt vállalatnak is. És vártam.

És végül…

Visszatekintve

Visszatekintve még mindig nem mondanám, hogy könnyű volt átalakítani magam tervezőből fejlesztővé, de ez sem volt olyan nehéz, mint gondoltam. A folyamat legnehezebb része soha nem volt a kód megértése vagy megírása, hanem az az erőteljes motiváció, amely előre hajt.

Gratulálunk, ha megtalálta ezt a motivációt. Ha még nem tette meg, próbálja ki még egyszer, mielőtt abbahagyná. Ha soha nem próbálod meg sosem fogod megtudni.

A legfontosabb tanulság, amit útközben megtanultam, az volt, hogy minél hamarabb elkezdjek valamit csinálni. Tudom, hogy félelmetes megtenni az első lépést a tényleges felépítéssel, de csak így lehet valóban megtanulni valamit. Ne feledje, amúgy nincs vesztenivalója.

A napok és a nehézségek, miután hivatalosan fejlesztővé váltak, egy másik történet.

Nagyon örülök, hogy már 6 hónapja front-end fejlesztő vagyok a Tentennél. A tanulás útja soha nem ér véget!

中文 版 連結 (kínai változat) / Olvasson tovább munkámról a vinceshao.com oldalon