Categories: BlogJavaScript-Kurs

Teil 10 des JavaScript-Kurses von Anfänger bis Fortgeschrittene in 10 Blogbeiträgen

Dies ist Teil 10 und der letzte Teil der JavaScript-Blogbeitragsreihe, die Sie von Anfänger zu Fortgeschrittenem führen wird. Ohne weitere Umschweife, lassen Sie uns mit dem letzten Tutorial beginnen.

JavaScript-Kurs – Inhaltsverzeichnis:

  1. JavaScript-Themen, die wir behandelt haben
  2. JavaScript-Grundlagen und Einrichtung der Programmierumgebung
  3. JavaScript-Best Practices
  4. Variablen und Konstanten
  5. Grundlegende Datentypen in JavaScript
  6. Schleifen in der Programmierung
  7. Arrays und Funktionen
  8. JavaScript-Objekte
  9. Häufige Konzepte in JavaScript
  10. Wie geht es von hier aus weiter?

Wow! Sie haben es endlich hierher geschafft! Die meisten Menschen verfolgen ihre Leidenschaften nicht weiter und brechen die Kurse ab, die sie nach nur wenigen Tutorials belegt haben, und das ist nur der Fall, wenn sie überhaupt anfangen, etwas zu unternehmen!

JavaScript-Themen, die wir behandelt haben

Im Laufe dieses JavaScript-Kurses haben wir von den Grundlagen von JavaScript angefangen und uns bis zu ziemlich fortgeschrittenen Konzepten hochgearbeitet.

Der erste Schritt, um mit JavaScript zu beginnen, war tatsächlich zu verstehen, warum wir JavaScript überhaupt lernen. Es gibt mehrere Hauptgründe, warum Sie mit JavaScript beginnen möchten, aber die auffälligsten Anwendungen von JavaScript sind in der Regel auf die eine oder andere Weise in der Webentwicklung. JavaScript begann als eine Sprache nur für das Frontend und breitete sich auf die Backend-Server aus und begann auch dort zu dominieren.

Unabhängig davon, warum Sie JavaScript lernen, ist es wahrscheinlich eine gute Idee, einen kurzen Blick auf diesen JavaScript-Kurs zu werfen.

So können Sie Ihren Fortschritt sehen und die Teile erkennen, die Sie wirklich gut verstehen, die Sie anfangs möglicherweise eingeschüchtert haben, sowie die Teile erfassen, die Sie möglicherweise ignoriert oder verpasst haben.

JavaScript-Grundlagen und Einrichtung der Programmierumgebung

Nachdem wir gesehen haben, warum JavaScript so beliebt ist und was Sie tatsächlich damit tun können, haben wir mit einigen Hallo Welt! Beispielen begonnen. Wir haben unsere Programmierumgebung in Google Chrome eingerichtet und begonnen, die JavaScript-Konsole zu verwenden, um etwas Code zu schreiben. Zunächst begann der Code, den wir schrieben, als wirklich einfach, und jede Zeile, die wir schrieben, hatte einen einfachen Zweck, ohne mit anderen Zeilen verbunden zu sein. Als die Komplexität unseres Codes zunahm, haben wir unsere Programmierumgebung auf die Google Chrome-Konsole aktualisiert. Mit der Konsole konnten wir bequem mehrzeiligen Code schreiben, der im Laufe des gesamten JavaScript-Kurses allmählich komplexer wurde.

JavaScript-Best Practices

Im Laufe der Reihe haben wir auch viele Best Practices für das Programmieren integriert. Diese Best Practices erleichtern Ihnen das Leben, wenn Sie gerade erst anfangen, und sie werden noch wertvoller, wenn Sie anfangen, mit anderen Menschen zu arbeiten oder zusammenzuarbeiten. Und genau aus diesem Grund gibt es sogar Standards und Sprüche wie „Alle Codes sollten so aussehen, als wären sie von einer Person geschrieben, egal wie viele Menschen mitgewirkt haben.“ Genau aus diesem Grund war eines der allerersten Konzepte, die wir gesehen haben, das Kommentieren unseres Codes. Dies macht Sie nicht nur zu einem besseren Programmierer in der Zukunft, sondern ermöglicht Ihnen auch ein besseres Programmiererlebnis, wenn Sie gerade erst anfangen.

Variablen und Konstanten

Als Nächstes haben wir gesehen, dass wir Daten in dem, was als Variablen und Konstanten bezeichnet wird, speichern können. Bei der Entscheidung, welche für neue Daten zu wählen, sollten wir im Hinterkopf behalten, dass wir, wenn wir nicht erwarten, die Daten zu ändern, das Schlüsselwort „const“ verwenden möchten. Wenn wir denken, dass wir diesen Wert ändern müssen, müssen wir das Schlüsselwort „let“ verwenden. Dies sind die aktuellen Best Practices, aber wir haben auch gesehen, dass vor ES6 die einzige Möglichkeit, Variablen zu verwenden, darin bestand, sie mit dem Schlüsselwort „var“ zu deklarieren. Nachdem wir die potenziellen Probleme gesehen haben, die durch die Flexibilität, die mit dem var-Schlüsselwort einhergeht, verursacht werden, wurde 2015 mit dem ES6-Standard die neue und moderne Art, JavaScript zu schreiben, die Verwendung der Schlüsselwörter “const” und “let”.

Grundlegende Datentypen in JavaScript

Danach haben wir über die grundlegenden Datentypen in JavaScript gesprochen. Der Hauptpunkt hier ist zu verstehen, dass verschiedene Datentypen gut darin sind, verschiedene Dinge zu tun. Deshalb ist es wichtig zu verstehen, mit welchen Datentypen wir arbeiten. Später haben wir gesehen, dass wir durch die Verwendung von if else-Anweisungen die Kontrolle über unseren Code übernehmen können. Mit diesen haben wir gelernt, unseren Code teilweise zu ignorieren, um ihn an bestimmte Bedingungen anzupassen. Wir haben über verschiedene Kontrollstrukturen gelernt, die wir verwenden können, um eine genauere Kontrolle über unseren Code und unsere Daten zu haben. So konnte sich unser Code an verschiedene Eingaben mit genaueren Antworten anpassen.

Schleifen in der Programmierung

Als Nächstes haben wir Schleifen in der Programmierung entdeckt. Wir haben gesehen, dass wir durch die Verwendung von Schleifen das Wiederholen in unserem Code vermeiden können. Dies ermöglichte es uns im Grunde, teilweise DRY zu sein. Das steht für „Don’t Repeat Yourself“.

Im Allgemeinen möchten wir nicht mehr Code schreiben, als wir müssen, um die Aufgabe zu erledigen. Denn jedes Mal, wenn wir mehr Code schreiben, führen wir mehr Möglichkeiten für Fehler im Code ein. Es kostet mehr Zeit und Mühe, mehr Code zu schreiben, führt zu potenziellen Fehlern, ist in der Regel nicht effizient, da Sie denselben Code möglicherweise 10 Mal speichern müssen. Und insgesamt kann es das Programmiererlebnis erheblich verringern. Deshalb haben wir mit den while-Schleifen und for-Schleifen begonnen, potenziell wiederholenden Code zu kürzen.

Arrays und Funktionen

Wir haben auch andere grundlegende Konzepte, Themen und Best Practices in JavaScript gesehen. Wir haben gesehen, dass Arrays sehr gut darin sind, verwandte Daten zu gruppieren, wie z.B. Monate des Jahres, einige verwandte Zahlen, die wir speichern müssen, und so weiter. Als Nächstes haben wir gesehen, dass Funktionen sehr leistungsfähig sind und wir Funktionen verwenden können, um unseren Code wirklich zu modularisieren und viele Vorteile zu haben. Einige dieser Vorteile, unsere Funktionalitäten in verschiedenen Funktionen zu gruppieren, sind, dass wir einen viel modulareren, relativ leicht testbaren Code erstellen. Wir verringern auch erheblich die Wahrscheinlichkeit, uns zu wiederholen.

Wir haben gesehen, dass es zwei Hauptarten von Funktionen gibt. Eine davon sind reine Funktionen, die andere Art sind unreine Funktionen. Im Allgemeinen sollten wir, wann immer wir können, versuchen, reine Funktionen im Vergleich zu unreinen Funktionen zu verwenden. Auf diese Weise verhalten sich die reinen Funktionen, die wir schreiben, immer gleich und geben uns die gleichen Ergebnisse, egal wo oder wann wir den Code ausführen.

JavaScript-Objekte

Als Nächstes haben wir Objekte gesehen. Wir haben gelernt, dass Objekte gut darin sind, hochgradig assoziierte Daten zu speichern, die viele Dimensionen haben können. Wir haben mit der einfachsten Möglichkeit begonnen, Objekte zu erstellen, und uns dann zu Blaupausen für die Objekte hochgearbeitet und mehrere Objekte aus dieser Blaupause erstellt. Die Verwendung dieser Blaupausen ermöglicht es uns sicherzustellen, dass die Felder in Objekten denselben Richtlinien folgen und dieselben Felder haben. So können wir am Ende des Tages sicher sein, dass wir eine viel einheitlichere Datenbank haben, mit der wir arbeiten können. Es hat uns auch ermöglicht, erheblich DRY-Code zu schreiben.

Häufige Konzepte in JavaScript

Als Nächstes haben wir häufige Konzepte und Themen in JavaScript gesehen. Ein Großteil davon basierte auf der weiteren Optimierung von Funktionen, auf die eine oder andere Weise. Durch die Verwendung von Map- und Filtermethoden konnten wir einige for-Schleifen und if-Anweisungen überspringen. Mit den Pfeilfunktionen konnten wir die Größe unserer Funktionen erheblich reduzieren. Wir haben viele Funktionen in diesem JavaScript-Kurs gesehen, einschließlich der Pfeilfunktionen, die mit ES6 oder ES2015 eingeführt wurden, die die größten jüngsten Änderungen in den JavaScript-Standards darstellen.

Wie geht es von hier aus weiter?

Je nachdem, was Sie erreichen möchten, können Sie verschiedene Wege einschlagen. Wenn Sie sich nur an die Grundlagen von JavaScript erinnern wollten, weil Sie bald damit arbeiten müssen, hoffe ich, dass dieser JavaScript-Kurs Ihnen einen umfassenden Leitfaden gegeben hat. Vielleicht waren Sie bereits gut in einer anderen Sprache, wie Python, aber Sie wollten auch JavaScript sehen. Wenn das der Fall ist, hoffe ich, dass ich es Ihnen relativ einfach gemacht habe, mit der JavaScript-Syntax und -Konzepten zu beginnen. Oder vielleicht fangen Sie gerade mit der Webentwicklung an und wussten, dass JavaScript ziemlich beliebt ist.

In jedem Fall hoffe ich, dass Ihnen dieser JavaScript-Kurs einen Mehrwert gegeben hat. Wenn Sie einen Freund kennen, der diese Reihe hilfreich finden würde, teilen Sie das erste Tutorial dieser Reihe mit ihm, damit auch er mit seiner JavaScript-Reise beginnen kann.

Robert Whitney

JavaScript-Experte und Dozent, der IT-Abteilungen schult. Sein Hauptziel ist es, die Produktivität des Teams zu steigern, indem er anderen beibringt, wie man effektiv beim Programmieren zusammenarbeitet.

View all posts →

Robert Whitney

JavaScript-Experte und Dozent, der IT-Abteilungen schult. Sein Hauptziel ist es, die Produktivität des Teams zu steigern, indem er anderen beibringt, wie man effektiv beim Programmieren zusammenarbeitet.

Share
Published by
Robert Whitney

Recent Posts

Scrum-Leitfaden | 29. Verpflichtung des Scrum-Teams – Produktziel, Sprintziel und Definition der Fertigstellung

Jedes Scrum-Artefakt schafft ein gewisses Engagement des Scrum-Teams. Das Produktziel, das Sprintziel und die Definition…

1 hour ago

Branding-Strategie für Startups. Visuelle Markenidentität

Name, Logo und Slogan bilden die „heilige Dreifaltigkeit“ der Markenidentität. Sie sind die Elemente, die…

2 hours ago

Offshoring vs Inshoring. Was wählen?

Was sind Offshoring und Inshoring? Dynamische Veränderungen in der Weltwirtschaft und Globalisierungsprozesse beeinflussen das Funktionieren…

4 hours ago

Wie identifizieren Sie Ihren Führungsstil?

Teamleiter werden in der Regel (oder sollten zumindest werden) Menschen mit außergewöhnlichen Fähigkeiten – hauptsächlich…

6 hours ago

JavaScript-Funktionen. Teil 7 des JavaScript-Kurses von Anfänger bis Fortgeschrittene in 10 Blogbeiträgen

Dies ist Teil 7 der JavaScript-Blogbeitragsreihe, die Sie von Anfänger zu Fortgeschrittenem führen wird. Am…

8 hours ago

Wie man die Agile-Methodik für Freiberuflerprojekte verwendet?

Was ist Agile? Wie verwendet man die Agile-Methodik für Freiberuflerprojekte? Lesen Sie den Artikel, um…

10 hours ago