tiettyjen taitojen kysyntä kasvaa.

taidot, jotka voivat lähes taata työpaikkasi ja mahdollisuutesi vuosiksi ja vuosikymmeniksi eteenpäin.

yksi näistä taidoista on verkkokehitys.

Oletko miettinyt, miten tulla web-kehittäjäksi?

toisin kuin yleisesti luullaan, et tarvitse hienoa tietojenkäsittelytieteen kandidaatin tutkintoa tullaksesi web-kehittäjäksi ja luodaksesi toimivan verkkosivuston.

itse asiassa, jos noudatat tämän artikkelin ohjeita, voit tulla web-kehittäjäksi paljon nopeammin kuin uskotkaan (mutta se vaatii silti kovaa työtä!).

valmis? Aloitetaan perusasioista:

mikä/kuka on Web-kehittäjä

tässä yksinkertainen vastaus tähän kysymykseen: he rakentavat ja ylläpitävät verkkosivuja.

toisin sanoen – ne kirjaimellisesti luovat sen, miten verkon kokee. Sivustot, jotka haluavat käyttäjien nauttivan kokemuksestaan, tarvitsevat suuria web-kehittäjiä-ja he ovat yleensä valmiita haarukoimaan joitakin vakavia rahoja saadakseen nämä suuret web-kehittäjät.

vastuu web-kehittäjästä:

1. kirjoittaa verkkosivuja merkintäkielten yhdistelmällä.
2. Luo laadukkaita mallikuvia ja prototyyppejä.
3. Rakenna WordPress-sivusto tyhjästä.
4. ymmärtää HTML: ää ja CMS: ää.
5. ymmärtää käyttöliittymää, UX: ää ja oppimisen käytettävyyttä.
6. kehittää toimivia ja houkuttelevia verkkosivustoja ja verkkopohjaisia sovelluksia.
7. tarjoa verkkosivujen ylläpitoa ja parannuksia.

nämä ovat yleisimmät vaatimukset, mutta vastuut ja tehtävät vaihtelevat web-kehityskeikan ja web-kehitys erikoisalasi mukaan.

puhuttaessa web-kehityksen erikoisuuksista, on kolme, joista sinun tulisi olla tietoinen:

1. Frontend development: ”frontend” tarkoittaa ”tavaraa” verkkosivustolla, jonka näet ja jonka kanssa olet vuorovaikutuksessa, esim.valikot, pudotukset jne.
2. Backend development: ”backend” on kuin jäävuoren osa pinnan alla. Ilman sitä sivusto ei voi toimia. Backend käsittelee palvelimia, sovelluksia, tietokantoja jne.
3. Full-stack development: tämä on sekä backendin että frontendin kehityksen yhdistelmä.

miksi sinun pitäisi ryhtyä Web-kehittäjäksi?

Web development on ala, joka ei kuole vähään aikaan.

itse asiassa US Bureau of Labor Statistics on ennustanut 13%: n kasvua käytettävissä web development työpaikkoja vuoteen 2028.

Yksinkertaisesti sanottuna – jos voit kehittää tätä taitoa, sinun ei ole vaikea löytää työtä lähitulevaisuudessa.

tässä on viisi suurta etua/hyötyä web-kehittäjänä olemisesta:

1. voit työskennellä etänä. Oletko koskaan miettinyt, millaista olisi työskennellä missä päin maailmaa tahansa, omalla ajallasi? Web-kehittäjänä sinulla on paljon mahdollisuuksia työskennellä etänä. Ehkä voit vihdoin toteuttaa unelmasi matkustaa ympäri maailmaa ja säästää samalla rahaa.
2. voit käyttää taitojasi omien verkkosivustojen ja verkkosovellusten rakentamiseen. Haluatko tehdä kannattava sivusto tai sovellus? Tällä taidolla, sinun ei tarvitse maksaa ton rahaa saada se rakennettu. Sen voi rakentaa itse murto-osalla hinnasta.
3. voit työskennellä itsenäisesti. Sinun ei tarvitse enää työskennellä pomon sateenvarjon alla, jos et halua. Voit freelance tai aloittaa oman yrityksen paljon helpommin, kun tiedät web development.
4. päästä kannattavalle teknologiateollisuudelle. Web-kehitys on periaatteessa lippusi teknologiateollisuuteen. Useimmat tech startups on jonkin verran tarvetta web-kehittäjät, joten tämä voi olla tapa saada jalka oven.
5. you can build awesome stuff! Hauskaa on, että voit olla niin luova kuin haluat. Sen sijaan, että katselisit verkkosivustoja ja ajattelisit: ”Vau, tuo näyttää mahtavalta. Toivon, että voisin luoda jotain sellaista, ” voit nyt luoda ikioma mahtava näköinen verkkosivuilla.

Mitä mieltä olet? Saako tämä kaikki sinut innostumaan ajatuksesta ryhtyä web-kehittäjäksi? Jos näin on, olet oikeassa paikassa – koska olet oppimassa vaiheet, jotka sinun on otettava tullaksesi sellaiseksi!

Kuinka tulla Web-kehittäjäksi

Opi HTML: n, CSS: n ja JavaScriptin perusteet

nämä ovat kaiken verkkosivujen kehittämisen muttereita ja pultteja, joiden parissa työskentelet päivittäin, jos päätät rakentaa verkkosivustoja työksesi.

• HTML sanelee rakenteen
• CSS saa sen näyttämään nätiltä
• Javascript saa sen toimimaan

keskustellaan jokaisesta näistä ja miten niitä voi oppia.

HTML

HTML tulee sanoista Hypertext Markup Language. Se on yksi tärkeimmistä ainesosista tahansa verkkosivuilla ja yksi ns frontend kielet.

lyhyesti – se tarjoaa verkkosivuston perusrakenteen, pääasiassa useiden tägien kautta.

tagi on HTML-koodi, joka ohjaa HTML-dokumentin sisällön ulkonäköä.

Tässä muutamia yleisiä HTML – tunnisteita, joihin kannattaa tutustua:

• <HTML></HTML> näkyy HTML-dokumentin alussa ja lopussa. Se osoittaa, että asiakirja on kirjoitettu HTML5-kielellä.
• <title></title> – otsikko on sivun otsikko. Tästä on hyötyä sekä hakukoneille (kun ne skannaavat ja indeksoivat sivuja) että käyttäjille (se näkyy selaimen otsikkopalkissa) ilmoittamalla erikseen kunkin sivun ensisijainen aihe
• <head></head> – tämä sisältää tietoa tietystä sivusta, mukaan lukien otsikkotunnisteet, metatiedot sekä linkit skripteihin ja tyylilehtiin.
• <body></body> – Tämä sisältää kaiken käyttäjille näytettävän sisällön, mukaan lukien kaiken mitä he näkevät ja lukevat.

Huom: kaikki tagit alkavat kuten ”<body>” ja päättyvät kuten ”</body>”. ”/”Tarkoittaa, että kyseinen merkintä ei ole enää käytössä jälkeenpäin. On tärkeää laittaa loppulappu. Muussa tapauksessa koko asiakirja käyttää kyseistä tunnistetta.

tässä muutamia resursseja HTML: n oppimiseen:

• HTML Beginner ’ s Guide
• HTML Cheat Sheet

CSS

CSS tulee sanoista Cascading Style Sheets.

se asettaa tyylin HTML-rakenteen taakse. Periaatteessa ilman CSS: ää, HTML: ää ja sitä kautta koko web-sivu näyttäisi tylsältä.

näin ne yhdistyvät: HTML-koodin sisällä viitataan CSS-tyyliseen taulukkoon.

tässä esimerkki siitä, miltä CSS näyttää toiminnassa:

}#top-header a,#top-header a { color: #fff;}#top-header,#et-secondary-nav { -webkit-transition: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -moz-transitions: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -transistion: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out;}#top-header .container { padding-top: 0.75em; font weight: 600;}

tässä on suuri resurssi css: n oppimiseen: CSS Cheat Sheet

Javascript

Javascript on ohjelmointikieli, jolla voi toteuttaa elementtejä verkkosivuille. Se valtuuttaa ominaisuuksia, kuten interaktiivisia karttoja, 2D / 3D-grafiikkaa ja paljon muuta.

tässä on loistava resurssi JavaScriptin oppimiseen: Javascript Cheat Sheet

Opettele WordPressin perusteet

tullaksesi web-kehittäjäksi, sinun on tutustuttava WordPressiin. Loppujen lopuksi-63% kaikista verkkosivustoista on powered by tämä ilmainen, avoimen lähdekoodin ohjelmisto, jonka voit asentaa periaatteessa mihin tahansa web-isäntä.

kun olet perustanut WordPress-sivuston, asiakkaasi on melko helppo lisätä sisältöä itse (vaikka heillä ei olisikaan web-kehityskokemusta).

tällä sivustolla on runsaasti WordPress-oppaita. Katso alla olevista linkeistä:

• miten tehdä WordPress-sivusto
• miten tehdä WordPress-blogi
• miten muokata WordPress

Tutustu käyttöliittymään ja UX: ään

UI (käyttöliittymä) ja UX (käyttäjäkokemus) ovat käyttäjäkokemuksen suunnittelun perusasioita.

useimmat kehittäjät eivät ole suunnittelun asiantuntijoita – nämä ovat kaksi eri maailmaa. Sinun ei tarvitse olla design rockstar.

on silti tärkeää huomata, että opettelemalla käyttäjäkokemuksen suunnittelun perusteet, voit paremmin ymmärtää, miten sivuston on tarkoitus toimia. Tämä pitää enemmän käyttäjiä sivustolla, auttaa heitä löytämään mitä he etsivät, ja lopulta viettää enemmän rahaa, että sivusto.

suunnittelutaitojen rakennusosien opettelemiseksi suosittelemme Adobe Creative Suiten opettelua. Photoshop pitäisi olla ensimmäinen asia sukeltaa, koska se on go-to vakavin suunnittelijat. Jos et pidä Adobesta, voit myös sukeltaa Sketchiin, joka on nouseva tähti suunnittelijoiden keskuudessa.

tässä on resursseja UI: n ja UX: n ymmärtämiseen ja oppimiseen:

• UX: n ja UI Designin ero-Maallikon opas
• Treehouse ja Lynda tarjoavat erinomaisia alkeiskursseja sekä Photoshopissa että yleisissä suunnittelukonsepteissa

Opi SQL: ää ja PHP: tä (valinnainen)

niputamme nämä kaksi yhteen, koska ne ovat kuin saman kolikon kaksi puolta.

SQL on tietokantatekniikka (katso SQL-lunttilappu), joka tallentaa tietoa. PHP on ’scripting’ kieli, joka paikkaa tai vetää tavaraa tietokannasta (katso PHP lunttilappu).

ajattele esimerkiksi WordPressiä.

se käyttää MySQL: ää tietojen (blogikirjoitukset, sivun sisältö, kommentit, käyttäjätiedot jne.) tietokannassa ”taulussa”. PHP on mitä tekee WordPress verkkosivuilla dynaaminen, vuorovaikutuksessa kaikkien näiden eri elementtien ja asianmukaisesti päivittää tietokantaan kuin mennä.

lisätietoja siitä, miten SQL ja PHP toimivat yhdessä, voi auttaa sinua hallitsemaan WordPress-sivuston kehitystä, jota kirjaimellisesti sadat (ellei tuhannet) ihmiset etsivät päivittäin työ-ja projektitauluilta ympäri Internetiä.

lisäresurssit PHP: n ja SQL: n oppimiseen:

• SQL-kurssi
• TutorialsPoint (PHP)

se ei ole helppoa. Et hallitse näitä kaikkia viikossa tai kahdessa. Mutta ajan myötä tutustuminen ja sitten hyvä näissä taidoissa tarkoittaa, että sinulla on aina kannattava ura edessäsi.

Opi hakukoneoptimoinnin perusteet

SEO tarkoittaa hakukoneoptimointia. Tämä viittaa prosessi parantaa sivuston rankingissa hakukoneen kuten Google. Se on yksi verkkokaupan tärkeimmistä taidoista.

saatat ajatella, ”Jos olen Kehittäjä, miksi minun täytyy huolehtia siitä, kuinka hyvin sivusto sijoittuu hakukoneisiin? Eikö se ole bloggaajien ja sisällöntuottajien tehtävä?”

no kyllä, suuri osa verkkosivuston hakukoneoptimoinnista liittyy sisältöön. Mutta todellinen rakenne ja koodi verkkosivuilla on merkitystä sekä.

esimerkiksi otsikkotunnisteet (HTML) ovat erittäin tärkeitä hakukoneoptimoinnissa. He kertovat hakukoneille, mikä on todella tärkeää sivustolla.

Now, do you need to be a SEO expert? Ehdottomasti ei. Mutta sinun pitäisi oppia perusteet SEO, ja pitää SEO mielessä, kun luot kunkin sivuston. Näin, voit antaa sivuston paljon suurempi mahdollisuus menestyä, ja tehdä web development asiakas, että paljon onnellisempi.

tässä muutama SEO-vinkki web-kehittäjille:

• optimoi metatunnisteet. Hakusivulla meta-tunniste kertoo selaimille, mistä sivustossasi on kyse – mitä parempi se on, sitä todennäköisemmin ne klikkaavat sivuston läpi.
• varmista, että suuntamerkkisi ovat tietyssä järjestyksessä. H1 pitäisi olla pääotsikko, ja sitten pitäisi laskeutua alemman tason otsikot läpi sivun (eli, H2, H3, H4, ja niin edelleen). Tämä helpottaa hakukoneiden navigointia sivustolla.
• varmista, että nimilappusi kuvaa verkkosivua oikein. Otsikon pitäisi korostaa, mistä sivulla on kyse.

tässä on resursseja hakukoneoptimoinnin perusteiden oppimiseen:

• Aloittelijan opas SEO
• miten oppia SEO: 10 parhaista resursseista kirjanmerkiksi
• miten lisätä Verkkosivuliikennettä

omistaa vähintään 3-5 tuntia lukemiseen resurssien kautta ja perusasioiden opetteluun. Tämä valmistaa sinua kehittämään sivustoja SEO mielessä.

varmista, että sivustosi reagoi

, kun luot omaa verkkosivustoasi (mikä on hyvä idea, jos haluat saada lisää asiakkaita) – varmista, että sivustosi reagoi.

responsiivinen tarkoittaa, että verkkosivuston elementit säätyvät näytön koon mukaan. Tämä tarkoittaa, että sivustosi näyttää hyvältä riippumatta siitä, onko kävijä kannettavan tietokoneen tai mobiililaitteen.

vuonna 2018 responsiivinen muotoilu oli ratkaisevaa. Kaikki asiakkaasi odottavat sitä-näytä esimerkkiä ja varmista, että sivustosi on reagoiva.

***

Okei, joten kun käy nämä 6 vaihetta läpi, saa peruskäsityksen Webin kehityksestä. Osaat tehdä sen (ainakin perustasolla).

ota aikaa näillä askelmerkeillä – verkkokehittäjien kysyntä ei laske ihan lähiaikoina, joten aikaa on opetella.

mutta tässä on iso kysymys: kun tuntuu, että on se perusymmärrys alhaalla, miten oikeasti löytää web-kehitysasiakkaita?

olet onnessa – siitä puhutaan seuraavaksi!

Miten löytää ensimmäinen Web Development Client (tai ryhtyä freelanceriksi)

vain koska sinulla on taito ei tarkoita, että ihmiset vain haarukoisivat rahaa sinulle. Sinun pitää tehdä vähän töitä ja myydä itseäsi. Sinun täytyy myös laittaa itsesi oikeisiin paikkoihin saada mahdollisuuksia.

nyt web-kehittäjänä sinulla on kaksi vaihtoehtoa. Voit 1) yrittää laskeutua kokopäiväinen, paikan päällä työtä yrityksen tai 2) mennä reitin freelancing, ja etsiä verkossa keikkoja.

suosittelemme freelancerina toimimista. Vaikka sillä ei ole varaa samaan takuupalkkaan kuin kokopäivätyöllä, on 3 valtavaa hyötyä:

• vapaus: ei enää kelloja sisään ja ulos. Saatat silti työskennellä samat tunnit (tai enemmän), mutta aikataulu, sijainti, ja elinolosuhteet ovat täysin sinusta kiinni. (Plus-ei työmatkoja, mikä säästää tunteja joka viikko!)
• Raha: kun sinusta tulee hyvä freelancer, sinulla on parempi mahdollisuus tehdä enemmän rahaa (kuin odottaa vaivaista 3% korotusta joka vuosi).
• Prestige: ajan myötä sinulla on mahdollisuus rakentaa oma henkilökohtainen työsi ja brändisi siihen pisteeseen, että lopulta takaat tasaisen tulvan uusia asiakkaita (ilman että sinun tarvitsee edes etsiä heitä!).

seuraavassa jaksossa keskitytään siihen, miten saa ensimmäisen freelancerikeikkansa web-kehittäjänä.

Get on Job Boards

useimmat freelancerit iskivät job boardeihin löytääkseen ensimmäiset web development-keikkansa. Ne voivat olla hyvä kerätä kokemusta, mutta et luultavasti halua käyttää niitä pitkän aikavälin strategia.

asiakkaiden laatu voi olla hyvin hitti tai huti. Jotkut voivat olla hyviä. Toiset vähemmän …

monesti ne houkuttelevat palkkaamiseen kokemattomia ihmisiä, mikä voi aiheuttaa paljon ongelmia, kun heidän kanssaan yrittää tehdä töitä. Aika usein myös työpaikkalautakunnat houkuttelevat ihmisiä epärealistisilla aikatauluilla ja budjeteilla.

liika luottaminen työpaikkatauluihin (liian pitkään) ei anna mahdollisuutta (tai vapaa-aikaa) lähteä rakentamaan omaa brändiä. Kiinnittämällä ’saapuvan’ huomiota työhösi saat lopulta parhaat (ja korkeimmin maksavat) asiakkaat päivän päätteeksi.

mutta kuten sanoimme, ei ole huono vaihtoehto aloittaa ja hankkia kokemusta.

ymmärrä vain, että jokainen keikka, jonka saat työlautakunnalle (vaikka siitä ei välttämättä saa kovin hyvää palkkaa), auttaa sinua saamaan kokemusta ja saamaan lisää tulevaa työtä.

työtauluilla on myös melko helppo päästä alkuun…

alla on kuva Pikahaun tuloksista Upworkissa:

(kuten näet, web-kehittäjille on paljon työmahdollisuuksia!)

Tässä muutamia työtauluja, joista löydät web development keikkoja:

• PeoplePerHour.com
• Codeable.io (WordPress)
• TopTal.com (WordPress)
• UpWork.com

Kootkaa Portfoliosivusto

, jotta asiakkaita olisi helppo saada lisää (ja jotta asiakkaat löytäisivät sinut), kannattaa luoda portfoliosivusto. Täällä voit keuliminen uusimmat projektit, näyttää suosittelut onnellinen asiakkaita, tarjota potentiaalisille asiakkaille helppo tapa ottaa sinuun yhteyttä, ja myös keuliminen web-kehitysominaisuudet.

Tässä muutamia vinkkejä web development portfolio-sivuston luomiseen:

• käytä entisten ja nykyisten asiakkaiden suositteluja. Tämä vakuuttaa vierailijat siitä, että teet hienoa työtä ja että toiset olivat iloisia voidessaan työskennellä kanssasi. (Tee tavaksi kysyä suosittelut aina kun lopetat projektin.)
• valaa persoonallisuuttasi. Mitä hienoa on työskennellä kanssasi, ja mikä saa sinut erottumaan joukosta? Kun valaa persoonallisuutta portfolio sivuston, voit automaattisesti asettaa itsesi erilleen.
• sisältävät oikeat elementit. Nimesi, lyhyt versio tarinastasi siitä, miten / miksi sinusta tuli web-kehittäjä, yhteystietosi, tuore työsi ja taitosi.
• vastaa ”What’ s in it for me?” kysymys. Pohjimmiltaan, kerro heille tärkein hyöty työskennellä kanssasi, eli, mitä asiakkaat saavat työskentelystä kanssasi.

ennen kaikkea – kannattaa varmistaa, että portfoliosivusto näyttää mahtavalta! Haluat potentiaalisten asiakkaiden näkevän sen ja ajattelevan: ”Vau! Haluan jotain sellaista minun verkkosivuilla liian!”Siten he ovat paljon kiinnostuneempia työskentelemään kanssasi.

Tässä muutamia esimerkkejä upeista web developer portfolio-sivustoista, joita voi käyttää inspiraationa:

• MattFarley.ca
• Caferati.minä (puhuminen infusing persoonallisuus, tämä kehittäjä tekee sen iso tavalla hänen sivuston. Mene kotisivulle ja näet, mitä me tarkoitamme!)
• Pierre.io

tässä muutamia resursseja, joiden avulla voit rakentaa web development portfolio-sivustosi:

• miten luoda Portfolio-sivusto
• 10 vinkkiä Kehittäjäportfoliosi luomiseen

Aloita verkostoituminen

älä vain käytä kaikkea aikaasi nettityötaulujen etsimiseen. Jos haluaa saada hienoja mahdollisuuksia, pitää päästä myös tosimaailmaan.

ota asiaksesi osallistua vähintään 2-3 asiaan kuuluvaan verkostoitumistapahtumaan joka kuukausi. Olettaen asut tai tunnin tai kaksi suurkaupungissa, se ei pitäisi olla vaikea löytää tällaisia tapahtumia.

aloita etsimällä tapaamisia Meetup.com ja Eventbrite. Näillä kahdella alustalla yksin sinun pitäisi löytää tonnia merkityksellisiä tapahtumia.

tähtää tapahtumiin, jotka vetävät yrittäjiä puoleensa, sillä nämä ihmiset haluavat todennäköisimmin rakentaa uuden verkkosivuston. Kun yhdistät ja verkostoidut useampien näiden ihmisten kanssa (ja anna sen olla tiedossa, että olet web-kehittäjä), voit altistaa itsesi enemmän ja parempia keikkoja kuin ne, joita löydät job boards. Alat myös kasvattaa henkilöbrändiäsi.

tässä on toinen suuri resurssi, joka auttaa löytämään tapahtumia: Miten löytää verkostoitumistapahtumia, joihin kannattaa osallistua

kokopäiväisen Web-kehittäjän edut

puhuimme paljon freelanceroinnista web-kehittäjänä. Kokopäivätyössä yrityksessä on kuitenkin omat etunsa:

• työskentelet muiden kehittäjien kanssa – tämä antaa sinulle yhteisen kokemuksen edun, varsinkin jos olet täysin uusi. Työskentely muiden kanssa antaa heille mahdollisuuden jakaa kokemuksensa kanssasi, mikä on varsin arvokasta.
• Asiakastuki on järjestetty – kun on yrityksessä töissä, ei ole pakko työskennellä vaihteleviin vuorokaudenaikoihin. Tämä tarkoittaa, että yrityksen asiakkaat tietävät milloin ottaa yhteyttä ja odottaa työsi olevan valmis.
• paljon keskittyneempi työmäärä – useat freelancerit työskentelevät nykyään eri projekteissa yhtä aikaa. Tämä jakaa niiden painopiste, joka voi vaikuttaa yleiseen laatuun. Koska kokopäiväinen Kehittäjä, olet todennäköisesti työskennellä yhden projektin, joka vaatii täyden huomion.

johtopäätös

työmarkkinat kovenevat. Perinteisemmät työt loppuvat joka päivä. Miksi et siis opettelisi taitoa, joka pitää sinut työssä (ja mahdollisesti varakkaana) lähitulevaisuudessa?

se on web-kehityksen suuri etu. Suuri osa on – et tarvitse fancy kallis tutkinto päästä alalle. Yksinkertaisesti seuraamalla ohjeita olemme lueteltu täällä, voit aloittaa polun tulossa web-kehittäjä.

on myös paljon Integrated Development Environment (IDE) – ohjelmistovaihtoehtoja, jotka tekevät kehittäjän elämästä paljon helpompaa.

kertaamaan, tässä perusaskeleet verkkokehittäjäksi tulemiseen:

Opettele HTML: n, CSS: n ja JavaScriptin perusteet

käy läpi WordPress-Tutorials

Opettele UI: n ja UX: n perusteet

Opettele SQL: n ja PHP: n perusteet

Opettele SEO: n perusteet

varmista, että sivustosi on reagoiva

ja tässä ovat perusaskeleet ensimmäisen web-kehityskeikan löytämiseksi:

1. li> kokoa portfoliosivusto
2. aloita verkostoituminen

nyt on aika ryhtyä toimeen ja näyttää maailmalle, miten mahtava web-kehittäjä voit olla!