Begin met het coderen van JavaScript nu met deze 5 geweldige gratis bronnen

“Liefde - liefde is een werkwoord, liefde is een doe-woord,” of zo gaat het liedje. En eigenlijk kan hetzelfde worden gezegd over JavaScript: deze zinderende programmeertaal is een aan het doen taal.

Als u denkt dat JavaScript interessant is, moet u dat doen do JavaScript - niet alleen erover lezen. Aan de slag gaan is veel eenvoudiger dan je zou verwachten en kost niets. Ik heb drie keuzemogelijkheden voor het leren van JavaScript opgespoord die allemaal over jou gaan do iets met de taal, in plaats van alleen video's te lezen of te bekijken.

Voor een rondleiding: Codeacademy's JavaScript-track

Ervan uitgaande dat je heel weinig over JavaScript weet, is een goede eerste stap een rondleiding door de taal. Sommige mensen doen dit met een boek of twee, anderen doen het met een reeks video's. De uitstekende codeschool heeft een JavaScript-pad dat zowel goed gemaakte video's als oefeningen gebruikt, maar het draait om aanvullende technologieën zoals jQuery of CoffeeScript. CoffeeScript Is JavaScript zonder de hoofdpijn CoffeeScript is JavaScript zonder de hoofdpijn Ik heb nog nooit zo veel JavaScript geschreven zoveel. Vanaf de dag dat ik mijn eerste regel schreef, heb ik er altijd tegenin gezeten dat alles wat ik erin schrijf altijd eruitziet als een Jackson ... Lees meer. Het kost ook geld.

Als u op zoek bent naar een bron die beide gratis is en heeft een sterke nadruk op doen, je hebt Codeacademy's JavaScript-track nodig. Deze begeleide JavaScript-cursus maakt gebruik van het absolute minimum aan tekstuele verklaringen, allemaal op de zijbalk gepropt. Het grootste deel van het scherm wordt ingenomen door een elegante codebewerker die rechtstreeks in uw browser wordt uitgevoerd. Om door te gaan met de cursus, moet je echte (eenvoudige) codeeropdrachten voltooien:

De browser controleert uw code - zodra u het goed hebt, gaat u verder met de volgende fase. De cursus behandelt vele JavaScript-basics, van functies tot loops, besturingsstroom, gegevensstructuren en objecten. Dit is een geweldige manier om vertrouwd te raken met de kerntaal, voordat je in bibliotheken zoals jQuery duikt. Als je al wat JavaScript kent, hoef je niet vanaf het begin te beginnen: je mag elke sectie doen die je wilt, of zelfs meerdere paragrafen doorlopen.

Voor experimenten: de console van Chrome en jsFiddle

Als u eenmaal een basiskennis van de eenvoudige JavaScript-syntax hebt, is het volgende belangrijke ding om in gedachten te houden over de taal dat deze zeer toegankelijk is: u leest deze woorden waarschijnlijk op een moment uit een browservenster. Dit betekent dat je nu al een volwaardige JavaScript-omgeving hebt. Niets te installeren of configureren - klik met de rechtermuisknop op alles op de pagina en selecteer Inspecteer Element. Je krijgt het volgende:

Door op het bovenstaande pictogram te klikken, kunt u een JavaScript-console openen die wordt uitgevoerd in de context van de pagina waar u momenteel naar op zoek bent. Met andere woorden, u kunt de huidige pagina manipuleren met willekeurige JavaScript-code, eventuele bibliotheken gebruiken (zoals jQuery jQuery Tutorial - Aan de slag: Basics & Selectors jQuery Tutorial - Aan de slag: Basics & Selectors Vorige week heb ik gesproken over hoe belangrijk jQuery is voor elke moderne webontwikkelaar en waarom het geweldig is. Deze week denk ik dat het tijd wordt dat we onze handen vuil maken met een code en leren hoe ... Lees meer) geladen met de pagina en alles doen wat je maar wilt.

Dit is een zeer goede manier om met vallen en opstaan ​​te leren, omdat het zo toegankelijk is en er geen angst is. Je kunt geen schade aanrichten - je wijzigingen worden nergens opgeslagen, en je hoeft maar één keer op de F5-toets te drukken om alles terug te draaien en opnieuw te beginnen. Een ander belangrijk ding om te begrijpen over de console is dat je niet beperkt bent tot one-liners: je kunt verschillende regels code schrijven. Om een ​​nieuwe regel te beginnen zonder de tot nu toe ingevoerde code uit te voeren, drukt u op Shift + Enter.

Soms wilt u misschien uw eigen omgeving maken: een aangepaste combinatie van HTML, CSS, JavaScript-bibliotheken en uw eigen code. Dit kan u helpen meer omvattende ideeën uit te testen. Als je zoiets wilt maken zonder lokaal iets te hoeven instellen, dan is jsFiddle wat je nodig hebt. Dit is een omgeving met vier panelen: HTML, CSS, JavaScript en de uitvoer. In een zijbalk kunt u allerlei extra's selecteren, zoals welke JavaScript-bibliotheek u wilt gebruiken. Er zijn ook een aantal voorbeelden, waarvan sommige misschien te uitgebreid zijn voor beginners:

Een zorgvuldig gebruik van de Chrome-console en jsFiddle zou u moeten helpen JavaScript toegankelijk, speels en levend te houden. Door je uitsluitend te concentreren op rondleidingen door de taal zonder je eigen experimenten te doen, zou het misschien wel eens zo kunnen lijken dat JavaScript meer intimiderend lijkt te zijn dan het in werkelijkheid is. Het is tenslotte jouw code - speel rond!

For Reference: Mozilla Developer Network en jQuery API-documentatie

We hebben het Mozilla Developer Network eerder genoemd, als een van de vele bronnen die je kunnen helpen om te leren programmeren Learn to Code: 10 gratis en fantastische online bronnen om je vaardigheden te verbeteren Leren coderen: 10 gratis en fantastische online bronnen om je vaardigheden te verbeteren Coding. Een onderwerp dat door velen wordt vermeden. Er is een overvloed aan gratis hulpmiddelen en hulpmiddelen, die allemaal online beschikbaar zijn. Natuurlijk kun je wat cursussen over dit onderwerp volgen in een nabijgelegen ... Lees meer. Dat was in een algemenere context, omdat het MDN informatie bevat over een breed scala aan onderwerpen. Voor onze doeleinden hier moet u weten dat de MDN dient als een zeer solide referentiehandboek voor alle dingen JavaScript. Het MDN biedt wel een gestructureerde JavaScript-gids die u stap voor stap kunt volgen (afhankelijk van uw niveau van eerdere programmeerkennis), maar de echte kracht ligt in de JavaScript-verwijzingssectie. Dit is een sectie die je als soort woordenboek kunt gebruiken, alleen om de structuur van specifieke uitspraken te achterhalen.

Een andere belangrijke referentiebron is de jQuery API-documentatie. Net als het MDN lijkt deze API-documentatie aanvankelijk angstaanjagend, eng en in het algemeen onvriendelijk. En ja, geen van deze referentiehulpmiddelen zal u met zachte uitleg in de hand houden - maar ze maken het goed door uitvoerig, zeer betrouwbaar en gezaghebbend te zijn.

Codeerders hoeven niet per se alles te weten - een groot deel van het werk is weten waar te kijken wanneer je iets moet bedenken. Het leren lezen en begrijpen van de officiële documentatie is een belangrijke stap op weg naar het verbeteren van uw codeerstijl en kennis. Verwijzingen zijn krachtige hulpmiddelen in de zoektocht om te leren door te doen, omdat elk onderwerp meestal op zichzelf staat: je kunt snel iets opzoeken waar je meer informatie over nodig hebt, de kern krijgen van wat je nodig hebt en doorgaan met coderen.

En tot slot, One Optioneel boek

Eigenlijk is een boek dat ik zou willen aanbevelen. Het gaat niet om JavaScript, en je zult er geen oefeningen in vinden. In feite heeft het amper een code. En toch, het is een heel goed boek om te lezen als je nieuwsgierig bent naar het programmeren van welke aard dan ook: het heet Code Simplicity en het leert je hoe je moet denken over programmeren en hoe je het onderwerp als geheel kunt benaderen. Je kunt mijn volledige recensie ervan lezen op de Amazon-pagina (momenteel gemarkeerd als de meest behulpzame klantrecensie, awww), maar in een notendop is dit een geweldig boek over de filosofische onderbouwing van codering. Het is net alsof je een paar stappen achteruit doet van het toetsenbord en gewoon nadenkt over het onderwerp als geheel.

Code Eenvoud is op geen enkele manier vereist, maar als je merkt dat je kennis er baat bij heeft als je een boek leest, is dit een goed begin..

Leer je door te doen?

En nu kan ik je eindelijk vragen: hoe u benadering leren leren coderen? Leer je door te doen of ben je meer een lezer? Wat zijn de middelen die je hebt gebruikt in je zoektocht om coder te worden? Laat het me weten in de comments!

Meer informatie over: onderwijstechnologie, JavaScript, programmeren.