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

Advertentie

"Liefde - liefde is een werkwoord, liefde is een doe-woord", zo gaat het liedje. En eigenlijk kan hetzelfde worden gezegd over JavaScript: deze zinderende programmeertaal is een goede taal.

Als je denkt dat JavaScript interessant is, moet je JavaScript doen - niet alleen 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 er allemaal op zijn gericht om je ertoe te brengen iets met de taal te doen, 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 je op zoek bent naar een bron die zowel gratis is als sterk de nadruk legt op doen, dan heb je de JavaScript-track van Codeacademy 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 u al wat JavaScript kent, hoeft u niet vanaf het begin te beginnen: u kunt elke gewenste sectie uitvoeren 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 nu 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 Inspect 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 maken 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. De 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 enkele van deze referentiehulpmiddelen zal je aan de hand houden door zachte uitleg - 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. Referenties 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

Er is eigenlijk één 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 hiervan 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 verplicht te lezen, maar als je merkt dat je kennis baat kan hebben bij het lezen van een boek, is dit een goede om mee te beginnen.

Leer je door te doen?

En nu kan ik je eindelijk vragen: hoe benader je het 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 reacties!