U wil dus leer kodeer, maar het nie die tyd, geld of geduld om vir 'n formele kursus te registreer nie?
Daar is tonne gratis hulpbronne aanlyn waar u kan leer om op u eie skedule, in u eie tempo, en met die soort inhoud wat ooreenstem met u leerstyl, te kan kodeer..
Hieronder vind u 20 van die beste gratis bronne om u te leer hoe om te kodeer. Hier vind u 'n goeie mengsel van inhoud, van geskrewe en video-tutoriale tot kodering van speelgronde wat al die nuwe vaardighede wat u opgedoen het, versterk.
1 20 plekke waar u kan leer om gratis te kodeer
1.1 1. BitDegree (beginner tot gevorderd)
1.2 2. CSS-truuks (gevorderd)
1.3 3. Derek Banas op YouTube (intermediêr tot gevorderd)
1.4 4. freeCodeCamp (beginner tot intermediêr)
1.5 5. Glitch (beginner tot gevorderd)
1.6 6. Google-ontwikkelaars (intermediêr tot gevorderd)
1.7 7. HTML-hond (beginner)
1.9 9. Khan Akademie (beginner)
1.10 10. Leer om HTML en CSS te kodeer (beginner tot intermediêr)
1.11 11. LearnCode.academy op YouTube (beginner tot gevorderd)
1.12 12. Leer [Taal] .org deur DataCamp (beginner tot gevorderd)
1.13 13. MarkSheet (beginner)
1.14 14. Mozilla-ontwikkelaar (beginner tot intermediêr)
1.15 15. The Net Ninja op YouTube (beginner tot gevorderd)
1.16 16. Die Odin-projek (beginner)
1.17 17. SitePoint (intermediêr tot gevorderd)
1.18 18. SoloLearn (beginner tot gevorderd)
1.19 19. W3Schools (beginner tot gevorderd)
1.20 20. WebsiteSetup.org (beginner tot gevorderd)
Daar is aanlynbronne vir elke vlak van 'n kodeerder, of jy nou:
'N Selfstartende sake-eienaar of vryskut wat hul eie webwerf wil bou.
'N Ervare webontwikkelaar wat 'n nuwe vaardigheid of programmeringstaal by hul repertoire wil voeg.
'N Webontwerper wat hul begrip van kode wil versterk en 'n kragstasie vir ontwerp / ontwikkeling wil word.
'N Stokperdjie wat wil leer hoe om in hul vrye tyd te kodeer.
'N Student in rekenaarwetenskap wat hul kursus wil aanvul met praktiese koderingstutoriale.
Dit maak nie saak wie u is of wat u doel is om te leer kodeer met gratis bronne nie. Daar is iets vir almal.
1. BitDegree (beginner tot gevorderd)
As u op soek is na meer as net stap-vir-stap tutoriale, BitDegree is 'n goeie keuse.
Met BitDegree, sal gebruikers sekerlik leer hoe om te kodeer – van grondbeginsels soos HTML en CSS tot gevorderde programmeringstale soos Bootstrap en Python.
Terwyl u deur die lesse werk, sal u aangemoedig word om 'Probeer dit regstreeks' in die BitDegree-redigeerder:
Wat mooi hiermee is, is dat jy nie net gaan oefen met die taal waarin jy leer nie. Al die ander boustene van die ander taal sal daar wees, soos in die bogenoemde CSS-voorbeeld wat beide HTML en CSS insluit.
Benewens koderingslesse, kry gebruikers 'n inleiding tot die belangrikste instrumente wat webontwikkelaars gebruik, soos Chrome DevTools en Github.
As u op soek is na 'n afgeronde opleiding, is dit belangrik om te leer hoe om die instrumente te gebruik wat u lewe as ontwikkelaar vergemaklik.
2. CSS-truuks (gevorderd)
As u die eerste keer binne die CSS-truuks webwerf, word u begroet deur die blog. Daar is baie wat uit die artikels oor kodering (veral CSS) geleer kan word, maar die meeste daarvan is lesse vir gevorderde ontwikkelaars.
Dit gesê, CSS-Tricks bevat wel 'n toegewyde afdeling beginnersgidse. Daar is minder as 20 CSS-tutoriale hier, maar deur dit te laat loop, sal elke gebruiker 'n soliede basis vir CSS (en HTML) gee.
Kyk na die Snippets-bladsy vir gebruikers wat meer as intro-tutoriale wil hê.
Kode-brokkies is om verskillende redes nuttig. Vir die begin help hulle ontwikkelaars om nuwe funksies of regstellings vinnig te implementeer sonder om die kode op hul eie te hoef te skryf.
Tweedens is kodebrokkies nuttig om die sintaksis van 'n taal beter te leer ken. Namate u al hoe meer kode-brokkies gebruik, sal u die taalpatrone leer ken en gevolglik gemakliker word om dit te manipuleer.
3. Derek Banas op YouTube (intermediêr tot gevorderd)
Derek Banas se YouTube-bladsy is 'n moet-besoek as u belangstel in gevorderde webontwikkeling en ontwerpstegnieke.
Vir die grootste deel is dit Derek se koderingstutoriale wat die gewildste is, hoewel dit beslis die moeite werd is om na te kyk na die verskillende video-versamelings wat hy deur die jare geskep het..
Elk van die tutoriale is goed georganiseerd en behandel 'n onderwerp volledig, gewoonlik binne minder as 'n uur. Dit is 'n wonderlike opsie vir almal wat die beste leer deur na iemand te kyk doen die vaardigheid in reële tyd.
Nog iets wat opmerklik is, is dat Derek elke week twee nuwe tutoriale skep. Wat meer is, hy nooi kykers / intekenare uit om versoeke te rig, so as daar iets dringend is wat u moet leer en dit nie elders kan vind nie, kan u dit dalk hier kry.
4. freeCodeCamp (beginner tot intermediêr)
freeCodeCamp is 'n goeie bron vir beginners- of intermediêre webontwikkelaars wat hul vaardighede vinnig wil opstel en daarvoor beloon word.
Sodra u 'n rekening geskep het, sal freeCodeCamp u help om aan u opleiding te begin:
Nie net dit nie, lesse word logies saamgegroepeer, sodat u die nodige koderingskennis inkrementeer. Uiteindelik eindig u met 'n sertifisering sowel as 'n groter portefeulje wat u aan voornemende kliënte kan wys.
Alhoewel hierdie webwerf as 'n opvoedkundige hulpbron vir ontwikkelaars gebrandmerk word, is daar niks om te keer dat ander kodering-entoesiaste aanmeld nie. Daar is geen fooi om aan te sluit nie en die lesse word nie geskryf in sommige geheime ontwikkelaars wat praat nie.
As u dus van die styl van die webwerf hou en hoe die lesse aangebied word (saam met die skattings van hoe lank dit alles neem!), Gee dit 'n kans.
U kry ook toegang tot die forums waar u u oorwinnings kan deel, vrae kan stel en ander studente kan help om hul lesse deur te werk. Dit is 'n lekker bonus as u 'n samewerkende leeromgewing verkies.
5. Glitch (beginner tot gevorderd)
Dink aan glitch as 'n kodering speelterrein. Dit gesê, dit is nie net 'n plek om reëls van eksperimentele kode te skryf nie, hoewel dit u die ruimte gee om dit te doen, saam met 'n paar wenke oor hoe u aan die gang kan kom.
Gebruikers kan gebruik maak van voorafgemaakte webprogramme – van Glitch of instrumente soos Github – om die basiese beginsels te ontsluit en hulself nuwe vaardighede te leer deur die bestaande kode om te keer..
Hier is 'n voorbeeld van wat gebeur wanneer 'n gebruiker kies om 'n app te "remix" wat iemand anders geskep het:
Gebruikers kry toegang tot al die lêers en bates wat, as dit saamgestel word, die gevolglike webprogram skep. Aangesien die inhoud van die lêers met behulp van die redigeerder verander word, weerspieël die voorskou daardie veranderinge.
Wees ook op die uitkyk vir Glitch se "voorgereg" -sjablone, soos hierdie:
6. Google-ontwikkelaars (intermediêr tot gevorderd)
Google-ontwikkelaars is 'n gratis bron vir almal wat wil leer hoe om te kodeer beter web ervarings.
As Google hiper-gefokus is op die opbou van 'n eerste mobiele internet, is hierdie webwerf die beste vir ontwikkelaars wat wil leer hoe om progressiewe webapps (PWA's) te kodeer.
As u na die Code Labs-oortjie gaan, kyk dan na die tutoriaal genaamd "Your First Progressive Web App".
Dit is 'n omvattende, maar tog maklik te volg handleiding wat gebruikers leer wat 'n PWA is, asook hoe om een ​​in minder as 30 minute te bou..
Wat die res van die webwerf as 'n koderingsbron kan gebruik, kan u dit sekerlik gebruik as u 'n verbetering moet maak in die reaksie, spoed of selfs die veiligheid van u webwerf of webapp..
7. HTML-hond (beginner)
Daar is nege totale tutoriale beskikbaar op die webwerf, wat wissel van beginner tot gevorderd, in elk van die koderingstale.
In elke les word alles versigtig uiteengesit wat u oor elk van die tale moet weet. En met duidelike kode-voorbeelde wat onderweg is, asook wenke om dit aan u einde weer te gee, is dit 'n wonderlike manier om kodering te bekom as u nie nuut is nie.
HTML Dog is egter nie net 'n bron vir tutoriale vir beginnerskodering nie.
Die bladsy Tegnieke leer byvoorbeeld gebruikers hoe om meer te doen om 'n webblad te ontwerp as wat basiese tutoriale voorsiening maak.
Aan die ander kant bied u voorbeelde van kode-elemente vir al die belangrikste elemente wat u op 'n webwerf kan manipuleer:
Die bladsy Verwysings is ook nuttig as u die sintaksis van die koderingstale wat u gebruik, wil verstaan. Hoe meer u verstaan ​​hoe die verskillende waardes bydra tot die voorkant van die voorkant, hoe sterker sal u 'n kodeerder word.
Pluralsight is 'n premium e-leer webwerf vir gevorderde koders.
Die tweede keer wat 'n gebruiker binne die webwerf stap, begin die leer:
Sodra gebruikers die kursusse deurstaan, is daar 'n handige verwysingsgids op die Leer-bladsy.
9. Khan Akademie (beginner)
Khan Akademie is 'n gratis aanlyn opvoedkundige hulpbron vir gebruikers van alle ouderdomme.
Die meeste van die lesse wat deur die akademie aangebied word, is vir graadskoolstudente. Daar is egter 'n klein gedeelte gewy aan "Computing", waar u aandag moet gee:
Daar is 'n aantal afdelings onder Rekenaarkunde, maar die een waaraan u moet let, is Rekenaarprogrammering.
Videolesse (met transkripsies sowel as meertalige geslote opskrifte)
Dit is maklik om deur te werk sowel as super aangrypend.
10. Leer om HTML en CSS te kodeer (beginner tot intermediêr)
Elke les word noukeurig uitgelê en bied meer as net die gebruiker van kode-brokkies aan.
Alles word volledig uiteengesit, van waarvoor elke taal gebruik word, en hoe elke onderdeel van die taal werk. Daar is ook twee lesrigtings.
Sodra u die inleiding tot HTML en CSS voltooi het, kan u verder gaan na die gevorderde lesse.
Hier leer u koderingstrategieë wat nie net gevorderde funksionaliteit op u webwerf voeg nie, maar ook oor die algemeen beter kwaliteitskode lewer. Met 'n groot klem op dinge soos vinnig-laai bladsye en mobiele responsiewe ontwerp, sal die gevorderde kursus baie nuttig wees.
Onderaan elke kursus vind u 'n lys met aanbevole hulpbronne. Dit is die moeite werd om hierdie ander bronne te verken as u soveel as moontlik wil leer oor elke onderwerp.
11. LearnCode.academy op YouTube (beginner tot gevorderd)
Die LearnCode.academy YouTube-bladsy is meer as net 'n opleidingsbron terwyl u leer kodeer.
LearnCode.academy het 'n baie goeie mengsel van inhoud.
Daar is video-opsommings oor die noodsaaklike gereedskap vir webontwikkelaars. Daar is tutoriale oor webontwerp. En daar is natuurlik tutoriale wat konsentreer op die bemeestering van nuwe programmeertale.
Een ding wat u met hierdie hulpbron in gedagte moet hou, is dat dit eintlik net 'n aanvulling moet wees op ander vorme van opleiding wat u doen.
Die inhoud hier is uiters belangrik. Nuwe tutoriale word egter nie gereeld geproduseer nie, dus u sal die meeste van u tyd spandeer om deur 'n ouer agterstand te werk, wat u in gevaar kan stel om ouer koderingstegnieke te leer as u te ver terug gaan..
12. Leer [Taal] .org deur DataCamp (beginner tot gevorderd)
DataCamp is 'n e-leer-webwerf wat spesialiseer in kursusse in data-wetenskap (basies om te leer hoe om inligting uit big data te onttrek en te manipuleer).
Die reeks van 'Leer' webwerwe, Dit is egter gratis hulpbronne vir almal wat wil leer hoe om te kodeer. Dit dek 'n wye verskeidenheid tale vir beginners tot gevorderde coders soos:
Elke taal het 'n toegewyde reeks tutoriale wat daarmee gepaard gaan.
Wat netjies aan hierdie webwerf is, is dat dit nie net 'n indeling van elke taal met voorbeeldkode bied nie, maar dat dit 'n ruimte bied vir gebruikers om te werk:
Deur op "Begin oefen" te klik, word instruksies gegee om die bestaande kode te manipuleer en 'n geldige uitvoer te skep. As u intyds wil oefen wat u leer sonder om die webwerf te verlaat, is dit 'n goeie opsie.
punteblad is 'n gratis HTML- en CSS-kursus vir beginners.
Benewens die onderrig van die basiese beginsels van kodering, gaan die kursus ook oor belangrike inligting wat u moet weet voordat u iets op die web bou.
Die Inleiding dek byvoorbeeld onderwerpe wat verband hou met die web as geheel. Soos die drie dele van 'n domeinnaam, hoe 'n webwerf op ander mense se blaaiers verskyn, en algemene teksredakteurs wat u kan gebruik om kode te skryf en te redigeer.
Om 'n webwerf te kodeer is een ding, maar om te verstaan ​​hoe alles agter die skerms werk, sal u opleiding na 'n heel ander vlak neem.
As u hierdie kursus volg, moet u genoeg tyd (ten minste 'n uur) spandeer om deur een vergadering te werk of dit tussen die drie hoofstukke op te breek:
Sass is nie eintlik 'n taal soos die ander twee nie. In daardie hoofstuk leer gebruikers hoe die voorverwerker (sowel as Minder) tyd bespaar in die kodering van CSS van nuuts af.
Alhoewel daar geen oefeninge op hierdie webwerf is nie, is die voorbeelde van die kode redelik robuust en sal u baie kan speel om mee te speel in die kode-redigeerder van u keuse.
14. Mozilla-ontwikkelaar (beginner tot intermediêr)
Daar is baie om te leer uit die Mozilla-ontwikkelaar webwerf. Begin u aandag egter daarop om die verskillende tutoriale oor webtegnologieë deur te voer:
Alhoewel u nie 'n plek het om te eksperimenteer met die gegewe kode-brokkies nie, het Mozilla al hul voorbeelde gedeel GitHub en besonderhede verskaf oor hoe om toegang tot hulle te verkry en te gebruik.
Dus, voordat u deur die lesse op die webwerf werk, maak seker dat u saam met Github opgestel is, sodat u kan oefen terwyl u saamwerk.
As u 'n webontwikkelaar is of u loopbaan as ontwikkelaar wil begin, is daar ekstra hulpbronne op hierdie webwerf.
Moenie dat u ophou om die tale te bemeester nie. Mozilla bied ook lesse aan oor dinge soos:
Skrip-tale aan die bedkant
Daar is ook 'n toegewyde afdeling vir progressiewe webapps. U sal nie net 'n goeie inleiding tot PWA's kry nie, maar u sal kode-brokkies kry om u te help om u eie te bou.
15. The Net Ninja op YouTube (beginner tot gevorderd)
Die Net Ninja YouTube-bladsy is toegewyd om die mees komplekse konsepte van kodering in die video-tutoriale wat maklik is om te volg, te verdeel.
Wat lekker is met die struktuur en organisasie van die tutoriale is dat baie van hulle gerig is op beginners – of dit nou 'n beginner-kodering of 'n newbie-ontwikkelaar is.
Die doel is egter altyd dieselfde: help kykers / intekenare vinnig om hul koderingsvaardighede op te doen sodat hulle iets beduidends daarmee kan doen.
Die tutoriale en snitlyste wat u op hierdie kanaal sal vind, stem baie ooreen met baie van die geskrewe bronne op hierdie lys.
Nie net kry u 'n les oor hoe om kode te gebruik of 'n nuwe taal te bemeester nie, maar u kry 'n inleiding aan die begin wat verduidelik waarom dit alles van belang is.
16. Die Odin-projek (beginner)
Die Odin-projek is 'n open source projek wat daarop gemik is om webontwikkelaars toe te rus met die vaardighede wat nodig is om webwerwe van hoë gehalte te bou.
Met elke les sal u die volgende ontvang:
'N Inleiding tot die rede waarom die les belangrik is.
'N Opsomming van die leeruitkomste.
'N Opdrag met skakels na die les.
Bykomende hulpbronne om u vaardighede en begrip in die omgewing verder te bevorder.
Wat u wel agterkom as u deur die lesse gaan, is dat sommige van hulle mekaar oorvleuel met ander bronne op hierdie lys. Byvoorbeeld, die HTML Basics-les sal u na die Leer om kode HTML & CSS-webwerf te stuur.
Dit is ook nie net lesse oor die kodering van gebruikers nie. Daar is 'n les genaamd "Getting Hired":
Vir nuwe ontwikkelaars kan dit moeilik wees om kliënte te kry. Deur hierdie kursusse te voltooi, sal ontwikkelaars egter die geleentheid hê om splinternuwe webwerwe te bou en dit as voorbeeldwerk aan Github te publiseer. Dan sal hulle wenke kry oor hoe om hulself vir die toekoms in diens te neem deur die kursus Getting Hired te voltooi.
17. SitePoint (intermediêr tot gevorderd)
Die SitePoint webwerf is 'n mengsel van e-boeke vir premium ontwerp en ontwikkeling en gratis bloginhoud oor geteikende onderwerpe.
Om duidelik te wees, is SitePoint nie regtig 'n webwerf vir beginners-kodes nie. U sal 'inleiding tot' -plasings vind as u na hulle soek, maar dit is nie regtig waar hierdie webwerf skyn nie.
SitePoint is 'n goeie hulpbron vir kodeerders wat bereid is om verder te gaan as die basiese "skryf hierdie reël kode om hierdie resultaat te kry". Hier leer u hoe om kreatief te wees met die koderingskennis wat u reeds het.
Boonop is die blog vol nuttige afrondings:
18. SoloLearn (beginner tot gevorderd)
SoloLearn is die enigste mobiele (en web-app) op hierdie lys, so as u op soek is na iets wat u kan gebruik om onderweg te leer, dan is dit.
Met SoloLearn leer gebruikers hoe om met HTML en CSS sowel as gevorderde programmeringstale te kodeer.
Dit is wat u sal sien as u die SoloLearn-app (op die tafelblad) betree:
Dit is 'n goed gestruktureerde program wat met die basiese sintaksis begin en deur die verskillende komponente van die taal werk. Uiteindelik sal u 'n sertifikaat van voltooiing ontvang.
Sommige dele van die kursusse is gestruktureer as vasvrae. Om aan te gaan, moet u elke vraag korrek beantwoord.
Ander dele van die kursus is gestruktureer as basiese tutoriale met kode-uittreksels:
As u verkies om te leer, toets en validering te ontvang terwyl u saamgaan, is die kombinasie van kursus / vasvra / speelgrond hier 'n kragtige.
19. W3Schools (beginner tot gevorderd)
W3Schools het homself 'The World's Largest Web Developer Site' genoem en dit is eintlik 'n redelik akkurate beskrywing.
Of u nou die eerste keer dat u kode sien of u 'n gesoute kodeerder is, hier is iets vir almal.
Hier word rekening gehou met enige koderingstaal waarin u sou belangstel. U kan selfs tutoriale neem oor hoe om webkomponente soos ikone, grafika, kleure en meer te kodeer.
Alhoewel gebruikers 'n vinnige samevatting kry van waarvoor elke taal is, is die hooffokus op die aanvang van die praktiese les.
Dus, voordat u begin werk met enige van die tutoriale op hierdie webwerf, moet u seker wees op watter tale u moet fokus. U wil nie iets soos React begin leer as u byvoorbeeld die basiese dinge probeer bemeester nie.
Watter tale u ook al deurwerk, maak seker dat u beide die verwysings en oefeninge tegelyk gebruik.
Dit is bedoel om metgesel-verwysingsmateriaal te wees wat u lesse versterk. Benut dit beslis as u die beste wil benut uit hierdie webwerf.
20. WebsiteSetup.org (beginner tot gevorderd)
WebsiteSetup.org is vol nuttige opvoedkundige hulpbronne vir almal wat probeer om gratis te leer kodeer.
Terwyl baie van die gidse op WebsiteSetup jou wys hoe om webwerwe met WordPress te bou en aan te pas – omseil van nuuts af om dit te kodeer – is dit nie alles wat hier is nie.
Daar is byvoorbeeld 'n groeiende stel tutoriale, gidse en cheatsheets vir webwerfontwikkeling beskikbaar:
Wat met hierdie gidse wonderlik is, is dat hulle nie net gebruikers van koderingbeginsels voorsien nie, maar dat daar dikwels ook 'n sterk aansluiting by WordPress is. Op hierdie manier hoef u nie die een of die ander te kies nie: kode of WordPress. U kan die meeste put uit die bou van 'n webwerf deur die beste praktyke vir albei te leer.
'N Ander ding wat u van WebsiteSetup sal kry wat u nie in tradisionele koderingskursusse sal vind nie, is hoe u kode kan gebruik om u webwerf te ontfout en reg te stel. Soos hierdie voorbeeld van foute in WordPress.
Op hierdie manier kry u 'n meer afgeronde onderrig oor die kode, van die gebruik daarvan om 'n webwerf te bou tot dit later verbeter of herstel word..
Soos u kan sien, bied die bronne hierbo soveel verskillende maniere om u koderingsvaardighede aan te leer en te versterk:
Gereedskapondersteuning en ontwikkelingstrategieë
Dit is nie die enigste voordeel om een ​​van hierdie gratis bronne te kies om te leer om u bestaande vaardighede te kodeer of te verbeter nie.
Of u nou 'n regte blou beginner is of u al jare kodeer, u het volledige beheer oor u opleiding. U kan leer om op u eie skedule, in u eie tempo, te kodeer en vir niks meer as die koste van die tyd wat u daarin gesit het nie.