Deel 10 van de JavaScript-cursus van beginner tot gevorderd in 10 blogposts

Dit is deel 10 en het laatste deel van de JavaScript blogpostserie die je van beginner naar gevorderd zal brengen. Laten we zonder verdere omhaal van woorden beginnen met de laatste tutorial.

JavaScript cursus – inhoudsopgave:

1. JavaScript onderwerpen die we hebben behandeld
2. JavaScript basisprincipes en het opzetten van de programmeeromgeving
3. JavaScript best practices
4. Variabelen en constanten
5. Basisdatatypes in JavaScript
6. Lussen in programmeren
7. Arrays en functies
8. JavaScript objecten
9. Zeer voorkomende concepten in JavaScript
10. Waar te gaan vanaf hier?

Wauw! Je hebt het eindelijk hierheen gemaakt! De meeste mensen volgen hun passies niet op en stoppen met de cursussen die ze volgen na slechts een paar tutorials, en dit is alleen het geval als ze er al mee beginnen!

JavaScript onderwerpen die we hebben behandeld

Gedurende deze JavaScript cursus zijn we begonnen met de allereerste basisprincipes van JavaScript en hebben we ons een weg gebaand naar behoorlijk geavanceerde concepten.

De eerste stap om te beginnen met JavaScript was om eigenlijk te begrijpen waarom we JavaScript in de eerste plaats leren. Er zijn meerdere belangrijke redenen waarom je misschien wilt beginnen met JavaScript, maar de meest prominente toepassingen van JavaScript zijn meestal op de een of andere manier in webontwikkeling. JavaScript begon als een front-end taal en verspreidde zich naar de backend servers en begon daar ook te domineren.

Ongeacht waarom je JavaScript leert, is het waarschijnlijk een goed idee om even snel deze JavaScript cursus opnieuw door te nemen.

Op deze manier kun je je voortgang zien en de delen zien waar je echt goed in bent, wat je in het begin misschien intimideerde, evenals de delen die je misschien hebt genegeerd of gemist.

JavaScript basisprincipes en het opzetten van de programmeeromgeving

Na het zien van waarom JavaScript zo populair is en wat je er eigenlijk mee kunt doen, zijn we begonnen met enkele Hello world! voorbeelden. We hebben onze programmeeromgeving ingesteld in Google Chrome en zijn begonnen met het gebruik van de JavaScript Console om wat code te schrijven. Aanvankelijk begon de code die we schreven als echt eenvoudig en elke regel die we schreven had een eenvoudig doel, zonder dat deze met andere regels verbonden was. Toen de complexiteit van onze code begon toe te nemen, hebben we onze programmeeromgeving geüpgraded naar de Google Chrome Console. Met de Console konden we comfortabel meerregelige code schrijven die geleidelijk complexer werd gedurende de hele JavaScript cursus.

JavaScript best practices

Gedurende de serie hebben we ook veel coding best practices opgenomen. Deze best practices maken je leven gemakkelijker wanneer je net begint, en ze worden zelfs waardevoller wanneer je begint te werken of samen te werken met andere mensen. En precies om die reden zijn er zelfs standaarden en gezegden zoals “Alle code zou eruit moeten zien alsof het door één persoon is geschreven, ongeacht hoeveel mensen hebben samengewerkt.” Dit is precies waarom een van de allereerste concepten die we hebben gezien, het commentariëren van onze code was. Dit maakt je niet alleen een betere programmeur in de toekomst, maar het zorgt er ook voor dat je een betere programmeerervaring hebt wanneer je net begint.

Variabelen en constanten

Vervolgens hebben we gezien dat we gegevens kunnen opslaan in wat variabelen en constanten worden genoemd. Bij het beslissen welke we moeten kiezen voor nieuwe gegevens, moeten we in gedachten houden dat als we niet verwachten de gegevens te wijzigen, we het “const” sleutelwoord willen gebruiken. Als we denken dat we die waarde moeten wijzigen, moeten we het “let” sleutelwoord gebruiken. Dit zijn de huidige best practices, maar we hebben ook gezien dat vóór ES6 de enige manier om variabelen te gebruiken was door deze te declareren met het “var” sleutelwoord. Na het zien van de potentiële problemen die veroorzaakt worden door de flexibiliteit die komt met het var sleutelwoord, werd in 2015, met de ES6 standaard, de nieuwe en moderne manier om JavaScript te schrijven het gebruik van de “const” en “let” sleutelwoorden.

Basisdatatypes in JavaScript

Daarna hebben we gesproken over de basisdatatypes in JavaScript. Het belangrijkste punt hier is te begrijpen dat verschillende datatypes goed zijn in het uitvoeren van verschillende taken. Daarom is het belangrijk om te begrijpen met welke soorten datatypes we werken. Later hebben we gezien dat we door het gebruik van if else statements controle over onze code kunnen krijgen. Begonnen met die, leerden we onze code gedeeltelijk te negeren om deze aan te passen aan bepaalde specifieke voorwaarden. We leerden over verschillende besturingsstructuren die we kunnen gebruiken om meer precieze controle over onze code en gegevens te hebben. Op deze manier kan onze code zich aanpassen aan verschillende invoer met nauwkeurigere antwoorden.

Lussen in programmeren

Vervolgens ontdekten we lussen in programmeren. We zagen dat we met het gebruik van lussen konden beginnen met het vermijden van herhaling in onze code. Dit stelde ons in staat om gedeeltelijk DRY te zijn. Dit staat voor Don’t Repeat Yourself.

Over het algemeen willen we niet meer code schrijven dan nodig is om de taak te voltooien. Want elke keer dat we meer code schrijven, introduceren we meer kansen voor fouten in de code. Het kost meer tijd en moeite om meer code te schrijven, introduceert potentiële fouten, het is meestal niet efficiënt omdat je nu dezelfde code misschien 10 keer moet opslaan. En over het algemeen kan het de programmeerervaring aanzienlijk verminderen. Dit is waarom we, beginnend met de while-lussen en for-lussen, begonnen zijn met het uitsnijden van potentieel repetitieve code.

Arrays en functies

We hebben ook andere fundamentele concepten, onderwerpen en best practices in JavaScript gezien. We hebben gezien dat arrays echt goed zijn in het groeperen van gerelateerde gegevens, zoals maanden van het jaar, enkele gerelateerde nummers die we moeten opslaan, enzovoort. Vervolgens hebben we gezien dat functies echt krachtig zijn en we functies kunnen gebruiken om onze code echt te modulariseren en veel voordelen te behalen. Enkele van die voordelen van het groeperen van onze functionaliteiten binnen verschillende functies zijn dat we een veel meer modulaire, relatief gemakkelijk testbare code creëren. We verminderen ook aanzienlijk onze kansen om onszelf te herhalen.

We hebben gezien dat er twee hoofdtypen functies zijn. Een daarvan zijn pure functies, het andere type zijn onzuivere functies. Over het algemeen, wanneer we kunnen, moeten we proberen pure functies te gebruiken in plaats van onzuivere functies. Op deze manier zullen de pure functies die we schrijven zich op dezelfde manier gedragen en ons dezelfde resultaten geven, ongeacht waar we de code uitvoeren of wanneer we de code uitvoeren.

JavaScript objecten

Vervolgens hebben we objecten gezien. We hebben geleerd dat objecten goed zijn in het opslaan van sterk geassocieerde gegevens die veel dimensies kunnen hebben. We zijn begonnen met de eenvoudigste manier om objecten te creëren en hebben ons een weg gebaand naar het creëren van blauwdrukken voor de objecten en vervolgens het creëren van meerdere objecten vanuit die blauwdruk. Het gebruik van deze blauwdrukken stelt ons in staat om ervoor te zorgen dat de velden in objecten dezelfde richtlijnen volgen en dezelfde velden hebben. Op deze manier kunnen we er aan het eind van de dag zeker van zijn dat we een veel uniformere database hebben om mee te werken. Het stelde ons ook in staat om aanzienlijk DRY code te schrijven.

Zeer voorkomende concepten in JavaScript

Vervolgens hebben we zeer voorkomende concepten en onderwerpen in JavaScript gezien. Een grote meerderheid daarvan was gebaseerd op het verder optimaliseren van functies, op de een of andere manier. Door gebruik te maken van map- en filtermethoden konden we enkele for-lussen en if statements overslaan. Door de pijl functies te gebruiken, konden we de grootte van onze functies aanzienlijk verminderen. We hebben veel functies gezien in deze JavaScript cursus, waaronder de pijl functies die zijn geïntroduceerd met de ES6 of ES2015, die de grootste recente veranderingen in de JavaScript standaarden zijn.

Waar te gaan vanaf hier?

Afhankelijk van wat je wilt bereiken, kun je verschillende routes nemen. Als je gewoon de basisprincipes van JavaScript wilde opfrissen omdat je er binnenkort mee moet werken, hoop ik dat deze JavaScript cursus je een uitgebreide gids heeft geboden. Misschien was je al goed in een andere taal, zoals Python, maar wilde je ook JavaScript zien. Als dat het geval is, hoop ik dat ik het relatief gemakkelijk voor je heb gemaakt om te beginnen met de JavaScript syntaxis en concepten. Of misschien ben je net begonnen met webontwikkeling en wist je dat JavaScript behoorlijk populair is.

In beide gevallen hoop ik dat deze JavaScript cursus je enige waarde heeft gegeven. Als je een vriend kent die deze serie nuttig zou vinden, overweeg dan om de eerste tutorial van deze serie met hen te delen, zodat zij ook met hun JavaScript-reis kunnen beginnen.