20 kohta, kus saate õppida tasuta koodi kodeerima

Nii et soovite õppida koodima, kuid teil pole aega, raha ega kannatust ametlikule kursusele registreerumiseks?

Ära muretse.

Veebis on palju tasuta ressursse, kus saate õppida kodeerima oma ajakava, oma tempos ja õppestiilile vastava sisuga..

Altpoolt leiate 20 parimat tasuta ressurssi õpetada koodima. Siit leiate hea sisu, alates kirjalikest ja videoõpetustest kuni mänguväljakute kodeerimiseni, mis tugevdavad kõiki teie valitud uusi oskusi.

20 kohta, kus saate õppida tasuta koodi kodeerima

Kodeerija igal tasemel on veebiressursse, olenemata sellest, kas te olete:

• Isetegevusega ettevõtte omanik või vabakutseline, kes soovib luua oma veebisaidi.
• Kogenud veebiarendaja, kes soovib lisada oma repertuaari uue oskuse või programmeerimiskeele.
• Veebidisainer, kes soovib tugevdada oma arusaamist koodist ja saada disaini / arendustegevuse tugevdajaks.
• Harrastaja, kes soovib õppida vabal ajal koodima.
• Arvutiteaduse tudeng, kes soovib oma kursuste tööd täiendada praktiliste kodeerimisõpetustega.

Pole tähtis, kes te olete või mis on teie eesmärk tasuta ressurssidega koodide õppimisel. Kõigile on midagi.

1. BitDegree (algajast edasijõudnutele)

Kui otsite enamat kui lihtsalt samm-sammult õpetusi, BitDegree on hea valik.

BitDegree abil õpivad kasutajad kindlasti kodeerimist – alates põhialustest nagu HTML ja CSS kuni edasijõudnute programmeerimiskeelteni, nagu Bootstrap ja Python.

Tundide vältel töötades julgustatakse teid BitDegree redaktoris proovima seda:

Mis on selle juures kena, ei saa te lihtsalt õppida õpitavat keelt. Kõik muud keele ehitusplokid on olemas, nagu ülaltoodud CSS-i näites, mis sisaldab nii HTML-i kui ka CSS-i.

Lisaks kodeerimise õppetundidele saavad kasutajad sissejuhatuse peamistesse tööriistadesse, mida veebiarendajad kasutavad, näiteks Chrome DevTools ja Github.

Kui otsite mitmekülgset haridust, on oluline õppida kasutama tööriistu, mis muudavad teie elu arendajana lihtsamaks.

2. CSS-trikid (täpsemad)

Kui astusite esimest korda sisse CSS-nipid veebisaidil, võtab teid vastu selle ajaveeb. Kuigi kodeerimist käsitlevatest artiklitest (eriti CSS-ist) on palju õppida, on enamik neist õppetund edasijõudnutele arendajatele.

CSS-Tricksil on aga spetsiaalne osa algajate juhenditest. Siin on vähem kui 20 CSS-i õpetust, kuid nende läbimine annab igale kasutajale kindla aluse CSS-i (ja mõne HTML-i) jaoks.

Kasutajate jaoks, kes soovivad enamat kui sissejuhatavaid õpetusi, vaadake jaotist Lõiked.

Koodilõigud on kasulikud mitmel põhjusel. Alustuseks aitavad need arendajatel kiiresti uusi funktsioone või parandusi rakendada, ilma et nad peaksid koodi ise kirjutama.

Teiseks on koodijupid kasulikud keele süntaksi paremaks tundmaõppimiseks. Järjest enam koodilõikude kasutamisel saate keele malle tundma õppida ja selle tulemusel on selle manipuleerimine mugavam..

3. Derek Banas YouTube’is (keskmine kuni edasijõudnutele)

Derek Banase YouTube’i leht on kohustuslik külastus, kui olete huvitatud täpsema veebiarenduse õppimisest ja kujundusvõtted.

Enamasti on kõige populaarsemad Dereki kodeerimisõpetused, ehkki kindlasti tasub heita pilk erinevatesse videokogumikesse, mille ta on aastate jooksul loonud.

Kõik õpetused on hästi korraldatud ja hõlmavad kogu teemat, tavaliselt vähem kui tunniga. See on tõesti suurepärane võimalus kõigile, kes õpivad kõige paremini kedagi jälgides teed oskus reaalajas.

Veel väärib märkimist, et Derek loob igal nädalal kaks uut õpetust. Veelgi enam, ta kutsub vaatajaid / tellijaid päringuid esitama, nii et kui teil on midagi pakilist vaja, peate õppima ja ei leia seda mujalt, võite selle hankida siit.

4. freeCodeCamp (algajast keskpaigani)

freeCodeCamp on kindel ressurss algajatele või vahepealsetele veebiarendajatele, kes soovivad oma oskusi kiiresti tasandada ja selle eest tasu saada.

Kui olete konto loonud, aitab freeCodeCamp teil treeningutega alustada:

Mitte ainult see, et tunnid on loogiliselt rühmitatud, nii et saate oma kodeerimisega seotud teadmisi järk-järgult täiendada. Lõpuks on teil nii sertifikaat kui ka suurem portfell, mida saate potentsiaalsetele klientidele näidata.

Kuigi see veebisait on arendajatele mõeldud haridusressurss, ei takista see midagi muud kodeerimisega seotud entusiaste registreerumast. Liitumisega ei kaasne tasu ja õppetunnid pole kirjutatud mingis salajases arendaja kõnes.

Seega, kui teile meeldib saidi stiil ja õppetundide esitusviis (koos hinnangutega, kui kaua need kõik aega võtavad!), Siis andke sellele pilt.

Samuti pääsete juurde foorumitele, kus saate oma võite jagada, küsimusi esitada ja aidata teistel õpilastel tundide jooksul toimida. See on kena boonus, kui eelistate koostööl põhinevat õpikeskkonda.

5. Häiring (algajast edasijõudnuni)

Mõtlema Häire kui kodeeriv mänguväljak. See ei tähenda ainult eksperimentaalse koodi ridade kirjutamise kohta, kuigi see annab teile ruumi selle tegemiseks koos mõne näpunäitega, kuidas alustada.

Kasutajad saavad kasutada eelvalmistatud veebirakendusi – alates Glitchist või sellistest tööriistadest nagu Github -, et avada põhitõed ja õpetada endale uusi oskusi olemasoleva koodi ümberpööramisel.

Siin on näide sellest, mis juhtub, kui kasutaja valib kellegi teise loodud rakenduse „Remixi”:

Kasutajad saavad juurdepääsu kõigile failidele ja varadele, mis kokku pannes loovad tulemuseks oleva veebirakenduse. Kuna failide sisus tehakse redigeerija abil muudatusi, kajastab eelvaade neid muudatusi.

Ehkki Glitch tegeleb „rakendustega”, kehtivad samad tavad ka veebilehe HTML-i, CSS-i ja JavaScripti kodeerimisel.

Vaadake ka Glitchi alustamismalle, näiteks see:

See näeb välja sarnane teiste Glitchi rakenduste projektidega. Siiski on näidises sees õppetund HTML-iga kodeerimise alustamiseks. Siit leiate ka teisi JavaScripti, Node’i ja Bootstrapsi.

6. Google’i arendajad (keskmine kuni edasijõudnutele)

Google’i arendajad on tasuta ressurss kõigile, kes soovivad õppida, kuidas kodeerida parem veebikogemused.

Siin on märksõna „parem”, kuna kasutajad ei leia põhitõdedest palju. Tegelikult peate sellele saidile jõudma HTML-i, CSS-i ja JavaScripti (mida saate saada paljudest muudest selle loendi ressurssidest) töötavate teadmistega.

Kuna Google on keskendunud esimese mobiilse veebi loomisele, on see sait kõige parem arendajatele, kes soovivad õppida progressiivsete veebirakenduste (PWA) kodeerimist..

Kui lähete vahekaardile Code Labs, otsige õpetust nimega „Teie esimene progressiivne veebirakendus“.

See on põhjalik, kuid samas hõlpsasti jälgitav õpetus, mis õpetab kasutajatele nii PWA-d kui ka seda, kuidas vähem kui 30 minutiga luua..

Mis puutub ülejäänud saidi kodeerimisressurssidena kasutamisse, siis võite seda kindlasti kasutada, kui peate oma veebisaidi või veebirakenduse reageerimisvõimet, kiirust või isegi turvalisust parandama..

Google’i juhendid on hea koht nende optimeerimiskoodilõikude saamiseks. Ja võite uurida „Näiteid”, et õppida CSS-i ja JavaScriptiga spetsialiseerunud kodeerimise tehnikaid.

7. HTML koer (algaja)

HTML koer on suurepärane tasuta ressurss kodeerimise põhialuste omandamiseks: HTML, CSS ja JavaScript.

Saidil on kõigis kodeerimiskeeltes kokku üheksa õpetust, alustades algajatest ja lõpetades edasijõudnutega.

Igas tunnis on hoolikalt kirjas kõik, mida peate iga keele kohta teadma. Ja koos selgete koodinäidetega – samuti näpunäidetega, kuidas neid oma otsas korrata – see on suurepärane viis kodeerimise peatamiseks, kui olete sellega uus.

HTML Dog pole aga ainult algajatele mõeldud kodeerimisõpikute ressurss.

Näiteks tehnikate leht õpetab kasutajaid, kuidas teha veebilehe stiilimiseks rohkem, kui põhijuhendid võimaldavad.

Lehekülg Näited seevastu pakub koodilõikude näiteid kõigi oluliste elementide kohta, millega veebisaidil manipuleerite:

• Tekst
• Värvid
• Lingid
• Vormid
• Nimekirjad
• Pildid
• Ja veel

Leht Viited on kasulik ka siis, kui soovite aru saada kasutatavate kodeerimiskeelte tegelikust süntaksist. Mida rohkem saate aru, kuidas erinevad väärtused aitavad kaasa esiküljele ilmumisele, seda tugevamaks kooderiks muutute.

8. JavaScript.com, autor Pluralsight (algaja)

Mitmevalgus on esmaklassiline e-õppe veebisait edasijõudnutele.

Pluralsight nägi aga vajadust anda algajatele sissejuhatus JavaScripti, mis on üks veebi alustalasid. Sellisena pakkus õpetus edasi JavaScript.com on vaba juurdepääs.

Kui kasutaja astub veebisaidile, algab õppimine:

See on nii lihtne õpetus, kuid iga sammu põhjalik selgitamine ja koodi praktiline juurutamine on JavaScripti kasutamise kodeerimise õppimisel pikk tee.

Kui kasutajad on kursused läbinud, on lehel Õppige käepärast teatmikku.

Siit saavad kasutajad rohkem teada JavaScripti süntaksi ja selle kohta, kuidas iga selle osa kogu keelt aitab.

9. Khan Academy (algaja)

Khani Akadeemia on tasuta veebipõhine õppematerjal igas vanuses kasutajatele.

Enamik akadeemia pakutavatest tundidest on mõeldud kooliõpilastele. Siiski on üks väike osa, mis on pühendatud arvutikasutusele, kuhu peaksite oma tähelepanu pöörama:

Infotehnoloogia all on mitmeid sektsioone, kuid üks, millele peaksite tähelepanu pöörama, on arvutiprogrammeerimine.

Siit saate teada, kuidas veebisaite HTML-i, CSS-i ja JavaScripti abil luua. Igas õppetunnis antakse sisu.

• Videotunnid (mis tulevad koos ärakirjade ja mitmekeelsete suletud subtiitritega)
• Kiirnäpunäited
• Kodeerimisega seotud väljakutsed

Neid on lihtne läbi töötada, samuti on need ülivõrdesed.

10. Õppige HTML-i ja CSS-i kodeerima (alustajast keskpaigani)

Nagu JavaScript.com, Õppige HTML-i ja CSS-i kodeerima on tasuta ressurss, mis õpetab kasutajaid kodeerima põhiliste kodeerimiskeeltega. Siin keskendutakse HTML-ile ja CSS-ile.

Kõik õppetunnid on hoolikalt läbi mõeldud ja pakuvad enamat kui lihtsalt kasutajatele koodilõike.

Kõik on täielikult lahti seletatud, alates iga keele kasutamisest kuni selle, kuidas kõik keele komponendid toimivad. Samuti on kaks õppetundi trajektoori.

Kui olete HTML & CSS-i sissejuhatuse lõpetanud, saate edasi liikuda edasijõudnute tundide juurde.

Siit saate teada kodeerimisstrateegiaid, mis mitte ainult ei lisa teie veebisaidile täpsemat funktsionaalsust, vaid annavad ka parema kvaliteediga koodi. Kui suurt rõhku pannakse sellistele asjadele nagu kiirelt laaditavad lehed ja mobiilile reageeriv disain, on edasijõudnute kursusest tõesti kasu.

Iga kursuse lõpus leiate soovituslike ressursside loendi. Nende muude ressursside uurimiseks tasub võtta aega, kui soovite õppida igal teemal nii palju kui võimalik.

11. LearnCode.academy YouTube’is (algajast edasijõudnutele)

YouTube’i leht LearnCode.academy on midagi enamat kui lihtsalt koolitusressurss, kui õpite kodeerima.

LearnCode.academy sisu on tõesti hea.

Veebiarendajate jaoks vajalikes tööriistades on olemas videovood. Seal on veebikujunduse õpetused. Ja muidugi on ka õpetusi, mille keskmes on uute programmeerimiskeelte valdamine.

Üks asi, mida selle ressursi juures meeles tuleks pidada, on see, et see peaks tõesti olema ainult täiendus muule koolitamisele.

Siinne sisu on tipptasemel. Uusi õppematerjale ei toodeta regulaarselt, seega kulutate suurema osa ajast vanemate mahajäämuste lahendamisel, mis võib teid ohustada vanemate kodeerimisvõtete õppimisel, kui lähete liiga kaugele tagasi.

12. Õppige [Language] .org ära DataCampilt (algajast edasijõudnutele)

DataCamp on e-õppe veebisait, mis on spetsialiseerunud infoteaduste kursustele (põhimõtteliselt õpib suurandmetest teavet hankima ja sellega manipuleerima).

Selle seeria „Õppige” veebisaite, on siiski tasuta ressursid kõigile, kes soovivad õppida, kuidas kodeerida. Need hõlmavad suurt hulka keeli algajatele ja edasijõudnutele, näiteks:

• HTML
• JavaScript
• PHP
• SQL
• Python
• Rubiin

Igal keelel on kaasas spetsiaalne õppematerjalide sari.

Selle veebisaidi juures on hästi see, et see ei paku mitte ainult iga keele jaotust näidiskoodiga, vaid pakub allosas ruumi ka kasutajatele tööd:

Kui klõpsate nupul „Alusta treeningut”, pakutakse juhiseid olemasoleva koodiga manipuleerimiseks ja kehtiva väljundi loomiseks. Kui soovite reaalajas õpitavat harjutada ilma saidilt lahkumata, on see hea valik.

13. MarkSheet (algaja)

MarkSheet on tasuta HTML- ja CSS-kursus algajatele.

Lisaks kodeerimise aluste õpetamisele antakse kursusele ka oluline teave, mida peate teadma enne veebis millegi loomist.

Näiteks sissejuhatus hõlmab teemasid, mis on seotud veebiga tervikuna. Nagu ka domeeninime kolm osa, on veebisaidi kuvamine teiste inimeste brauserites ja tavalised tekstiredaktorid, mille abil saate koodi kirjutada ja redigeerida.

Veebisaidi kodeerimise õppimine on üks asi, kuid mõistmine, kuidas kõik kulisside taga toimib, viib teie hariduse hoopis teisele tasemele.

Sellel kursusel osalemiseks eraldage kas piisavalt aega (vähemalt tund), et sellest läbi istudes läbi astuda, või jagage see kolme peatüki vahel:

• HTML
• CSS
• Sass

Sass pole tegelikult keel nagu kaks teist. Selles peatükis saavad kasutajad teada, kuidas eeltöötleja (nagu ka vähem) säästab aega CSS-i kodeerimisel nullist.

Kuigi sellel veebisaidil pole ühtegi harjutust, on koodinäited üsna jõulised ja annavad teile valitud koodiredaktoris palju mängida.

14. Mozilla arendaja (algajast keskharjutamiseni)

Sellest on palju õppida Mozilla arendaja veebisait. Alustades keskenduge siiski erinevate veebitehnoloogia õppematerjalide läbimisele:

Siit saate teada kõik HTML-i, CSS-i ja JavaScripti abil kodeerimise olulisemad elemendid.

Kuigi teil pole kohta pakutavate koodilõikudega katsetada, on Mozilla jaganud kõiki nende näidiseid GitHub ja edastas üksikasjad, kuidas neile juurde pääseda ja neid kasutada.

Seega, enne kui töötate mõne saidil oleva õppetunni läbi, veenduge, et olete Githubiga üles seatud, et saaksite mööda minnes harjutada.

Kui olete veebiarendaja või proovite alustada oma arendajakarjääri, on sellel saidil kasutamiseks täiendavaid ressursse.

Esiteks, ärge lõpetage oma haridust keelte valdamisega. Mozilla pakub ka õppetunde näiteks järgmistest teemadest:

• Veebi juurdepääsetavus
• Serveripoolsed skriptikeeled
• Brauseri testimine

Seal on ka spetsiaalne jaotis progressiivsetele veebirakendustele. Saate mitte ainult põhjaliku sissejuhatuse PWA-desse, vaid saate ka koodilõike, mis aitavad teil oma.

15. Netininja YouTube’is (algajast edasijõudnutele)

Net Ninja YouTube’i leht on pühendatud kõige keerukamate kodeerimismõistete lagundamisele hõlpsasti jälgitavates videoõpetustes.

Õppematerjalide ülesehituse ja korralduse osas on tore, et paljud neist on mõeldud algajatele – olgu selleks siis kodeerimisega alustaja või algajate arendaja.

Eesmärk on alati sama: aidata vaatajatel / tellijatel kodeerimisoskust kiiresti tõsta, et nad saaksid nendega midagi olulist ära teha.

Sellelt kanalilt leitavad õpetused ja esitusloendid on tegelikult väga sarnased paljude selle loendi kirjalike ressurssidega.

Saate mitte ainult õppetundi koodi kasutamise või uue keele valdamise kohta, vaid saate ka sissejuhatuse, mis selgitab, miks see kõik oluline on..

16. Odini projekt (algaja)

Odini projekt on avatud lähtekoodiga projekt, mille eesmärk on varustada veebiarendajaid kvaliteetsete veebisaitide loomiseks vajalike oskustega.

Iga õppetunniga saate:

• Sissejuhatus, miks tund on oluline.
• Kokkuvõte õpitulemustest.
• Ülesanne koos õppetunni linkidega.
• Täiendavad ressursid oma oskuste ja mõistmise edasiarendamiseks selles piirkonnas.

Tundide läbimisel võite märgata, et mõned neist kattuvad teiste selle loendi ressurssidega. Näiteks HTML-põhitunnid suunavad teid HTML-i ja CSS-i kodeerimise õppimise veebisaidile.

Kumbki pole ainult kodeerimise õppetund. Seal on õppetund „Tööle võtmine”:

Uute arendajate jaoks võib klientide saamine olla keeruline. Nende kursuste läbimisel on arendajatel siiski võimalus luua uhiuusaid veebisaite ja avaldada need Githubis näidistööna. Seejärel, kui läbite selle värbamiskursuse, saavad nad näpunäiteid, kuidas end edaspidi tööle võtta.

17. SitePoint (keskmine kuni edasijõudnutele)

SitePoint veebisait on segu kvaliteetsest veebidisainist ja arendamise e-raamatutest ning tasuta ajaveebi sisust, mis on suunatud teemadele.

Selge on see, et SitePoint pole tegelikult algajate kodeerijate veebisait. Kui otsite neid, leiate postitusi sissejuhatusest, kuid see pole just see, kuhu see sait paistab.

SitePoint on hea ressurss koodijatele, kes on valmis selle tulemuse saamiseks minema kaugemale kui põhiline “kirjutage see koodirida”. Siit saate teada, kuidas olla loov juba olemasolevate kodeerimise teadmiste abil.

Lisaks on ajaveeb täis kasulikke ümarlaudu:

Leiate soovitusi JavaScripti teekide, CSS-i raamistike ja muude tööriistade jaoks, mida saate kasutada oma kodeerimise töövoogude täiustamiseks ja kiiremaks teha.

18. SoloLearn (algajast edasijõudnutele)

SoloLearn on selles loendis ainus mobiili- (ja veebirakendus), nii et kui otsite midagi, mida saaksite kasutada liikvel olles õppimiseks, siis see on see.

SoloLearni abil õpivad kasutajad HTML-i ja CSS-iga ning ka edasijõudnute programmeerimiskeeltega kodeerimist.

Seda näete rakendusse SoloLearn sisenedes (töölaual):

See on hästi struktureeritud programm, mis algab põhisüntaksist ja töötab läbi keele erinevate komponentide. Lõpuks saate lõputunnistuse.

Mõned kursuste osad on üles ehitatud viktoriinidena. Edasiliikumiseks peate igale küsimusele õigesti vastama.

Kursuse muud osad on struktureeritud koodilõikudega põhiliste õpetustena:

Kui eelistate õppimisel, testimisel ja valideerimise saamisel endaga kaasa minna, on siinne kursuse / viktoriini / mänguväljakombinatsioon tugev.

19. W3Schools (algajast edasijõudnutele)

W3koolid on end nimetanud “Maailma suurimaks veebiarendajate saidiks” ja see on tegelikult üsna täpne kirjeldus.

Kui see juhtub, kui näete esimest korda koodi või olete kogenud kooder, on siin midagi kõigile.

Siin käsitletakse kõiki kodeerimiskeeli, mis võiksite õppimisest huvitatud olla. Võite võtta isegi õpetusi veebisaidi komponentide, näiteks ikoonide, graafika, värvide ja muu kodeerimiseks.

Ehkki kasutajad saavad kiire kokkuvõtte selle kohta, milleks iga keel on mõeldud, on põhirõhk praktilise tunni alustamisel.

Seega, enne kui hakkate sellel saidil mõnda õppematerjali läbi vaatama, veenduge, et teate, millistele keeltele peate keskenduma. Te ei soovi hakata õppima midagi sellist nagu React, kui proovite näiteks omandada põhitõdesid.

Ükskõik milliseid keeli te oma moodi teete, kasutage kindlasti korraga nii referaate kui ka harjutusi.

Need on mõeldud kaaslase võrdlusmaterjalina, mis tugevdab teie tunde. Kasutage neid kindlasti ära, kui soovite sellest saidist maksimaalselt kasu saada.

20. WebsiteSetup.org (algajast edasijõudnutele)

WebsiteSetup.org on täis kasulikke õppeallikaid kõigile, kes proovivad õppida tasuta koodi kodeerima.

Kuigi paljud veebisaidi WebsiteSetup juhendid näitavad teile, kuidas WordPressiga veebisaite luua ja kohandada – mööda minnes tuleb kodeerida nullist -, pole see siin kõike muud.

Näiteks on saadaval üha suurem veebisaidi arendamise õpetuste, juhendite ja peitlehtede komplekt:

Nende juhendite jaoks on suurepärane see, et need ei paku kasutajatele mitte ainult kodeerimise põhialuseid, vaid sageli on ka WordPress tihedalt seotud. Nii ei pea te valima ühte ega teist: koodi või WordPressi. Veebisaidi loomisest saate parimat kasu, õppides mõlema jaoks häid tavasid.

Teine asi, mida saate saidilt WebsiteSetup ja mida te traditsioonilistest kodeerimiskursustest ei leia, on see, kuidas kasutada koodi oma veebisaidi silumiseks ja parandamiseks. Nagu see näide WordPressi vigade tõrkeotsingust.

Nii saate põhjalikuma teabe selle kohta, kuidas kodeerida, alates veebisaidi loomisest kuni selle täiendamise või parandamiseni..

Tõmba otsad kokku

Nagu näete, pakuvad ülaltoodud ressursid nii palju erinevaid viise oma kodeerimisoskuste õppimiseks ja tugevdamiseks:

• Kirjalikud õpetused
• Videokursused
• Viktoriinid
• Koodilõigud
• Mänguväljakute kodeerimine
• Tööriistade ringid ja arengustrateegiad
• Ja veel

See pole ainus eelis, kui valite ühe neist tasuta ressurssidest, et õppida oma olemasolevaid oskusi kodeerima või täiustama.

Ükskõik, kas olete tõeliselt sinine algaja või olete aastaid kodeerinud, saate oma hariduse üle täielikku kontrolli. Võite õppida kodeerima oma ajakava, omas tempos ja kõike muud kui sellesse panustatud aja kulu.

Jeffrey Wilson Administrator

Sorry! The Author has not filled his profile.

follow me