Hoe te beginnen met coderen in JavaScript? Deel 1 JavaScript-cursus van Beginner tot Gevorderd

In deze serie gaan we van Beginner naar Gevorderd in JavaScript in 10 blogposts. Aan het einde van deze serie weet je alle basisprincipes die je moet kennen om te beginnen met coderen in JavaScript.

Hoe begin je met coderen in JavaScript? – inhoudsopgave:

1. Voor wie is deze cursus?
2. Wat kun je eigenlijk doen met JavaScript?
3. Waarom is JavaScript zo populair?
4. Waar kun je JavaScript-code schrijven en uitvoeren?
5. Hoe begin je met coderen in JavaScript?

Voor wie is deze cursus?

Deze cursus is voor jou als je iemand bent die wil beginnen met coderen in JavaScript, of als je iemand bent die zijn kennis in JavaScript wil opfrissen. Ik raad ook aan om deze tutorial te bookmarken voor toekomstige referentie. Elke keer dat je een snelle herintroductie wilt hebben over de concepten of misschien gewoon om de syntaxis die in JavaScript wordt gebruikt te herinneren, zou dat een goed moment zijn om deze serie in de toekomst te bekijken.

Wat kun je eigenlijk doen met JavaScript?

Voordat je in JavaScript duikt, is het een goed idee om te weten wat je eigenlijk met JavaScript kunt doen. Je kent JavaScript misschien als de taal die het web domineert. En je zou helemaal gelijk hebben! JavaScript, begonnen als een front-end taal om gedrag aan websites toe te voegen, wordt nu in elk aspect van de websites gebruikt.

Het wordt vaak gebruikt in front-end webontwikkeling, meestal samen met andere JavaScript-frameworks en -bibliotheken zoals React. Het is ook de meest gebruikte taal in de backend webontwikkeling, dankzij Node.js, dat je in staat stelt om JavaScript op webservers uit te voeren. Maar daar stopt het helemaal niet. JavaScript wordt op allerlei plaatsen gebruikt, waaronder het creëren van Progressieve Webapplicaties en desktop-apps. Het is ook recentelijk begonnen met het gebruik in Machine Learning met TensorFlow.js. Dankzij Node.js kan het ook worden gebruikt voor het besturen van drones, robots en IoT-apparaten.

Waarom is JavaScript zo populair?

JavaScript is momenteel de populairste programmeertaal en dat is met een goede reden. Er zijn meerdere belangrijke factoren die JavaScript maken tot wat het vandaag is. Deze omvatten de brede beschikbaarheid van uitvoeringsomgevingen, codeversiebeveiliging dankzij Babel en brede acceptatie in de gemeenschap. Laten we ze een voor een bekijken.

Brede Beschikbaarheid

JavaScript domineert het web, van voor naar achter. Als je dit artikel leest om je JavaScript-kennis op te frissen, weet je waarschijnlijk dat er elke paar maanden nieuwe JavaScript-frameworks opduiken, vooral met betrekking tot front-end webontwikkeling, omdat er veel benaderingen zijn om het te optimaliseren.

Zoals we later in het artikel zullen zien, hoef je geen speciale software te installeren om te beginnen met het schrijven en uitvoeren van je JavaScript-code, omdat je de benodigde tools al in je browser hebt. Dit verlaagt de drempel om de taal te leren, aangezien de meeste programmeertalen vereisen dat je codingomgevingen installeert en instelt om zelfs maar te beginnen.

Versiebeveiliging

Het hele doel van het schrijven van code is om het daadwerkelijk uit te voeren wanneer het moet draaien. En daarbij is het laatste wat je wilt dat de helft van je website niet werkt voor een aanzienlijk aantal gebruikers. Maar wat kun je doen als je code op 1000 verschillende apparaat- en browsercombinaties moet draaien? Voor wie ga je optimaliseren en wie ga je negeren als gebruiker? Moet je überhaupt zo’n keuze maken? Als de helft van je gebruikers oude apparaten heeft en de andere helft gloednieuwe apparaten, voor wie ga je je code optimaliseren, en wie ga je negeren als klant? Het antwoord is, hopelijk niemand, dankzij Babel.

Babel is een software die ervoor zorgt dat je code zelfs op de zeer oude browsers die een zeer oude versie van JavaScript gebruiken, draait. Op deze manier hoef je geen keuze te maken die je zou dwingen om de helft van je klanten te negeren. Om duidelijk te zijn, je schrijft geen code met Babel, of het is geen variant van JavaScript. Maar het is een extreem veelgebruikte software die je al geschreven en werkende JavaScript-code neemt en deze omzet naar de versie van JavaScript die andere browsers begrijpen, zelfs als ze een zeer oude versie van JavaScript in hun browsers hebben.

Grote Gemeenschapsacceptatie

Wanneer je code schrijft, is het onvermijdelijk dat je problemen tegenkomt. En op die momenten, ongeacht welke programmeertaal je gebruikt, kan het extreem nuttig zijn om je probleem al beantwoord te zien door iemand op het internet. Dat is waar de gemeenschapssteun in beeld komt, en daarom is er StackOverflow.

Als je niet weet wat StackOverflow is, het is in feite het grootste programmeerforum dat mensen gebruiken om programmeervragen te stellen en te beantwoorden. Het is niet de enige plek waar je antwoorden zult vinden, er zijn zeker plaatsen die erg nuttig zullen zijn bij het beantwoorden van je specifieke vragen, maar de kans is groot dat je de meeste van je antwoorden daar zult vinden. Ik stel niet voor dat je gewoon naar StackOverflow gaat en daar naar je problemen zoekt. Gewoonlijk zal een Google-zoekopdracht je de beste resultaten opleveren.

En je verwacht dit misschien niet zozeer, terwijl je leert coderen, maar een groot deel van softwareontwikkeling omvat weten wat je op Google moet zoeken om je antwoorden effectiever te vinden.

Daarom willen veel mensen beginnen met coderen in JavaScript – het hebben van JavaScript als de populairste programmeertaal helpt je zeker om zowel op de korte als lange termijn met de taal te werken. Telkens wanneer je

JavaScript schrijft, stel je je voor dat duizenden mensen tegelijkertijd met jou JavaScript coderen. Sommigen stellen vragen, anderen beantwoorden vragen.

Wanneer je JavaScript codeert, ben je niet alleen.

Waar kun je JavaScript-code schrijven en uitvoeren?

Er zijn meerdere plaatsen die je kunt gebruiken om te beginnen met coderen in JavaScript. Je kunt technisch gezien JavaScript overal schrijven, inclusief een eenvoudig notitieboek of teksteditor. Maar je hebt ook een JavaScript-engine nodig om je code daadwerkelijk uit te voeren. Maar hoe krijg je er een? Nou, als je je het begin van het artikel herinnert, weet je dat je het al in je browser hebt.

In deze blogpostserie zullen we Google Chrome als browser gebruiken, omdat het een van de meest gebruikte browsers is in webontwikkeling. En dat is met een goede reden, Chrome biedt enkele van de beste tools die je leven zoveel gemakkelijker maken bij het werken met webontwikkeling. Chrome heeft een JavaScript-engine genaamd de V8 Engine, die je JavaScript-code neemt en uitvoert. Deze JavaScript-engine wordt ook gebruikt bij de ontwikkeling van Node.js, de software die je in staat stelt om JavaScript uit de browser te halen. Node.js is ook de reden waarom we JavaScript op allerlei plaatsen kunnen gebruiken, van een webserver tot een drone.

Wanneer je wilt beginnen met coderen in JavaScript, is het goed om te weten dat je een JavaScript-engine nodig hebt om je code uit te voeren, en nu weet je dat je er al een hebt die bij je browser wordt geleverd. Je weet ook dat als je JavaScript buiten de browser wilt uitvoeren, je Node.js daarvoor wilt downloaden en installeren. Maar als het gaat om het daadwerkelijk schrijven van de code en het uitvoeren ervan, wat betekent dat allemaal voor je coderingservaring? Gewoonlijk wil je een soort IDE (Integrated Development Environment) gebruiken om je code te schrijven. Op deze manier, zoals je kunt raden uit de naam, komt het met veel meer tools die het gemakkelijker maken om op de lange termijn met code te werken. Deze kunnen alles omvatten, van tekstvoltooiing voor minder typen tot een debugger. Omdat veel mensen met deze IDE’s werken, zijn er ook zeer gebruikelijke extensies die je in staat stellen om je coderingsomgeving aan te passen, inclusief het kleuren van haakjes in de code om het gemakkelijker te maken om te zien welke openingshaakjes overeenkomen met welke sluitingshaakjes. Als je geen idee hebt wat haakjes doen, maak je daar nu geen zorgen over en we zullen ze met alle details die je moet weten in deze blogserie bekijken.

Momenteel zijn enkele van de populairste IDE’s Visual Studio Code, Atom en Sublime Text. Maar hiervoor beginnen we met de eenvoudigste optie die we kunnen gebruiken, namelijk het gebruik van de Chrome-browser zelf om de JavaScript-code te schrijven en uit te voeren.

Nu je wat achtergrondinformatie over JavaScript hebt, laten we daadwerkelijk onze coderingsomgeving instellen en beginnen met een “Hello, World!” code.

Hoe begin je met coderen in JavaScript?

Om te beginnen met coderen in JavaScript moeten we de coderingsomgeving instellen.

Zoals we eerder hebben vermeld, zullen we Google Chrome gebruiken als onze browser gedurende deze blogpostserie. Als je Chrome al hebt geïnstalleerd, geweldig! Als je dat niet hebt, is de eerste stap eigenlijk om Google Chrome te installeren. Om Chrome te downloaden kun je eenvoudig zoeken naar “Google Chrome download”, om het van de website te downloaden of hier vind je een link voor je gemak om Chrome te downloaden:

Google Chrome – Download de snelle, veilige browser van Google

Nu kun je verder gaan en op de knop “Download Chrome” klikken om de download te starten. Zodra het is gedownload, kun je erop dubbelklikken en door het installatieproces gaan, zoals je zou doen met elke andere applicatie die je van internet downloadt. Het kan je ook vragen om in te loggen op een van je Google-accounts, wat je kunt doen.

Als je Chrome hebt geïnstalleerd, dubbelklik er dan op om een venster te openen. Nu zou je naar het klassieke Google-zoekscherm moeten kijken:

Om te beginnen met coderen in JavaScript is de volgende stap om de daadwerkelijke plek te openen waar we de code binnen de Chrome-browser zullen schrijven en uitvoeren. Ga vanuit het bovenste menu naar: Menu, dan Ontwikkelaar, en klik vervolgens op JavaScript-console. Je kunt ook de sneltoets voor Mac gebruiken, die “option + command + J” is.

Direct daarna zou je de JavaScript-console moeten zien openen, die er ongeveer zo uit zou moeten zien:

Als je het tot hier hebt gehaald, geweldig! Het is tijd voor een betekenisvolle stap die je in staat zal stellen om te beginnen met coderen in JavaScript. Laten we je JavaScript-reis beginnen met een hello world. Ga je gang en typ het volgende:

alert("Hello, World!");

Na het typen daarvan, laten we onze code uitvoeren door op de “Enter” of “Return” toets op je toetsenbord te drukken!

Nu zou je een melding moeten zien die eruitziet als volgt:

En daarmee heb je je eerste “hello world” code geschreven! Nu weet je hoe je moet beginnen met coderen in JavaScript.

In de volgende blogpost zie je de basisprincipes van JavaScript met codevoorbeelden.