Schaffe in kürzester Zeit den praktischen Einstieg in die Programmiersprache JavaScript
... und lerne, wie du mithilfe von JavaScript dynamische Webseiten kreierst, mit welchen Nutzer interagieren können.
Laufzeit des Kurses
ca. 10 Stunden
Benötigte Vorkenntnisse
Du benötigst keine Vorkenntnisse
JavaScript ist die Programmiersprache des Web´s.
Und gehört deshalb auch zu den wichtigsten Programmiersprachen, die du heutzutage als Webentwickler beherrschen musst.
In diesem Kurs wirst du deshalb JavaScript von 0 an leichtverständlich lernen, sodass du am Ende eigene Website-Projekte umsetzen kannst.
Du wirst unteranderem die folgenden Themen lernen:
Wenn du also den Quereinstieg in die Programmierung planst, deine bereits bestehenden Programmierkenntnisse für einen neuen Job oder ein Jobinterview ausbauen möchtest oder einfach nur hobbymäßig eigene Webseiten entwickeln möchtest, dann ist dieser Kurs perfekt für dich geeignet.
Inhaltsverzeichnis des Kurses
In diesem Modul erfährst du, was dich im Kurs erwartet. Zu dem wirst du lernen, wieso JavaScript der perfekte Start in die Webentwicklung ist.
Diese Lektionen erwarten dich:
- [Text] Kursübersicht und Voraussetzungen
- [Video 1] JavaScript - Der perfekte Start in die Webentwicklung
In diesem Modul wirst du in die Welt von JavaScript eintauchen und deine ersten Zeilen JavaScript Code schreiben. Du wirst zudem lernen, wie man eine JavaScript-Datei erstellt und ausführt. Auch die Themen Kommentare und Konsolenausgaben werden detailliert besprochen.
Diese Lektionen erwarten dich:
- [Video 1] Deine erste Zeile JavaScript
- [Video 2] Eine JavaScript Datei erstellen und ausführen
- [Video 3] Kommentare
- [Video 4] Informationen in die Konsole schreiben
In diesem Modul wirst du die wichtigsten Grundbausteine von JavaScript kennenlernen.
Diese Lektionen erwarten dich:
- [Video 1] Einleitung Variablen
- [Video 2] Arbeiten mit Variablen
- [Video 3] Rechnen mit Variablen
- [Video 4] Operatoren für eine verkürzte Schreibweise
- [Video 5] Vergleichsoperatoren
Das Konzept von Arrays ist in JavaScript wahnsinnig wichtig. In diesem Modul werden wir das Thema deshalb über mehrere Videos hinweg detailliert behandeln.
Diese Lektionen erwarten dich:
- [Video 1] Einleitung Arrays
- [Video 2] Zugriff auf spezifische Array Elemente
- [Video 3] Die Array length-Property
- [Video 4] Elemente zum Array hinzufügen
- [Video 5] Elemente an bestimmter Stelle im Array einfügen
- [Video 6] Mehrere Arrays miteinander verbinden/verketten
- [Video 7] Elemente aus Array löschen
- [Video 8] Element/Index im Array finden
- [Video 9] Arrays sortieren bzw. umdrehen
In diesem Modul wirst du das Basis-Wissen zum Thema "Objekte" erlangen.
Diese Lektionen erwarten dich:
- [Video 1] Objekte erzeugen
- [Video 2] Objekt-Eigenschaften auslesen
- [Video 3] Objekt-Eigenschaften verändern
Um mit einer Programmiersprache Logik zu implementieren, sind Verzweigungen notwendig. In diesem Modul werden wir uns deshalb die verschiedenen Möglichkeiten hierzu ansehen.
Diese Lektionen erwarten dich:
- [Video 1] Einleitung if else Statements
- [Video 2] Bedingungen umdrehen (!-Operator)
- [Video 3] else if Statements
- [Video 4] Ampel-Programm um HTML-Formular erweitern
- [Video 5] Exkurs: Quellcode und Projekte hochladen mit Git
- [Video 6] Kino-Kasse programmieren (ODER-Operator)
- [Video 7] Verkehrsblitzer programmieren (UND-Operator)
- [Video 8] Nested if Statements
- [Video 9] Switch-Statement
Ein ebenfalls sehr wichtiges Konzept stellen Schleifen dar. In diesem Video wirst du deshalb im Detail an die unterschiedlichen Schleifen-Arten herangeführt.
Diese Lektionen erwarten dich:
- [Video 1] for Schleife
- [Video 2] Die for Schleife praktisch anwenden
- [Video 3] for of Schleife
- [Video 4] while Schleife
- [Video 5] do while Schleife
- [Video 6] Verschachtelte Schleifen
- [Video 7] break und continue
Mithilfe von Funktionen kann man seinen Code besser strukturieren sowie Redundanzen vermindern. In diesem Video wirst du deshalb lernen, wie du Funktionen erzeugen kannst, was es mit Rückgabewerten auf sich hat und vieles mehr.
Diese Lektionen erwarten dich:
- [Video 1] Funktionen erzeugen
- [Video 2] Rückgabewerte von Funktionen
- [Video 3] undefined und NaN
- [Video 4] arrow functions
- [Video 5] Exkurs: Variablen Scope
- [Video 6] Exkurs: Konstante Variablen
- [Video 7] Übung: Studenten NC-Durschschnitt (1)
- [Video 8] Übung: Studenten NC-Durschschnitt (2)
Ein Thema, bei dem Programmiereinsteiger oftmals an ihre Grenzen gelangen, ist das Thema "Objektorientierte Programmierung". Solltest du dieses Thema allerdings von vornherein didaktisch gut aufbereitet vorgetragen bekommen, dann ist dieses wichtige und allgegenwärtige Konzept einfach zu verstehen. Genau dies war auch der Anspruch, den wir bei der Entwicklung dieses Moduls hatten.
Diese Lektionen erwarten dich:
- [Video 1] Klassen
- [Video 2] Methoden
- [Video 3] export, import und cors
- [Video 4] Visual Studio Live Preview für lokalen Webserver
- [Video 5] Verschiedene Arten des Imports
In diesem Modul werden wir uns im Detail das Document Object Model (DOM) ansehen.
Diese Lektionen erwarten dich:
- [Video 1] HTML-Elemente via JavaScript erzeugen
- [Video 2] Event Listener
- [Video 3] CSS-Klassen dynamisch hinzufügen und entfernen
Ein wichtiges Dateiformat in der Programmierung ist JSON (JavaScript Object Notation). In diesem Modul wirst du alles wichtige hierzu erfahren.
Diese Lektionen erwarten dich:
- [Video 1] JavaScript Objekte ins JSON-Format konvertieren
- [Video 2] JSON-Inhalte von einer externen API lesen
In diesem Modul wirst du unterschiedliche weitere wichtige JavaScript Konzepte kennenlernen.
Diese Lektionen erwarten dich:
- [Video 1] try, catch, finally und throw
- [Video 2] promises
- [Video 3] setTimeout und setInterval
- [Video 4] Callbacks
- [Video 5] Array filter und map
In diesem Modul widmen wir uns ausführlich der externen Bibliothek jQuery.
Diese Lektionen erwarten dich:
- [Video 1] Externe Bibliotheken einbinden am Beispiel von jQuery
- [Video 2] jQuery verwenden
- [Video 3] jQuery Events
- [Video 4] jQuery load
- [Video 5] jQuery ajax
- [Video 6] Ergänzung zu jQuery ajax
Um möglichst effizient gut aussehende Websites zu programmieren, ist ein CSS-Framework wie Bootstrap super hilfreich. In diesem Modul erhältst du eine Einführung in Bootstrap, sodass du dieses Framework fortan in deinen Projekten anwenden kannst.
Diese Lektionen erwarten dich:
- [Video 1] Einleitung Bootstrap
- [Video 2] Bootstrap in Aktion
- [Video 3] Exkurs: Query Parameter
In diesem abschließendem Projekt werden wir gemeinsam eine komplette Beispiel-Webseite umsetzen. Wir werden hierzu alle unsere Fähigkeiten einsetzen, die wir im Verlauf des Kurses erworben haben.
Diese Lektionen erwarten dich:
- [Video 1] Einleitung Praxisprojekt
- [Video 2] Navigationsleiste erstellen
- [Video 3] Studenten Form erstellen
- [Video 4] Studenten Form anpassen
- [Video 5] Studenten Objekte erstellen
- [Video 6] Studenten Tabelle
- [Video 7] Table Styling
- [Video 8] Studenten im localstorage speichern
- [Video 9] Navigationsleiste anpassen
- [Video 10] Index Seite verwenden
- [Video 11] Finales Styling und Abschluss
In diesem BONUS Modul lernst du alle wichtigen Grundlagen von HTML und CSS, damit du diesen Kurs auch komplett ohne Vorkenntnisse durcharbeiten kannst.
Diese Lektionen erwarten dich:
- [Video 1] HTML Grundstruktur
- [Video 2] Headlines, Listen, Anchor und Buttons
- [Video 3] Input Felder
- [Video 4] Tabellen
- [Video 5] CSS Grundlagen
Das sagen unsere Kunden
Was du bekommst
67€
Nach dem Durcharbeiten des Kurses besitzt du ... | |
|---|---|
Die Fähigkeit, eigene Webseiten mithilfe von HTML, CSS und JavaScript umzusetzen | |
Ein tiefgreifendes Verständnis für die Grundkonzepte der Webentwicklung | |
Auf dem Arbeitsmarkt sehr gefragte Entwicklerfähigkeiten | |
Praxiserfahrung aufgrund der zahlreichen Praxisbeispiele und des Praxisprojekts | |
Nach dem Durcharbeiten des Kurses besitzt du ...
Ab sofort kannst du von überall aus lernen.
Wir präsentieren: Die Programmieren Starten App!
Innerhalb der App können alle Kursvideos auch auf dein Gerät heruntergeladen werden, sodass du auch ohne Internetverbindung von überall aus lernen kannst.
Häufig gestellte Fragen
Du benötigst für diesen Kurs grundlegende HTML und CSS Vorkenntnisse.
Der Kurs besteht insgesamt aus knapp 10 Stunden Videomaterial. Du kannst dieses Videomaterial also technisch gesehen an einem Tag durcharbeiten. Um die im Kurs gelernten Konzepte wirklich zu verinnerlichen, empfehlen wir eine Bearbeitungszeit von 14 - 31 Tagen.
Wir bieten zu jedem unserer Kurse eine 14 Tage Geld-zurück-Garantie an. Solltest du also nach 14 Tagen keine Fortschritte an deinen Programmierfähigkeiten erkennen, dann erhältst du dein komplettes Geld vollkommen zurückerstattet. Du kannst den Kurs also ohne Risiko testen.
Über unsere Web-Lernplattform können die Videos nicht heruntergeladen werden. Es ist also eine Internetverbindung von Nöten, um den Kurs ansehen zu können.
Seit neustem kannst du dir sowohl im Google Play Store als auch im Apple App Store unsere Programmieren Starten App herunterladen. Dadurch kannst du nun als optionale Möglichkeit auch über die App auf unsere Lernplattform zugreifen. Die App bietet den Vorteil, dass diese für mobile Endgeräte optimiert ist und die Videos innerhalb der App heruntergeladen werden können. Dadurch können die Kursvideos auch von unterwegs aus ohne aktive Internetverbindung angesehen werden.
Sobald du den Kurs erworben hast, kannst du lebenslang darauf zugreifen.
Ja, es handelt sich um eine einmalige Zahlung. Sobald du den Kurs erworben hast, steht dieser dir lebenslang innerhalb deines Accounts zur Verfügung. Auch alle zukünftigen Updates des Kurses werden kostenlos für dich freigeschaltet.
Nein, sollten im Laufe der Zeit neue Module zum Kurs hinzugefügt werden, so erhältst auch du automatisch Zugriff darauf. Du musst nichts weiter dafür tun und es fallen auch keine weiteren Kosten an.