„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Tag f #daysofMiva Coding Challenge

Tag f #daysofMiva Coding Challenge

Veröffentlicht am 08.11.2024
Durchsuche:729

Hallo Leute. Deshalb habe ich mich für Tag 2 dieser Herausforderung entschieden, GitHub zu verlassen und mich auf das zu konzentrieren, was ich wirklich lernen wollte: Javascript.

Was ist Javascript?

Stellen Sie sich vor, Sie wären ein Zauberer in der Welt der Webentwicklung. Sie verfügen über Ihr vertrauenswürdiges HTML, um die Struktur Ihrer Website aufzubauen, wie die Knochen einer magischen Kreatur. Anschließend verfügen Sie über CSS, um dem Ganzen Stil zu verleihen – beispielsweise die Wahl der perfekten Robe oder des perfekten Outfits. Aber etwas fehlt. Deine Schöpfung ist still und leblos. Hier kommt JavaScript (JS) ins Spiel – es ist der Zauberstab, der Ihre Kreation zum Leben erweckt! JavaScript ist eine Programmiersprache, die hauptsächlich zur Erstellung interaktiver und dynamischer Inhalte auf Websites verwendet wird. Es ermöglicht Entwicklern, Funktionen wie Animationen, Formularvalidierungen und Echtzeitaktualisierungen zu implementieren, ohne die Seite neu laden zu müssen. JavaScript kann sowohl im Front-End (was Benutzer sehen und mit ihnen interagieren) als auch im Back-End (serverseitige Vorgänge) von Webanwendungen verwendet werden.

JavaScript ist überall. Es ist die Sprache, die das Web zu dem macht, was es heute ist – interaktiv, unterhaltsam und unendlich fesselnd. Egal, ob Sie eine coole Website, eine süchtig machende mobile App oder sogar ein Spiel erstellen möchten, das Erlernen von JavaScript ist wie das Erlernen des mächtigsten Zauberspruchs im Buch.

Day f #daysofMiva Coding Challenge

Verwendungsmöglichkeiten von Javascript

JavaScript (JS) ist eine vielseitige Programmiersprache, die häufig in der Webentwicklung verwendet wird. Hier sind einige wichtige Einsatzmöglichkeiten von JavaScript:

1. Webentwicklung (Frontend)
Interaktive Webseiten: JavaScript macht Websites interaktiv. Von Dropdown-Menüs bis hin zu Bild-Schiebereglern – es unterstützt die dynamischen Elemente, die Sie auf einer Website sehen.
Formularvalidierung: Es wird geprüft, ob der Benutzer ein Formular korrekt ausgefüllt hat, bevor es abgeschickt wird.
Animationen: JavaScript kann Animationen und Effekte erstellen, z. B. das Ausblenden von Elementen oder das Bewegen von Objekten auf dem Bildschirm.
2. Webentwicklung (Backend)
Serverseitige Programmierung: Mit Node.js kann JavaScript auf dem Server ausgeführt werden, um Anfragen zu verarbeiten, Datenbanken zu verwalten und Inhalte bereitzustellen.
Echtzeitanwendungen: JavaScript wird für Echtzeitanwendungen wie Chat-Apps, Online-Spiele und Live-Datenstreaming verwendet.
3. Entwicklung mobiler Apps
Plattformübergreifende mobile Apps: Frameworks wie React Native und Ionic verwenden JavaScript, um mobile Apps zu erstellen, die sowohl auf iOS als auch auf Android funktionieren.
4. Spieleentwicklung
Browserspiele: JavaScript wird zusammen mit HTML5 und Canvas verwendet, um interaktive Spiele zu erstellen, die direkt im Browser ausgeführt werden.
5. Automatisierung und Skripterstellung
Aufgabenautomatisierung: JavaScript kann sich wiederholende Aufgaben in der Webentwicklung automatisieren, z. B. das Minimieren von Dateien oder das Testen von Code.
Browsererweiterungen: JavaScript unterstützt viele Browsererweiterungen, die die Funktionalität von Browsern wie Chrome und Firefox verbessern.
6. Datenvisualisierung
Diagramme und Grafiken: Bibliotheken wie D3.js und Chart.js ermöglichen Entwicklern die Erstellung komplexer Datenvisualisierungen und interaktiver Diagramme.
7. Künstliche Intelligenz und maschinelles Lernen
KI- und ML-Modelle: Mit JavaScript und Bibliotheken wie TensorFlow.js können KI-Modelle direkt im Browser erstellt und ausgeführt werden.
8. Internet der Dinge (IoT)
IoT-Geräte: JavaScript kann zum Programmieren von IoT-Geräten verwendet werden und ermöglicht so die Kommunikation zwischen Geräten und dem Web.
9. Progressive Web Apps (PWAs)
PWAs: JavaScript ermöglicht die Entwicklung von Web-Apps, die offline funktionieren und sich wie native mobile Apps anfühlen.
10. API-Integration
Daten abrufen: JavaScript wird verwendet, um mit APIs zu interagieren, Daten von Servern abzurufen und sie dynamisch auf Webseiten anzuzeigen.

Day f #daysofMiva Coding Challenge

Day f #daysofMiva Coding Challenge
Dies sind nur einige der vielen Einsatzmöglichkeiten von JavaScript, das aufgrund seiner Flexibilität und seines breiten Anwendungsspektrums nach wie vor eine Schlüsselsprache in der Technologiebranche ist.

Was ich heute mit Javascript gemacht habe

Im Grunde habe ich also nicht direkt Codes gestartet, die ich nicht verstand?. Ich habe es Schritt für Schritt gemacht. Ich habe zum ersten Mal gelernt, wie man mit dem Chrome-Entwicklungstool programmiert, und ich möchte Ihnen zeigen, wie ich das gemacht habe.

SO ÖFFNEN SIE DIE CHROME-ENTWICKLUNGSTOOLS
Es gibt drei Möglichkeiten, die Chrome-Entwicklungstools zu öffnen:
-Befehl Alt J auf dem Mac
Steuern Sie Alt J unter Windows
- Wenn Sie mit der rechten Maustaste klicken und dann „Inspizieren“ wählen, wird auch das Entwicklungstool in Chrome geöffnet. Obwohl dadurch die Registerkarte „Elemente“ angezeigt wird und wir dann zur Konsole gehen können, wo wir einige Codes ausführen werden.
-Der letzte Schritt besteht darin, zum Chrome-Menü zu gehen, dann zur Ansicht zu gehen und auf „Entwickler“ zu klicken. Klicken Sie unter dem Entwickler auf die Javascript-Konsole und die Registerkarte „Konsole“ wird angezeigt.
Das zweite, das bei mir funktioniert hat, ist das zweite, bei dem ich einfach mit der rechten Maustaste geklickt und auf „Inspizieren“ geklickt und dann zur Registerkarte „Konsole“ navigiert habe.
Hinweis: Ich habe den Gastbrowser und nicht meinen normalen Browser verwendet.

Day f #daysofMiva Coding Challenge

Day f #daysofMiva Coding Challenge

Ich kann die Schriftart erhöhen, indem ich auf Befehl plus klicke und dann umgekehrt, indem ich auf Befehl klicke – auf dem Mac, aber in Chrome heißt es „Steuerung“ und „Steuerung“ –.

Day f #daysofMiva Coding Challenge Ein Bild, bei dem ich auf das Steuerelement

geklickt habe

Day f #daysofMiva Coding Challenge Ein Bild, bei dem ich auf die Steuerung geklickt habe -

Die Konsole ermöglicht es uns, Javascript-Code zu schreiben und zu testen, sodass er während der Entwicklung sehr nützlich ist, z. B. beim Beheben von Fehlern. Wir können jedoch keine echten Anwendungen mit dieser Konsole schreiben.

Day f #daysofMiva Coding Challenge

alert("Hello World")

Day f #daysofMiva Coding Challenge

let js = "amazing"
if (js === 'amazing') alert("Javascript is fun")

Day f #daysofMiva Coding Challenge

50 60-10

39 54-24

Auf den obigen Bildern können wir also ein Popup und sogar einige mathematische Berechnungen sehen, die mit JS durchgeführt wurden.

Herausforderungen, denen ich gegenüberstand

Die einzige Herausforderung, vor der ich stand, war, nicht zu wissen, warum die Codes so funktionierten, und mit der Zeit glaube ich, dass ich es verstehen und sehr gut darin sein werde.

Abschluss

Ich bin sehr froh, dass ich diese Reise unternommen habe und bereits viel lerne. Ich persönlich weiß, dass ich die Herausforderungen, vor denen ich stand, bald meistern werde und bevor Sie es merken, werde ich ein Guru sein? Trotzdem vielen Dank, Familie❤️. Erwarten Sie meinen Artikel von Tag 3??.

Freigabeerklärung Dieser Artikel ist abgedruckt unter: https://dev.to/ayotomi_de/day-2-of-100daysofmiva-coding-challenge-dne?1 Bei Verstößen wenden Sie sich bitte an [email protected], um ihn zu löschen
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3