In dieser Serie werden wir in 10 Blogbeiträgen von Anfänger zu Fortgeschrittenem in JavaScript gehen. Am Ende dieser Serie werden Sie alle Grundlagen kennen, die Sie benötigen, um mit dem Programmieren in JavaScript zu beginnen.
Dieser Kurs ist für Sie, wenn Sie jemand sind, der mit dem Programmieren in JavaScript beginnen möchte, oder wenn Sie jemand sind, der sein Wissen in JavaScript auffrischen möchte. Ich empfehle auch, dieses Tutorial für Ihre zukünftige Referenz zu bookmarken. Jedes Mal, wenn Sie eine schnelle Wiederholung der Konzepte benötigen oder vielleicht nur die in JavaScript verwendete Syntax erinnern möchten, wäre es eine gute Gelegenheit, diese Serie in der Zukunft zu überprüfen.
Bevor Sie in JavaScript eintauchen, ist es eine gute Idee zu wissen, was man eigentlich mit JavaScript machen kann. Sie kennen JavaScript vielleicht als die Sprache, die das Web dominiert. Und Sie hätten damit vollkommen recht! JavaScript, das als Front-End-Sprache begann, um Websites Verhalten hinzuzufügen, wird jetzt in jedem Aspekt der Websites verwendet.
Es wird häufig in der Front-End-Webentwicklung verwendet, normalerweise zusammen mit anderen JavaScript-Frameworks und -Bibliotheken wie React. Es ist auch die am häufigsten verwendete Sprache in der Backend-Webentwicklung, dank Node.js, das es Ihnen ermöglicht, JavaScript auf Webservern auszuführen. Aber damit hört es bei weitem nicht auf. JavaScript wird an vielen Orten verwendet, einschließlich der Erstellung von Progressiven Webanwendungen bis hin zu Desktop-Apps. Es wird auch kürzlich im maschinellen Lernen mit TensorFlow.js verwendet. Dank Node.js kann es auch zur Steuerung von Drohnen, Robotern sowie IoT-Geräten verwendet werden.
JavaScript ist derzeit die beliebteste Programmiersprache, und das aus gutem Grund. Es gibt mehrere Hauptfaktoren, die JavaScript zu dem machen, was es heute ist. Dazu gehören die breite Verfügbarkeit von Ausführungsumgebungen, die Versionssicherheit des Codes dank Babel und die breite Akzeptanz in der Community. Lassen Sie uns sehen, was sie nacheinander sind.
JavaScript dominiert das Web, von vorne bis hinten. Wenn Sie diesen Artikel lesen, um Ihr JavaScript-Wissen aufzufrischen, wissen Sie wahrscheinlich, dass alle paar Monate neue JavaScript-Frameworks auftauchen, insbesondere in Bezug auf die Front-End-Webentwicklung, da es viele Ansätze zur Optimierung gibt.
Wie wir später im Artikel sehen werden, müssen Sie keine spezielle Software installieren, um mit dem Schreiben und Ausführen Ihres JavaScript-Codes zu beginnen, da Sie bereits die notwendigen Werkzeuge in Ihrem Browser haben. Allein das senkt die Hürde, die Sprache zu lernen, da die meisten Programmiersprachen erfordern, dass Sie Entwicklungsumgebungen installieren und einrichten, um überhaupt zu beginnen.
Der ganze Zweck des Schreibens von Code besteht darin, ihn tatsächlich auszuführen, wenn er ausgeführt werden soll. Und dabei ist das Letzte, was Sie wollen, dass ein Teil Ihrer Website bei einer signifikanten Anzahl von Benutzern nicht funktioniert. Aber was können Sie tun, wenn Ihr Code auf 1000 verschiedenen Geräte- und Browserkombinationen ausgeführt werden muss? Für wen werden Sie optimieren und wen werden Sie als Benutzer ignorieren? Müssen Sie überhaupt eine solche Wahl treffen? Wenn die Hälfte Ihrer Benutzer alte Geräte hat und die andere Hälfte brandneue Geräte, für wen werden Sie Ihren Code optimieren und wen werden Sie als Kunden ignorieren? Die Antwort ist, hoffentlich niemanden, dank Babel.
Babel ist eine Software, die sicherstellt, dass Ihr Code sogar in sehr alten Browsern funktioniert, die eine sehr alte Version von JavaScript verwenden. So müssen Sie keine Wahl treffen, die dazu führt, dass Sie die Hälfte Ihrer Kunden ignorieren. Um klarzustellen, Sie schreiben keinen Code mit Babel, es ist auch kein Geschmack von JavaScript. Aber es ist eine äußerst häufig verwendete Software, die Ihren bereits geschriebenen und funktionierenden JavaScript-Code nimmt und ihn in die Version von JavaScript umwandelt, die andere Browser verstehen, selbst wenn sie eine sehr alte Version von JavaScript in ihren Browsern haben.
Wann immer Sie Code schreiben, ist es unvermeidlich, dass Sie auf Probleme stoßen. Und in diesen Zeiten, egal mit welcher Programmiersprache Sie arbeiten, kann es äußerst hilfreich sein, zu sehen, dass Ihr Problem bereits von jemandem im Internet beantwortet wurde. Das ist der Punkt, an dem die Community-Unterstützung ins Spiel kommt, und damit auch StackOverflow.
Wenn Sie nicht wissen, was StackOverflow ist, es ist im Grunde das größte Programmierforum, das Menschen nutzen, um Programmierfragen zu stellen und zu beantworten. Es ist nicht der einzige Ort, an dem Sie Antworten finden, es gibt definitiv Orte, die sehr hilfreich sind, um Ihre spezifischen Fragen zu beantworten, aber die Chancen stehen gut, dass Sie die Mehrheit Ihrer Antworten dort finden werden. Ich schlage nicht vor, dass Sie einfach zu StackOverflow gehen und dort nach Ihren Problemen suchen. In der Regel liefert eine Google-Suche die besten Ergebnisse.
Und Sie erwarten dies vielleicht nicht so sehr, während Sie lernen zu programmieren, aber ein großer Teil der Softwareentwicklung besteht darin, zu wissen, wonach man bei Google suchen muss, um Ihre Antworten effektiver zu finden.
Deshalb wollen viele Menschen mit dem Programmieren in JavaScript beginnen – JavaScript als die beliebteste Programmiersprache zu haben, hilft Ihnen definitiv, sowohl kurzfristig als auch langfristig mit der Sprache zu arbeiten. Wann immer Sie
JavaScript schreiben, stellen Sie sich einfach vor, dass Tausende von Menschen gleichzeitig mit Ihnen JavaScript programmieren. Einige stellen Fragen, einige beantworten Fragen.
Wenn Sie JavaScript programmieren, sind Sie nicht allein.
Es gibt mehrere Orte, die Sie nutzen können, um mit dem Programmieren in JavaScript zu beginnen. Technisch gesehen können Sie JavaScript überall schreiben, einschließlich eines einfachen Notizbuchs oder Texteditors. Aber Sie benötigen auch eine JavaScript-Engine, um Ihren Code tatsächlich auszuführen. Aber wie bekommen Sie eine? Nun, wenn Sie sich an den Anfang des Artikels erinnern, wissen Sie, dass Sie sie bereits in Ihrem Browser haben.
In dieser Blogbeitragsreihe werden wir Google Chrome als Browser verwenden, da es einer der am häufigsten verwendeten Browser in der Webentwicklung ist. Und das aus gutem Grund, Chrome bietet einige der besten Werkzeuge, die Ihr Leben bei der Webentwicklung erheblich erleichtern. Chrome hat eine JavaScript-Engine namens V8 Engine, die Ihren JavaScript-Code nimmt und ausführt. Diese JavaScript-Engine wird auch bei der Entwicklung von Node.js verwendet, der Software, die es Ihnen ermöglicht, JavaScript aus dem Browser heraus zu verwenden. Node.js ist auch der Grund, warum wir JavaScript an vielen Orten verwenden können, einschließlich von einem Webserver bis hin zu einer Drohne.
Wenn Sie mit dem Programmieren in JavaScript beginnen möchten, ist es gut zu wissen, dass Sie eine JavaScript-Engine benötigen, um Ihren Code auszuführen, und jetzt wissen Sie, dass Sie bereits eine haben, die mit Ihrem Browser geliefert wird. Sie wissen auch, dass Sie, wenn Sie JavaScript außerhalb des Browsers ausführen möchten, Node.js herunterladen und installieren müssen. Aber was bedeutet das alles für Ihre Programmiererfahrung, wenn es darum geht, tatsächlich den Code zu schreiben und auszuführen? In der Regel möchten Sie eine Art IDE (Integrierte Entwicklungsumgebung) verwenden, um Ihren Code zu schreiben. Auf diese Weise, wie Sie aus dem Namen erraten können, kommt es mit vielen weiteren Werkzeugen, die es Ihnen erleichtern, langfristig mit Code zu arbeiten. Dazu können alles von einer Textvervollständigung für weniger Tippaufwand bis hin zu einem Debugger gehören. Da viele Menschen mit diesen IDEs arbeiten, gibt es auch sehr gängige Erweiterungen, die es Ihnen ermöglichen, Ihre Programmierumgebung anzupassen, einschließlich der Farbgebung von Klammern im Code, um es einfacher zu machen, zu sehen, welche öffnenden Klammern zu welchen schließenden Klammern passen. Wenn Sie keine Ahnung haben, was Klammern tun, machen Sie sich vorerst keine Sorgen, und wir werden sie mit allen Details, die Sie in dieser Blogreihe wissen müssen, sehen.
Derzeit gehören einige der beliebtesten IDEs zu Visual Studio Code, Atom und Sublime Text. Aber dafür werden wir mit der einfachsten Option beginnen, die wir nutzen können, nämlich tatsächlich den Chrome-Browser selbst zu verwenden, um den JavaScript-Code zu schreiben und auszuführen.
Jetzt, da Sie einige Hintergrundinformationen über JavaScript haben, lassen Sie uns tatsächlich unsere Programmierumgebung einrichten und mit einem „Hallo, Welt!“ -Code beginnen.
Um mit dem Programmieren in JavaScript zu beginnen, müssen wir die Programmierumgebung einrichten.
Wie bereits erwähnt, werden wir Google Chrome als unseren Browser während dieser Blogbeitragsreihe verwenden. Wenn Sie Chrome bereits installiert haben, großartig! Wenn nicht, dann ist der erste Schritt tatsächlich, Google Chrome zu installieren. Um Chrome herunterzuladen, können Sie einfach nach „Google Chrome Download“ suchen, um es von seiner Website herunterzuladen, oder hier finden Sie einen Link zu Ihrer Bequemlichkeit, um Chrome herunterzuladen:
Google Chrome – Laden Sie den schnellen, sicheren Browser von Google herunterJetzt können Sie auf die Schaltfläche „Chrome herunterladen“ klicken, um den Download zu starten. Sobald es heruntergeladen ist, können Sie darauf doppelklicken und den Installationsprozess durchlaufen, wie Sie es mit jeder anderen Anwendung tun würden, die Sie aus dem Internet herunterladen. Es kann Sie auch auffordern, sich bei einem Ihrer Google-Konten anzumelden, was Sie tun können.
Sobald Sie Chrome installiert haben, doppelklicken Sie darauf, um ein Fenster zu öffnen. Jetzt sollten Sie den klassischen Google-Suchbildschirm sehen:
Um mit dem Programmieren in JavaScript zu beginnen, ist der nächste Schritt, den tatsächlichen Ort zu öffnen, an dem wir den Code im Chrome-Browser schreiben und ausführen werden. Gehen Sie im oberen Menü zu: Menü, dann Entwickler und klicken Sie dann auf JavaScript-Konsole. Sie können auch die Tastenkombination für Mac verwenden, die „Option + Command + J“ ist.
Direkt danach sollten Sie die JavaScript-Konsole sehen, die ungefähr so aussehen sollte:
Wenn Sie es bis hierher geschafft haben, großartig! Es ist Zeit für einen bedeutenden Schritt, der es Ihnen ermöglicht, mit dem Programmieren in JavaScript zu beginnen. Lassen Sie uns Ihre JavaScript-Reise mit einem Hallo Welt beginnen. Geben Sie einfach Folgendes ein:
alert("Hallo, Welt!");
Nachdem Sie das eingegeben haben, lassen Sie uns unseren Code ausführen, indem Sie die „Enter“- oder „Return“-Taste auf Ihrer Tastatur drücken!
Jetzt sollten Sie eine Warnung sehen, die so aussieht:
Und damit haben Sie gerade Ihren ersten „Hallo Welt“-Code geschrieben! Jetzt wissen Sie, wie man mit dem Programmieren in JavaScript beginnt.
Im nächsten Blogbeitrag werden Sie die Grundlagen von JavaScript mit Programmierbeispielen sehen.
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.
Wer ist ein Onboarding-Spezialist? Onboarding ist eines der Instrumente des Personalmanagements. Es ist die letzte…
Obwohl es so erscheinen mag, dass Crowdfunding und Crowdlending dieselben Konzepte sind, werden sie oft…
Ist es möglich, ein erfolgreiches Startup zu gründen, indem man Freiberufler einstellt? Ja, das ist…
Große und mittelständische Unternehmen mit einer eigenen Personalabteilung beschäftigen neben Personalfachleuten auch Personalanalysten. Wenn die…
Planen Sie, einen Online-Shop einzurichten, und fragen sich, wo Sie anfangen sollen? Wie man eine…
Wie macht man ein Stockfoto? Ist es schwierig, ein tolles Stockbild zu erstellen, das verkauft…