Inleiding tot JavaScript-programmering
A course by Javier Usobiaga Ferrerwebdesigner
A course by Javier Usobiaga Ferrer, webdesigner
Ga aan de slag met de essentiële programmeertaal voor het maken van interactieve websites
JavaScript wordt beschouwd als het "derde deel van het web" en de programmeertaal die is ontworpen om een laag interactiviteit aan elke webpagina toe te voegen. Samen met HTML en CSS vormen ze de drie belangrijkste programmeertalen.
Deze cursus is een inleiding tot JavaScript, beginnend bij de basis -syntaxis en variabelen- en je zult geleidelijk je kennis uitbreiden -conditional, arrays, loops, events - met behulp van een geheugenspel dat je beetje bij beetje verbetert. little Hand in hand met Javier Usobiaga, webdesigner en oprichter van de Swwweet studio met meer dan 10 jaar ervaring.
Als dit je eerste benadering van webdesign is, is het aan te raden de cursus eerder te doen, ook door Javier Usobiaga, van Inleiding tot responsieve webontwikkeling met HTML en CSS .
Wat leer je tijdens deze online cursus?
25 lessen & 14 aanvullende bronnen
Waar is JavaScript voor?
3 minuten, 16 seconden
Editor-instellingen
4 minuten, 22 seconden
JS opnemen op onze website
6 minuten, 42 seconden
Elementen en syntaxis
10 minuten, 36 seconden
Variabelen, cijfers, letterlijke
7 minuten, 27 seconden
Operators, functies
10 minuten, 19 seconden
Wat is inbegrepen in deze cursus?
U maakt kennis met Javier, zijn werk en zijn invloeden in de wereld van webdesign en -ontwikkeling.
Je zult begrijpen wat JavaScript is, waar het voor werkt en waarom het een van de basisprogrammeertalen van het web is, samen met HTML en CSS. U leert uw code-editor zo te configureren dat deze comfortabeler werkt, en u zult zien hoe u JavaScript in een website kunt opnemen.
Uw eerste interacties met JavaScript hebben betrekking op variabelen, functies, gebeurtenissen en loops , die u zult leren schrijven naast andere aanvullende basisfuncties van JavaScript.
Vanaf hier begin je met het ontwerpen van je Memory-spel, te beginnen met de array , of lijst met waarden, die het kaartspel vertegenwoordigt waaruit het spel bestaat.
Je voegt evenementen en kansen toe aan de kaartendeal om geleidelijk de moeilijkheidsgraad in het spel te introduceren.
Het volgende ding is om het eerste element van interactiviteit toe te voegen aan je Memory-spel: markeer als fout of corrigeer het geselecteerde paar kaarten. Beetje bij beetje creëer je functies die een specifiek deel van het script oplossen, zoals het succes, de fout, en ook het beheren van feedback over die successen en fouten.
Na de toename in moeilijkheidsgraad, voeg je een timer, spelniveaus, geluidseffecten en nieuwe details toe aan de spelinterface.
Ten slotte bekijk je de verschillende bibliotheken en bronnen die JavaScript aanvullen, zoals jQuery, React en Vue.
What is this course's project?
Je zult een verbetering aanbrengen - nieuwe regels, correcties, effecten - op het Memory-spel dat je tijdens de cursus zult maken.
Projecten van studenten van de cursus
Who is this online course for?
Iedereen met interesse in webdesign en basiskennis van HTML en CSS.
Requirements and materials
Je hebt basiskennis van HTML en CSS nodig, evenals een computer en een code-editor.
Beoordelingen
- 11 dagen geleden
Hola es un optimo Curso per aprender JS e lo recomiendo a todas las personas que quieran aprender a programar sea per front-end que al Back-end. javier sei Grande!
- j3_87PLUS1 maand geleden
Es un curso muy práctico, comprensible y demasiado flexible a la hora de estudiar. Domestika hace al estudiante una experiencia única en aprender de una manera muy lúdica e intuitiva. Recomiendo este curso un 100%
- 4 maanden geleden
muy buen curso, aun que siento que hace falta un poco mas de explicacion en varios temas
- 6 maanden geleden
Excelente curso, muy bien explicado con ejemplos concisos de los temas que se estan desarrollando
- 6 maanden geleden
Great course and very detailed!
Hij geniet ook van zijn rol als Web Design-leraar in gerenommeerde workshops en scholen zoals Elisava, IDEP.
Usobiaga begrijpt het web in zijn geheel, niet alleen hoe mooi het op het computerscherm kan zijn, maar ook de bruikbaarheid ervan in verschillende apparaten en omstandigheden.
In zijn woorden: "Ik denk dat net zo belangrijk als esthetiek is hoe snel het laadt of hoe goed het reageert, en het lijkt mij dat we dat in onze branche vaak vergeten".
Inhoud
- U1
Introductie
- Presentatie
- invloeden
- U2
Aan de slag met JavaScript
- Waar is JavaScript voor?
- Editor-instellingen
- JS opnemen op onze website
- Elementen en syntaxis
- U3
Eerste interacties
- Variabelen, cijfers, letterlijke
- Operators, functies
- Event luisteraars
- Wijzig de inhoud van de DOM
- Voorwaardelijke en Booleaanse waarden
- U4
Een spel kaarten
- Matrixbewerkingen
- Lussen
- Loop-evenementen
- Objecten in JavaScript. Willekeurig of Math.willekeurig ()
- U5
Een spelletje geheugen
- Basis interactie
- Communicatie tussen functies
- Bestandsorganisatie
- Feedback beheren
- U6
Niveau omhoog
- Stopwatch en teller
- Niveaus van spelen
- Geluidseffecten
- De interface voltooien
- U7
Bibliotheken en bronnen
- JavaScript-bibliotheken
- Middelen
- EP
Eindproject
- Inleiding tot JavaScript
Wat kan je verwachten van een cursus van Domestika
Leer in je eigen tempo
Geniet van thuis leren, zonder lesroosters en in je eigen tempo. Jij beslist wanneer je verder gaat met het volgende onderdeel.
Leer met de beste professionals
Leer de meest bruikbare methoden en technieken van de beste professionals in de creatieve industrie.
Ontmoet deskundige docenten
Iedere docent brengt kennis met passie over, biedt duidelijke uitleg en een professioneel perspectief bij elke les.
Certificates
PLUSIf you're a Plus member, get a persoonlijk certificaat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Zorg dat je op de voorste rij zit
Dankzij de hoge kwaliteit van de video's mis je geen enkel detail. Dankzij de onbeperkte toegang kun je de lessen zo vaak bekijken als nodig is om je vaardigheden te perfectioneren.
Deel kennis en ideeën
Stel vragen, krijg feedback en bied oplossingen aan. Deel je leerervaringen met andere studenten in de community die net als jij een passie hebben voor creativiteit.
Maak contact met een wereldwijde creatieve community
Deze community heeft miljoenen gebruikers van over de hele wereld, nieuwsgierig en enthousiast om hun creativiteit te verkennen en te uiten.
Geef cursussen op een professionele manier
Domestika selecteert zorgvuldig haar docenten en produceert iedere cursus in eigen huis om een uitstekende online leerervaring te garanderen.
Veelgestelde vragen
This course is designed for people with basic programming and HTML/CSS knowledge; you don’t need to be an expert. It’s perfect if you already have a foundation and want to dive deeper into JavaScript interactivity and logic.
All you need is a computer with internet access and a free code editor like VSCode, Brackets, or Atom. Basic HTML and CSS knowledge is also recommended to get the most out of the course.
You’ll learn to manipulate the DOM, handle events, use variables, functions, conditionals, arrays, and objects, plus build a complete memory game with levels, a timer, animations, and visual effects using JavaScript.
The course focuses on building interactive web apps with JavaScript, emphasizing hands-on creation of a digital memory game using logic, data structures, and modern programming techniques.
Yes, you’ll build a fully functional memory game implementing level logic, a timer, event handling, multidimensional arrays, animations, and game reset—all with pure JavaScript.
Free editors like VSCode, Brackets, or Atom are recommended. You’ll learn to install extensions such as Prettier and Bracket Colorizer and configure formatting and linting options to improve code readability and quality.
You’ll be able to create interactive web games, modular apps, dynamic interfaces, and experiment with animations, visual effects, and advanced logic using JavaScript and HTML/CSS.