Kuinka aloitin React-kehittäjätyön # 100DaysOfCode -haasteeni aikana

Kaohsiung kaupunki - kotikaupunkini

Tausta

Yliopistosta lähtien koodaus oli jotain, jonka olisin halunnut oppia, mutta minusta tuntui, että en ollut tarpeeksi älykäs tekemään. Kun kohtasin virheen tai ongelman, lopetan vain ja luulin, että koodaus ei ollut minulle.

Vaikka ohitin cs101: n yliopistossa, tunsin, etten silti tiennyt kuinka koodata. Vuonna 2016 pelasin Ruby on Railsin kanssa, mutta luopui siitä jälleen, koska en ollut edistynyt. Nyt taaksepäin katsominen, siirtyminen suoraan täyspinoiseen kehykseen ei ollut viisas valinta.

Päätin ottaa vastaan ​​# 100DaysOfCode -haasteen, koska pahoittelen tietämättä kuinka koodata. Aina lukeessani viestiä henkilöstä, joka sai työpaikan oppia koodittamaan, halusin tehdä saman asian. Luin Mediumin freeCodeCamp-viestistä # 100DaysOfCode Challenge ja päätin tehdä sen. Pahempaa tulee pahimpaan tapaan, tuhlan vain 100 päivää # 100DaysOfCode -haasteeseen, perustelin. Tällä kertaa en kuitenkaan aikonut lopettaa vähintään 100 päivää.

Alkuperäinen suunnitelmani oli yrittää 100 päivää. Lopputulos oli paljon parempi kuin olin kuvitellut. Nyt olen varma, että voin oppia mitä tahansa tekniikkaa tai kieltä.

Olen myös 31-vuotias ja sain äskettäin toisen lapseni.

Tässä minä, tyttäreni ja pullea poikani.

Minä, tyttäreni ja pullea poikani.

tavoite

Koodi vähintään 1 tunti päivittäin. (Joo, siinä kaikki! Pidä se yksinkertaisena.)

Saavutukset haasteeni aikana

Suoritin seuraavan # 100DaysOfCode -haasteen aikana:

· Vastaanotin freeCodeCamp-käyttöliittymäsertifikaattini

· Kirjoittanut 34 blogin viestiä blogiini

· Saanut 15 GitHub-tähtiä GitHubiin

· 5. sija Codewars.com-sivustossa Codewar-profiilissani

· Saanut 2 työpaikkaa

Koodauksen aikajana

· Päivät 1–30 työskentelin tutoriaalien avulla ja luin kirjoja

· Päivä 36 Valmisin freeCampCode-käyttöliittymäsertifikaatin

· Päivä 45 Valmisin React Markdown -sovelluksen

· Päivä 48 valmisin React + Redux Reseppe + Box -sovellus

· Päivät 50–60 pelasin D3: n kanssa

· Päivät 60 - 75 luin malleja HTML / CSS-, Gulp- ja web-optimointiin

· Päivä 83 Valmisin Netflix-kloonini

· Päivät 85–95 valmistelin työhaastatteluihin

· Päivä 97 sain ensimmäisen työpakettini

Tapaamani tekniikat

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

Päivittäinen koodausaikataulu

· Harjoittelin koodausta noin 2–4 tuntia päivittäin.

· Sain tietää, että 4 tunnin koodauksen jälkeen aivoni eivät pysty enää tarkentamaan niin hyvin.

· Vapaa-ajallani katselin YouTube-videoita, luin Medium-viestejä tai kuuntelin koodausta koskevia podcasteja.

· Pidin lokia seuratakseni kirjaani, jotta voisin katsoa taaksepäin kehitykseeni. (Katso loki napsauttamalla tätä.)

hakata

Kapea opiskelualue

Haasteen alussa opiskelin Ruby on Railsia ja JavaScriptiä. Pian tajusin sekä etu- että taustaohjelmoinnin oppiminen 100 päivässä ei ole mahdollista. Joten päätin keskittyä vain käyttöliittymään. On parempi olla hyvä yhdestä asiasta kuin ei mitään.

Tee GitHub-projektistasi houkutteleva

Vietät jo tunteja työskentelemällä sivuprojekteissasi, joten vie vain muutama minuutti kirjoittamalla GitHub readme-tiedostoasi. Työskentelin GitHubin readme-tiedostoni projekteillani varmistaakseni, että ne näyttivät hyvältä. Mukana on aina käyttäjän tarinoita, videokuvauksia ja esittelylinkkejä, jotta katsojilleni on helpompi navigoida ja ymmärtää repoani. Napsauta tätä nähdäksesi GitHub.

Tässä on yksi GitHub-repo-projektistani.

Yksi Github Reposta.

Tässä on mitä normaali GitHub näyttää.

Joo, onnea saada ihmiset katsomaan koodiasi.

Jaa projektisi sosiaalisessa mediassa

Haluat tehdä tämän kahdesta syystä. Ensinnäkin haluat saada palautetta projekteistasi, jotta voit parantaa niitä. Toiseksi haluat saada altistumisen. Koodaushaasteen aikana jaoin projektini paikallisilla etuosa-Facebook-ryhmilläni (jotka olivat Kaohsiung-etuosakehittäjä ja Taiwan Frontend -kehittäjä). Kun kuukausi tai kaksi jaoin projektini sosiaalisessa mediassa, kun osallistuin paikallisiin koodausmeemet-tapahtumiin, ihmiset tunnistivat minut ja kertoivat näkevän työni verkossa. Lisäksi kolmessa neljästä haastattelustani haastattelijat olivat jo nähneet työni.

Älä lähetä perinteistä ansioluetteloa

Päätin saada jatkamiseni näyttämään erilaiselta. Ansioluetteloni on visuaalisempi ja helpompi lukea kuin perinteiseen yhden sivun ansioluetteloon verrattuna. Ajattelin, että minun täytyy tehdä jatkamiseni erottua, jotta voin kilpailla kokeneempien kehittäjien kanssa. Tämä strategia toimi melko hyvin.

Tässä on perinteinen jatkaminen.

Tylsää…

Tässä on jatkamiseni.

Se on kiinan kielellä, mutta tiedät mitä tarkoitan.

Viimeiset sanat

Tee koodauksesta tapana

Koodaus vähän joka päivä on tehokkaampaa kuin koodaus kerran kerrallaan. Paras esimerkki tästä on Jennifer Dewalt, joka loi 180 verkkosivustoa 180 päivässä. Olen varma, että hänellä ei ole ongelmia löytää työtä kehittäjänä. Lisäksi, kun teet koodauksen osaksi päivittäistä rutiiniasi, lisäät vauhtia. Lopulta koodaus helpottuu.

Markkinoi itseäsi

Osallistu paikallisiin meetup-ryhmiin koodausta varten, ole aktiivinen sosiaalisessa mediassa ja jaa projektisi erilaisilla koodausfoorumeilla tai ryhmillä. Yritä saada niin monta GitHub-tähteä kuin mahdollista. Haasteeni lopussa sain noin 30 GitHub-seuraajaa ja 15 GitHub-tähteä.

Älä lopeta

Pidä vain koodaus. Jos jatkat sinnikkäästi, sinulla on lopulta ”aha” -kohta ja lupaan sinulle, että asiat helpottuvat sen jälkeen.

Toivottavasti tämä viesti on auttanut sinua. Toivotan teille parasta pyrkimyksissänne tulla kehittäjäksi! # 100DaysOfCode Challenge.

Jos olet kiinnostunut oppimaan Front-end-kehitystä, tässä ovat suositellut kurssini:

[Aloittelija] CSS: Luo reagoivia reaalimaailman verkkosivustoja HTML5: n ja CSS3: n avulla (http://bit.ly/beginnercss)

[Advanced] Advanced CSS ja Sass: Vie CSS seuraavalle tasolle (http://bit.ly/advancedcss)

[Kaikki tasot] Moderni JavaScript alusta alkaen (http://bit.ly/modernjavascript)

[Advanced] JavaScript: Oudon osan ymmärtäminen (http://bit.ly/weirdpartsjs)

Vain Udemy 10 dollarilla alennus - KOKOkursseja sovelletaan: (http://bit.ly/udemy10limited)

** Napsauta ensin alennusta ja napsauta sitten suositeltua kurssia saadaksesi alennuksen **