Einführung in die JavaScript-Programmierung
A course by Javier Usobiaga FerrerWebdesigner
A course by Javier Usobiaga Ferrer, Webdesigner
Beginnen Sie mit der wesentlichen Programmiersprache zum Erstellen interaktiver Websites
JavaScript wird als "dritter Teil des Webs" und als Programmiersprache betrachtet, mit der jeder Webseite eine Ebene der Interaktivität hinzugefügt werden kann. Zusammen mit HTML und CSS bilden sie die drei wichtigsten Programmiersprachen.
Dieser Kurs ist eine Einführung in JavaScript, beginnend mit den grundlegendsten - Syntax und Variablen - und Sie werden Ihr Wissen - Bedingungen, Arrays, Schleifen, Ereignisse - mithilfe eines Memory-Spiels, das Sie schrittweise verbessern, schrittweise erweitern aus der Hand von Javier Usobiaga, Webdesigner und Gründer des Swwweet-Studios mit mehr als 10 Jahren Erfahrung.
Wenn dies Ihr erster Ansatz für Webdesign ist, wird empfohlen, dass Sie den Kurs zuvor, ebenfalls von Javier Usobiaga, unter Einführung in die Responsive Web-Entwicklung mit HTML und CSS .
Was lernst du in diesem Onlinekurs?
25 Lektionen & 14 Downloads
Wofür ist JavaScript?
3 Minuten, 16 Sekunden
Editoreinstellungen
4 Minuten, 22 Sekunden
Einbindung von JS in unsere Website
6 Minuten, 42 Sekunden
Elemente und Syntax
10 Minuten, 36 Sekunden
Variablen, Ziffern, Literale
7 Minuten, 27 Sekunden
Operatoren, Funktionen
10 Minuten, 19 Sekunden
Was ist in diesem Kurs enthalten?
Sie werden zunächst Javier, seine Arbeit und seine Einflüsse in der Welt des Webdesigns und der Webentwicklung kennenlernen.
Sie werden verstehen, was JavaScript ist, wofür es funktioniert und warum es neben HTML und CSS eine der grundlegenden Programmiersprachen des Webs ist. Sie lernen, Ihren Code-Editor so zu konfigurieren, dass er komfortabler funktioniert, und lernen dann, wie Sie JavaScript in eine Website integrieren.
Ihre ersten Interaktionen mit JavaScript umfassen Variablen, Funktionen, Ereignisse und Schleifen , die Sie zusammen mit anderen ergänzenden grundlegenden JavaScript-Funktionen schreiben lernen.
Von hier aus beginnen Sie mit dem Entwurf Ihres Memory-Spiels, beginnend mit dem Array __ oder der Werteliste, die das Kartenspiel darstellt, aus dem das Spiel besteht.
Sie werden dem Kartenspiel Ereignisse und Chancen hinzufügen, um Schwierigkeiten im Spiel einzuführen.
Der nächste Schritt besteht darin, Ihrem Memory-Spiel das erste Element der Interaktivität hinzuzufügen: Markieren Sie das ausgewählte Kartenpaar als falsch oder richtig. Nach und nach erstellen Sie Funktionen, die einen bestimmten Teil des Skripts lösen, z. B. den Erfolg, den Fehler usw., und verwalten auch das Feedback zu diesen Erfolgen und Fehlern.
Nach dem zunehmenden Schwierigkeitsgrad fügen Sie der Spieloberfläche einen Timer, Spielstufen, Soundeffekte und neue Details hinzu.
Abschließend werden Sie die verschiedenen Bibliotheken und Ressourcen überprüfen, die JavaScript ergänzen, z. B. jQuery, React und Vue.
What is this course's project?
Sie werden das Memory-Spiel, das Sie im Laufe des Kurses erstellen, verbessern - neue Regeln, Korrekturen, Effekte.
Projekte von Kursteilnehmenden
Who is this online course for?
Für alle, die sich für Webdesign interessieren und über Grundkenntnisse in HTML und CSS verfügen.
Requirements and materials
Sie benötigen Grundkenntnisse in HTML und CSS sowie einen Computer und einen Code-Editor.
Bewertungen
- vor 11 Tagen
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_87PLUSvor 1 Monat
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%
- vor 4 Monaten
muy buen curso, aun que siento que hace falta un poco mas de explicacion en varios temas
- vor 6 Monaten
Excelente curso, muy bien explicado con ejemplos concisos de los temas que se estan desarrollando
- vor 6 Monaten
Great course and very detailed!
Inhalt
- E1
Einführung
- Präsentation
- Einflüsse
- E2
Beginnend mit JavaScript
- Wofür ist JavaScript?
- Editoreinstellungen
- Einbindung von JS in unsere Website
- Elemente und Syntax
- E3
Erste Interaktionen
- Variablen, Ziffern, Literale
- Operatoren, Funktionen
- Ereignis-Listener
- Ändern Sie den DOM-Inhalt
- Bedingt und boolesch
- E4
Ein Kartenspiel
- Array-Operationen
- Schleifen
- Looping-Ereignisse
- Objekte in JavaScript. Zufall oder Math.random ()
- E5
Ein Memory-Spiel
- Grundlegende Interaktion
- Kommunikation zwischen Funktionen
- Dateiorganisation
- Feedback verwalten
- E6
Level auf
- Stoppuhr und Zähler
- Spiellevel
- Soundeffekte
- Vervollständigung der Schnittstelle
- E7
Bibliotheken und Ressourcen
- JavaScript-Bibliotheken
- Ressourcen
- AP
Abschlussprojekt
- Einführung in JavaScript
Was erwartet dich in einem Domestika-Kurs?
Lerne in deinem Tempo
Lerne bequem von zuhause aus, in deinem eigenen Tempo und ohne festen Zeitplan. Du entscheidest, wann und wo.
Lerne mit den Profis
Lerne die nützlichsten Techniken und Methoden mit den Profis der Kreativbranche.
Tritt mit den erfahrendsten Experten in Kontakt
Jede Lehrperson übermittelt dir in jeder Lektion leidenschaftlich sein/ ihr Wissen mittels ausführlichen Erklärungen aus professioneller Sicht.
Certificates
PLUSIf you're a Plus member, get a personalisiertes und unterzeichnetes Zertifikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Sei ganz vorne mit dabei
Dank hochwertig produzierter und gestochen scharfer Videos entgeht dir kein einziges Detail. Du hast uneingeschränkten Zugriff auf deinen Kurs und kannst dir so alle Videolektionen so oft ansehen, wie du möchtest.
Teile Wissen und Ideen
Stelle deine Fragen, bitte um Meinungen und biete Lösungsansätze. Teile deine Lernerfahrung mit anderen Schüler*innen in der Community, die genauso kreativ sind wie du.
Sei Teil einer globalen kreativen Community
Die Community umfasst Millionen wissbegierige Menschen weltweit, die Freude an kreativem Ausdruck finden.
Arbeite mit von Profis produzierten Kursen
Um eine einzigartige Online-Lernerfahrung zu garantieren, zählt Domestika auf eine sorgfältige Auswahl der Lehrpersonen und produziert jeden Kurs intern.
FAQ
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.