Einführung in die JavaScript-Programmierung
Ein Kurs von Javier Usobiaga FerrerWebdesigner
Ein Kurs von 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.
Was ist das Kursprojekt?
Sie werden das Memory-Spiel, das Sie im Laufe des Kurses erstellen, verbessern - neue Regeln, Korrekturen, Effekte.
Projekte von Kursteilnehmenden
An wen richtet sich dieser Onlinekurs?
Für alle, die sich für Webdesign interessieren und über Grundkenntnisse in HTML und CSS verfügen.
Anforderungen und benötigte Materialien
Sie benötigen Grundkenntnisse in HTML und CSS sowie einen Computer und einen Code-Editor.
Bewertungen
- vor 2 Monaten
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!
- vor 3 Monaten
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 6 Monaten
muy buen curso, aun que siento que hace falta un poco mas de explicacion en varios temas
- vor 8 Monaten
Excelente curso, muy bien explicado con ejemplos concisos de los temas que se estan desarrollando
- vor 8 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.
Zertifikate
PLUSErhalte als Plus-Mitglied für jeden Kurs ein von deiner Lehrperson personalisiertes und unterzeichnetes Zertifikat. Teile es in deinem Portfolio, in sozialen Netzwerken oder wo immer du möchtest.
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
Der Kurs richtet sich an Personen mit Grundkenntnissen in Programmierung sowie HTML/CSS, Expertenwissen ist nicht erforderlich. Er eignet sich ideal, wenn du bereits eine Basis hast und tiefer in Interaktivität und Logik mit JavaScript eintauchen möchtest.
Du brauchst nur einen Computer mit Internetzugang und einen kostenlosen Code-Editor wie VSCode, Brackets oder Atom. Grundkenntnisse in HTML und CSS sind empfehlenswert, um den Kurs optimal zu nutzen.
Du lernst, den DOM zu manipulieren, Events zu handhaben, Variablen, Funktionen, Bedingungen, Arrays und Objekte zu nutzen und ein komplettes Memory-Spiel mit Levels, Stoppuhr, Animationen und visuellen Effekten in JavaScript zu erstellen.
Der Kurs konzentriert sich auf die Entwicklung interaktiver Webanwendungen mit JavaScript, mit einem praktischen Schwerpunkt auf der Erstellung eines digitalen Memory-Spiels, bei dem Logik, Datenstrukturen und moderne Programmiertechniken angewendet werden.
Ja, du programmierst ein voll funktionsfähiges Memory-Spiel, das Level-Logik, Stoppuhr, Event-Handling, mehrdimensionale Arrays, Animationen und Spielneustart mit reinem JavaScript beinhaltet.
Empfohlen werden kostenlose Editoren wie VSCode, Brackets oder Atom. Du lernst, Erweiterungen wie Prettier oder Bracket Colorizer zu installieren und Formatierungs- sowie Linting-Optionen einzurichten, um die Lesbarkeit und Qualität deines Codes zu verbessern.
Nach dem Kurs kannst du interaktive Webspiele, modulare Anwendungen, dynamische Interfaces erstellen und mit Animationen, visuellen Effekten sowie komplexer Logik in JavaScript und HTML/CSS experimentieren.