Inleiding tot JavaScript-programmering
Een cursus van Javier Usobiaga Ferrerwebdesigner
Een cursus van 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.
Wat is het cursusproject?
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
Voor wie is deze online cursus bedoeld?
Iedereen met interesse in webdesign en basiskennis van HTML en CSS.
Vereisten en materialen
Je hebt basiskennis van HTML en CSS nodig, evenals een computer en een code-editor.
Beoordelingen
- 2 maanden 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!
- 3 maanden 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%
- 6 maanden geleden
muy buen curso, aun que siento que hace falta un poco mas de explicacion en varios temas
- 8 maanden geleden
Excelente curso, muy bien explicado con ejemplos concisos de los temas que se estan desarrollando
- 8 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.
Certificaten
PLUSAls Plus-lid krijg je voor elke cursus een persoonlijk certificaat, ondertekend door je docent. Deel het in je portfolio, op social media of waar je maar wilt.
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
De cursus is bedoeld voor mensen met basiskennis van programmeren en HTML/CSS, maar je hoeft geen expert te zijn. Het is ideaal als je al een fundament hebt en dieper wilt ingaan op interactiviteit en logica in JavaScript.
Je hebt alleen een computer met internettoegang nodig en een gratis code-editor zoals VSCode, Brackets of Atom. Basiskennis van HTML en CSS is ook aanbevolen om het meeste uit de cursus te halen.
Je leert de DOM manipuleren, omgaan met events, variabelen, functies, conditionals, arrays en objecten gebruiken, en je maakt een compleet memory-spel met levels, een timer, animaties en visuele effecten in JavaScript.
De cursus richt zich op het ontwikkelen van interactieve webapplicaties met JavaScript, met een praktische focus op het maken van een digitaal memory-spel, waarbij je logica, datastructuren en moderne programmeertechnieken toepast.
Ja, je bouwt een volledig functioneel memory-spel, met level-logica, timer, event-handling, multidimensionale arrays, animaties en een resetfunctie, allemaal met puur JavaScript.
Aanbevolen worden gratis editors zoals VSCode, Brackets of Atom. Je leert extensies installeren zoals Prettier of Bracket Colorizer en hoe je formatterings- en lintingopties instelt om je code leesbaarder en beter te maken.
Na afloop kun je interactieve webgames maken, modulaire apps bouwen, dynamische interfaces ontwerpen en experimenteren met animaties, visuele effecten en geavanceerde logica met JavaScript en HTML/CSS.