Jos sinulla ei ole varaa sotkea valtavasti rahaa, mutta olet silti valmis käyttämään aikaa ja jonkin verran investointeja verkkokehityksen oppimiseen, sinun on omaksuttava epätavallisempi lähestymistapa.

Ensimmäiset asiat ensin: Sinun tulee olla utelias, kiinnostunut ja elinikäinen oppija.

Vaikka se ei ole lopullinen tai millään tavalla tyhjentävä, seuraava on luettelo resursseista, jotka auttavat sinua web-kehitysmatkallasi ehdottomasta aloittelijasta usean projektin saavuttajatasolle.

Tutustu tärkeisiin HTML- ja CSS-elementteihin

Verkkosivut koostuvat suurelta osin HTML- ja CSS-koodeista. Nämä kaksi ovat perusasioita. Tietenkin on olemassa muita kieliä, jotka tekevät asioista interaktiivisempia, tyyliteltympiä, animoituja, mukautuvampia ja/tai reagoivampia, kuten jQuery, Python, Ruby on Rails ja JavaScript. Ensinnäkin keskity HTML:ään ja CSS:ään. Nämä ovat asioita, joita tarvitset saadaksesi etumatkan verkkosivun luomiseen tyhjästä.

Anna molempien läpikäynti opetussivustojen avulla. Suurin osa on ilmaisia, osa maksullisia, mutta silti halvempaa kuin vuosien mittainen tutkinto, varsinkin jos siihen lisätään kahvila, olutviikonloput ja majoitusmaksut.

SitePoint

SitePointissa on ehdoton HTML- ja CSS-aloitusopas, joten tämä on hyvä paikka tutustua peruskäsitteisiin. Opit koodin lisäksi myös työkalut verkkosivuston rakentamiseen – tekstieditoreista selaimiin grafiikkaeditoreihin.

Kanava 9

Tämä on 21-jaksoinen oppituntisivu, joka opettaa verkkosivujen ja koodauksen perusteet. Ehdottomasti aloittelijoille suunnattu, valmistaudu käyttämään 6–48 minuuttia jaksoa kohden. Jos haluat siirtyä jaksoihin, joiden mielestä sinun on keskityttävä enemmän, oppitunnit ovat täysin ilmaisia ja niitä voi katsoa missä tahansa järjestyksessä ja milloin tahansa.

w3-resurssi

w3resource on kehittäjäyhteisön hyväksymä kattava resurssi kaikkeen verkkokehitykseen liittyvään. Se tarjoaa laajan pohjan verkkokehitysoppitunteja, ei vain HTML:n ja CSS:n. Sen oppimateriaalit on ryhmitelty toimintojen mukaan. Ensimmäinen luokka sisältää joukon kieliä, joita tarvitaan käyttöliittymän kehittämiseen, ja täältä löydät HTML:n ja CSS:n. Muita luokkia ovat kieliopetusohjelmat taustakehitykseen, tietokantojen hallintaan, tiedonvaihtoon ja API:ihin.

HTML koira

Vuonna 2003 perustettu HTML Dog on sivusto, jossa on HTML-, CSS- ja JavaScript-opetusohjelmia. Heidän tavoitteenaan on julkaista helposti sulavaa oppimateriaalia rohkaisemaan aloittelijoita ja koodaamisesta pelokkaita. Oppitunnit on jaettu useisiin lukuihin ja tasoihin aloittelijasta edistyneeseen, ja ne on edelleen jäsennelty sisällön mukaan, joka näyttää, mitä oppituntia kohden opit.

Shay Howe

Tämä opetussivusto opastaa sinut 12 perus-HTML- ja CSS-oppitunnin läpi ilmaiseksi. Sen sijaan, että maksaisit alkeiskurssista suoraan portilta, voit kokeilla näitä ensin. Kun olet valmis, selvitä, tarvitsetko edelleen maksettuja. Jos teet silti, niin ainakin ilmaisen opetusohjelmasivuston esittely helpottaa sinut maksullisiin oppitunteihin paljon nopeammin kuin ilman mitään tietoa.

Kun olet suorittanut "ensimmäisen verkkosivusi rakentamisen" -opetusohjelman, voit siirtyä edistyneeseen opetusohjelmaan syvempään käyttöliittymän suunnitteluun.

Mozilla Developer Network

Tämä sivusto sisältää kattavan luettelon linkeistä erilaisiin yritysten ja kehittäjien kuratoimiin opetusohjelmiin ja koulutusmateriaaleihin. Valittavana on monia oppitunteja, ei vain HTML ja CSS. Koska kehittäjät ovat valinneet ne, voit olla varma, että linkkien sisältö on uskottavaa, ja oppitunteja on suunnattu eri tasoille aloittelijasta edistyneeseen.

Memrise

Oppimisessa toisto on avainasemassa, ja Memrise auttaa tekemään toistotyylisestä muistamisesta hauskaa pelaamisen kautta. Tämä voidaan tehdä työmatkalla ja jonossa tilata noutoruokaa – todella missä tahansa, jossa on Internet-yhteys.

Tässä on linkkejä hyödyllisiin oppitunteihin tärkeistä HTML-, HTML5-, CSS- ja CSS3-koodeista:

Jos olet erityisen ahkera, voit luoda omiin tarpeisiisi räätälöityjä oppitunteja ja lisätä omia memejäsi. Vaikka se on parempi ja erittäin hyödyllinen, sinun ei odoteta muistavan kaikkia koodeja koko ajan. Jos kuitenkin haluat mennä ammattilaiseksi, koodien ulkoa tunteminen voi säästää aikaa rakennustyömailla, joilla on erittäin tiukat määräajat.

W3C

W3C, lyhenne sanoista World Wide Web Consortium, koostuu kansainvälisestä viranomaisyhteisöstä, joka tekee yhteistyötä yritysten, muiden jäsenyhteisöjen, oman henkilöstön ja yleisön kanssa web-standardien järjestämiseksi, ylläpitämiseksi ja kehittämiseksi. Verkkostandardeja koskevien uusimpien uutisten ja päivitysten tarkistaminen sivustolta voi auttaa sinua hiomaan ja räätälöimään taitojasi vastaavasti.

W3Schools

Ammattikehittäjät pitävät W3Schoolsia laajalti "noobs"-sivustona, ja se tarjoaa kunnollisen oppimiskokemuksen ja ympäristön niille, jotka ovat vasta aloittamassa koodaamisen oppimista. Heillä on jäsennelty luettelo oppitunneista, jotka jokainen aloittelija voi mukavasti käydä läpi. Heillä on esimerkkejä ja simulaattori harjoittelua varten. W3Schools tarjoaa myös sertifikaatteja, mutta sinun on maksettava niistä.

webplatform.org

WebPlatform.org on W3C-yhteistyö Applen, Adoben, Facebookin, Googlen, HP:n, Microsoftin, Intelin, Mozillan, Operan ja Nokian kanssa. WebPlatform.orgin päätehtävä on palvella kaiken web-kehitystä koskevan dokumentaation isäntänä. Kaikki ovat tervetulleita mukaan ja osallistumaan keskusteluihin. Osallistuminen ja yhteistyö on erittäin suositeltavaa, mikä on mahdollista MediaWiki-alustan kautta.

InstantShift

Jos olet säännöllinen vierailija, tiedämme, että tiedät jo. Mutta johdonmukaisuuden vuoksi InstantShift, kuten sen Tietoja-katkelma osoittaa, on yhteisö verkkokehittäjille ja suunnittelijoille. Monikirjoittaja blogi tarjoaa laajan valikoiman resursseja, artikkeleita ja ohjeita, jopa ilmaisia teemoja, joihin vaihtelevan kokemuksen ja asiantuntemuksen omaavat suunnittelijat ja kehittäjät voivat viitata joko aloittaakseen tietämyksensä tai ammentaakseen inspiraatiota. Artikkeliluokkia ovat muun muassa web-suunnittelu, WordPress, CSS, opetusohjelmat, työkalut, ilmaislahjat, valokuvaus ja kuvakkeet.

Osallistu verkkokursseille/kursseille

Harvard CS50

Harvardin yliopiston professorin David J. Malanin opettama edX-kurssi, joka osallistuu tälle tietojenkäsittelytieteen johdantokurssille, on kullan arvoinen sijoitus. On ihme, etteivät he veloita siitä. Tästä syystä monet elinikäiset oppijat ympäri maailmaa ovat kiitollisia mahdollisuuksista, joita MOOC-kurssit (massive open online courses) tarjoavat niille, joilla ei ole varaa päästä Harvardin kaltaisiin arvostettuihin yliopistoihin. Opettavia kieliä ovat C, PHP, JavaScript, SQL ja tietysti CSS ja HTML. Jos haluat käyttää tätä luokkaa hyvitykseen, joudut maksamaan sertifioinnista.

Tuts+

Tuts+ sisältää joukon opetusohjelmia ja kursseja, joista valita, koodauksesta kuvitukseen, suunnitteluun ja mobiilisovellusten kehittämiseen. Tuts+:lla on ilmaisia kursseja ja opetusohjelmia, mutta premium-pääsy edellyttää vähintään 15 dollarin kuukausimaksua 360 dollariin vuodessa. He tarjoavat 14 päivän ilmaisen kokeilujakson.

Puuhun rakennettu maja

Treehouse on maksullinen palvelu, jonka tarkoituksena on opettaa verkkokehitystä, suunnittelua ja mobiilisovellusten kehitystä. Peruskäyttö maksaa 24 dollaria kuukaudessa ja pro 49 dollaria. Sivustolla on myös foorumeita, työtiloja, kilpailu- ja haastealueita, bonustunteja ja konferenssialueita, live-työpajoja, kirjasto ja yhteisö, johon voit ottaa yhteyttä ja olla vuorovaikutuksessa.

Harjoitella

Harjoittelu tekee parempaa, ellei täydellistä. Harjoittelemalla annat aivosi tehdä aktiivisen, luovan toiminnan, joka stimuloi parempaa oppimista ja säilyttämistä, toisin kuin pelkkä opetusohjelmien lukeminen ja katseleminen. Täydennä opiskeluasi harjoittelemalla MOOC:illa, kuten:

Codecademy

Codecademylla rekisteröityminen on ilmaista, ja oppitunnit on tehty helpoksi aloittelijoille. Voit nähdä, kuinka HTML- ja CSS-koodisi muuttuvat verkkosivuksi, kun ne näkyvät livenä tekstieditorin vieressä, ja ne muuttuvat edetessäsi. Siellä on myös foorumi, jossa voit jakaa kysymyksesi ja vastauksesi yhteisön kanssa.

Code Avengers

Code Avengersilla rekisteröityminen on myös ilmaista. Sen avulla voit rakentaa verkkosivuston HTML:n ja CSS:n avulla sekä ohjeita tekstin ja videon avulla. Kun olet napsauttanut tekstieditorin ylimmässä osassa olevaa tarkistuspainiketta, näet, miltä koodisi näyttää oikealla olevan kännykän muotoisen ikkunan kautta. Jos rekisteröidyt tilin, saat mahdollisuuden tallentaa edistymisesi ja saada pisteitä muita osallistujia vastaan tulostaulukon kautta.

Inspiroidu

Saadaksesi luovan mehusi virtaamaan ja löytääksesi esikuvia, joita voit ottaa malliksi, etsi netistä joitain tosielämän esimerkkejä. Katso, millaista hyvää materiaalia on jo olemassa ja mitä muut sanovat siitä kehittäjän, yleisön, käyttöliittymän, suunnittelun ja ohjelmoinnin näkökulmasta.

Voit esimerkiksi tutustua maailmanlaajuisesti tunnustettuihin kehittäjiin, virastoihin ja web-sivustoihin Awwwards -sivuston kautta, joka on sivusto, joka on omistettu tunnistamaan ja edistämään web-suunnittelun ja -kehityksen parhaat puolet ympäri maailmaa.

Luo portfolio

Portfolio on välttämätön, jotta olet näkyvämpi asiakkaille. Portfolion isännöintisivustoja on paljon, mutta tässä on kaksi esimerkkiä:

PortfolioBox

Verkkotunnuksen isännöinnin, sosiaalisen median integroinnin, hakukoneoptimoinnin, sisäänrakennetun tilastojen hallintapaneelin ja uutiskirjeiden lähetystoiminnon ansiosta PortfolioBox on tutustumisen arvoinen. Siinä on myös sisäänrakennettu tuki älypuhelimille ja tableteille, joten verkkosivustosi näyttää yhtä upealta millä tahansa laitteella. PortfolioBox tarjoaa ilmaisen tilin, joka voi isännöidä jopa 40 kuvaa, ja rekisteröityessäsi voit käyttää Pro-ominaisuuksia 30 päivän ajan. Pro maksaa 6,90 dollaria kuukaudessa ja maksetaan vuosittain.

Dribbble

Dribbble on kehittäjien sivusto, joka toimii näytä ja kerro -alustana muille kehittäjille. Sen avulla voit jakaa kuvakaappauksia prosesseistasi, työstäsi ja projekteistasi. Siinä on sosiaalisen median kaltainen ominaisuus, joka näyttää, kuinka monta näyttökertaa, tykkäyksiä ja kommentteja saat.

Saa palkkaa töistä

On tuottavaa jatkaa harjoittelua ja harjoittelua, mutta mikään ei voita sellaista koulutusta, joka maksaa, mikä on lähinnä sitä, mitä osaamisesta palkkatyö tekee. Olet hakemassa ja hiomassa taitojasi, ja loppujen lopuksi joku hyötyy sen arvosta ja maksaa siitä. Freelance-sivustot, kuten ProgrammerMeetDesigner, GetACoder ja AuthenticJobs, ovat vain muutamia paikkoja, jotka palkkaavat koodaajia ja suunnittelijoita. Tämä hieman vanhentunut artikkeli Hongkiat.com-sivustolta luettelee 50 freelance-työsivustoa suunnittelijoille ja ohjelmoijille, joista suurin osa on edelleen vahvana.

Ole osa yhteisöä

Yhteisöön kuuluminen on hienoa kannustaa sinua ja löytää vastauksia erityisen vaikeisiin ongelmiin, joita kohtaat web-kehitysmatkallasi. Tässä on luettelo foorumeista, joihin voit osallistua saadaksesi lisää ajankohtaista tietoa, ystäviä, mentoreita ja jopa työehdotuksia.

Hallitse projektejasi

Kun hankit asiakkaita, projektinhallinnasta tulee välttämätön taito. Yksinkertainen ja helppokäyttöinen TeuxDeux voi järjestää päivittäisen tehtäväluettelosi. Verkkokehitys ei yleensä ole yhden päivän projekti. Joissakin projekteissa sinun on ajoitettava tehtävät tietyn ajan sisällä ja arvioitava, kuinka paljon aikaa kukin on suoritettava. Kattavampia tulevaisuuden projekteja varten, joihin yksinkertaiset tehtävälistat tai yhteistyöohjelmistot eivät pysty vastaamaan, on olemassa intuitiivisia ja mukautuvia täysimittaisia projektinhallinta- ja yhteistyötyökaluja, kuten Comindware Project, joita kannattaa harkita.

Työsi online-arkisto on toinen kätevä työkalu, joten sinulla on varmuuskopio, jos paikallisyksikön kanssa ilmenee ongelmia. GitHub voi isännöidä koodiasi, ja jos päätät asettaa koodin julkisesti saataville, voit pyytää muilta kehittäjiltä kommentteja, ehdotuksia tai muokkauksia työsi parantamiseksi.

Onko muita resursseja, joita emme maininneet?

: instantshift.com