Hogyan jutottam el egy React fejlesztői munkához a # 100DaysOfCode kihívás során

Háttér

Főiskola óta a kódolás olyan dolog volt, amit szerettem volna megtanulni, de úgy éreztem, nem vagyok elég okos ahhoz. Amikor hibával vagy problémával szembesültem, egyszerűen abbahagytam és azt gondoltam, hogy a kódolás nem nekem való.

Annak ellenére, hogy az egyetemen átmentem a cs101-en, úgy éreztem, még mindig nem tudom, hogyan kell kódolni. 2016-ban a Ruby on Railsszel játszottam, de ismét felhagytam vele, mert nem haladtam előre. Most visszatekintve, egyenesen a full-stack keretrendszerbe menni nem volt bölcs döntés.

Úgy döntöttem, hogy vállalom a # 100DaysOfCode kihívást, mert megbántam, hogy nem tudom, hogyan kell kódolni. Amikor olvastam egy bejegyzést valakiről, aki a kódolás elsajátításától kapott munkát, ugyanezt akartam csinálni. Olvastam a # 100DaysOfCode Challenge-ről egy freeCodeCamp bejegyzésből a Mediumon, és úgy döntöttem, hogy megteszem. A legrosszabb a legrosszabb, csak 100 napot fogok pazarolni a # 100DaysOfCode Challenge-re - indokoltam. Ezúttal azonban legalább 100 napig nem akartam leszokni.

Az első tervem az volt, hogy 100 napig próbálkozom. A végeredmény sokkal jobb volt, mint azt elképzeltem. Most már biztos vagyok benne, hogy bármilyen technológiát vagy nyelvet megtanulhatok.

Emellett 31 éves vagyok, és nemrég volt a második gyerekem.

Itt vagyok én, a lányom és a duci fiam.

Cél

Kódoljon legalább 1 órát minden nap. (Igen, ennyi! Legyen egyszerű.)

Teljesítmények a kihívásom alatt

A következőket teljesítettem a # 100DaysOfCode Challenge alatt:

· Megkapta a freeCodeCamp kezelőfelület tanúsítványomat

· 34 blogbejegyzést írtam a blogomra

· 15 GitHub csillagot kapott a GitHub-on

· Az 5. helyen végzett a Codewars.com webhelyen a Codewar profilommal

· 2 állásajánlat érkezett

A kódolási idővonalam

· 1.-30. Nap oktatóanyagokat dolgoztam és könyveket olvastam

· 36. nap befejeztem az freeCampCode front-end tanúsítványt

· 45. nap befejeztem a React Markdown alkalmazást

· 48. nap befejeztem a React + Redux Recipe + Box alkalmazást

· 50–60. Nap a D3-mal játszottam

· 60–75. Nap létrehoztam sablonokat HTML / CSS, Gulp és weboptimalizáláshoz

· 83. nap befejeztem a Netflix klónomat

· 85–95. Nap felkészültem az állásinterjúimra

· 97. nap megkaptam az első állásajánlatomat

Technológiák, amelyekkel találkoztam

· HTML, CSS, ES5, ES6, SCSS, Gulp, React, Vue, D3

A napi kódolási ütemezésem

· Mindennap kb. 2–4 órát gyakoroltam a kódolást.

· Megtudtam, hogy 4 órás kódolás után az agyam már nem tud olyan jól fókuszálni.

· Szabadidőmben YouTube-videókat néztem, közepes bejegyzéseket olvastam, vagy podcastokat hallgattam a kódolásról.

· Naplót vezettem a nyilvántartásom nyomon követése érdekében, hogy visszatekinthessek a fejlődésemre. (A naplóm megtekintéséhez kattintson ide.)

Hackek

Szűkítse a tanulmányi területét

A kihívás elején a Ruby on Rails-t és a JavaScript-et tanultam. Hamarosan rájöttem, hogy mind a front-end, mind a back-end programozás megtanulása 100 nap alatt nem megvalósítható. Ezért úgy döntöttem, hogy csak a kezelőfelületre koncentrálok. Jobb egy dologban jónak lenni, mint semmiben sem.

Tegye vonzóvá GitHub-projektjét

Már órákat tölt el mellékprojektjeivel, ezért töltsön még néhány percet a GitHub readme fájljának megírásával. Dolgoztam a projektjeim GitHub readme fájlján, hogy megbizonyosodjak arról, hogy jól néznek ki. Mindig felvettem a felhasználói történeteket, a videók áttekintését és a bemutató linkeket, hogy a nézőim könnyebben el tudjanak navigálni és megértsék, miről szól a repóm. Kattintson ide a GitHub megtekintéséhez.

Itt van az egyik GitHub repóm egy projekthez.

Így néz ki egy normál GitHub.

Ossza meg projektjeit a közösségi médiában

Ezt két okból szeretné megtenni. Először is szeretne visszajelzést kapni a projektjeiről, hogy javítsa azokat. Másodszor, meg akarja szerezni az expozíciót. A kódolási kihívás során megosztottam projektjeimet a helyi front-end Facebook csoportjaimon (amelyek Kaohsiung frontend fejlesztői és Taiwan Frontend Developer voltak). Egy-két hónap múlva, amikor megosztottam projektjeimet a közösségi médiában, amikor részt vettem a helyi kódolási találkozókon, az emberek felismertek és elmondták, hogy online látták a munkámat. Továbbá a 4 interjúból 3-ban az interjúztatók már látták a munkámat.

Ne küldjön be hagyományos önéletrajzot

Úgy döntöttem, hogy az önéletrajzom másképp néz ki. Az önéletrajzom vizuálisabb és könnyebben olvasható, mint a hagyományos egyoldalas önéletrajzhoz képest. Arra gondoltam, hogy kiemelnem kell az önéletrajzomat, hogy versenyezhessek tapasztaltabb fejlesztőkkel. Ez a stratégia elég jól sikerült.

Itt egy hagyományos önéletrajz.

Itt az önéletrajzom.

Utolsó szavak

Tedd szokássá a kódolást

A mindennapos kódolás hatékonyabb, mint az egyszeri kódolás. A legjobb példa erre Jennifer Dewalt, aki 180 nap alatt 180 weboldalt készített. Biztos vagyok benne, hogy nincs gondja fejlesztőként munkát találni. Továbbá, amikor a kódolást a napi rutin részévé teszi, lendületet épít. Végül a kódolás könnyebbé válik.

Piacon magát

Vegyen részt a helyi találkozócsoportokban kódolás céljából, legyen aktív a közösségi médiában, és ossza meg projektjeit különböző kódolási fórumokon vagy csoportokban. Próbáljon minél több GitHub csillagot szerezni. A kihívásom végén körülbelül 30 GitHub követő és 15 GitHub csillag szereztem.

Ne hagyja abba

Csak tovább kódolj. Ha kitartasz, akkor végül az „aha” pillanatod lesz, és ígérem neked, a dolgok ezután könnyebbé válnak.

Remélhetőleg ez a bejegyzés segített Önnek. A legjobbakat kívánom a fejlesztővé válás érdekében! # 100DaysOfCode Challenge.

Ha érdekel a front-end fejlesztés elsajátítása, itt vannak a dicséretes tanfolyamaim:

[Kezdő] CSS: Készítsen érzékeny valós világú weboldalakat HTML5 és CSS3 segítségével (// bit.ly/beginnercss)

[Haladó] Haladó CSS ​​és Sass: Vigye a CSS-t a következő szintre (//bit.ly/advancedcss)

[Minden szint] Modern JavaScript a kezdetektől (//bit.ly/modernjavascript)

[Haladó] JavaScript: A furcsa részek megértése (//bit.ly/weirdpartsjs)

Csak Udemy 10 $ kedvezmény - MINDEN TANFOLYAM ALKALMAZHATÓ: (//bit.ly/udemy10limited)

** Először kattintson a kedvezményre, majd kattintson az ajánlott tanfolyamra a kedvezményért **