JavaScript Für Anfänger - JavaScript Von Grund auf aus erlesen | Robin Haney | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

JavaScript Für Anfänger - JavaScript Von Grund auf aus erlesen

teacher avatar Robin Haney, Web Developer and Online Instructor

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

19 Einheiten (58 Min.)
    • 1. Was du in diesem Kurs lernen wirst.

      2:15
    • 2. Erstellen Ihres allerersten JavaScript

      8:25
    • 3. Was ist JavaScript

      3:15
    • 4. So verlinken Sie eine externe JavaScript-Datei

      4:03
    • 5. JavaScript Console Herausforderung

      1:12
    • 6. JavaScript-Konsole Herausforderung Lösung

      2:49
    • 7. Was ist eine Variable

      4:13
    • 8. So ordnen Sie Ihren Variablen Namen

      2:21
    • 9. Eine Einführung in Zeichenfolgen und Zahlen

      1:16
    • 10. So kompilieren von einem Benutzer

      2:02
    • 11. Kämmen von Strings

      3:04
    • 12. Mit Strings In Einem Weiteren Detail arbeiten

      2:28
    • 13. Die Variable Codierung Herausforderung

      1:34
    • 14. Lösung für die Variable Codierung

      3:28
    • 15. Was sind Zahlen

      2:17
    • 16. Wie wir Mathematik in JavaScript machen

      5:54
    • 17. Arbeiten mit dem Mathematischen Objekt

      3:51
    • 18. Die Herausforderung der Zahlen

      0:45
    • 19. Lösung für die Herausforderungen der Zahlen

      3:10
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

512

Teilnehmer:innen

1

Projekt

Über diesen Kurs

Wolltest du schon immer ein online oder JavaScript-Entwickler werden? Mit allen verschiedenen Programmiersprachen da draußen kann es schwierig sein, eine zu finden, mit der du anfangen kannst, um noch alleine einen einen guten Kurs zu finden, der dir zeigt, wie du die Sprache effektiv lernen kannst.

Deswegen stelle ich einen JavaScript zusammen, der dir als kompletter Anfänger zeigen wird, wie du mit JavaScript Programme erstellen kannst. Dieser Kurs ist für alle geschaffen, die nagelneu in der Webentwicklung sind, oder einfach für diejenigen, die HTML, CSS oder jede andere Programmiersprache kennen, aber noch nie mit JavaScript gearbeitet haben.

Dieser Kurs ist 100% kostenlos. Ich freue mich darauf, dich drin zu sehen!

Triff deine:n Kursleiter:in

Teacher Profile Image

Robin Haney

Web Developer and Online Instructor

Kursleiter:in

Hello,

My name is Robin Haney and I am an instructor here at Skillshare. I primarily teach web developing and programming tutorials. 

You can check out my blog here - www.robinhaney.com 

Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Was du in diesem Kurs lernen wirst.: Also, bevor wir tatsächlich mit der Programmierung beginnen können, möchte ich ein wenig Zeit nehmen und darüber reden, was wir tatsächlich in den Partituren abdecken würden . Also, vor allem, JavaScript ist wie eine Sprache in ähnlicher Sprache. Es hat seine eigene Grammatik ernsthaft auf die englische Sprache. Ein anderes Wort können wir es seine Syntax nennen. Dies in der Steuer ist JavaScript-Befehle Wörter und Satzzeichen. Weißt du noch, als du jünger warst? Du hast kein Englisch verstanden oder was auch immer deine Hauptsprache war? Du bist zur Schule gegangen und erst studiert. Die Worte machten nicht viel Sinn, aber schließlich Wörter gemacht sendet mehr zusammen. Grammatik wurde hinzugefügt und Sätze begannen sich zu bilden. Bevor du es wusstest, könntest du einen Absatz oder sogar einen Roman schreiben . Dies ist genau der gleiche Prozess, den Sie durchwachsen, wenn Sie JavaScript oder eine Online-Programmiersprache lernen . Zuerst macht nichts Sinn, aber irgendwann haben Sie keine Probleme mit JavaScript zu arbeiten. Es braucht nur Zeit. Denken Sie daran, dass jede Programmiersprache ihre eigene Syntax hat, genau wie die englische Sprache, die wir in unserem täglichen Leben sprechen. Während dieses Kurses werden wir auch viele Programmierkonzepte behandeln, die mit JavaScript und vielen anderen Online-Sprachen verwandt sind , werden Sie über alle Arten von spannenden Dingen lernen, wie Strings Variablen, Anweisungen, HTML und vieles, vieles mehr. Diese Konzepte können dann auf andere Sprachen online angewendet werden, so dass dieser Kurs und Exit-Lösung für jedermann, der gerade erst mit dem Lernen Web-Entwicklung beginnt. Am Ende dieses Kurses, ich wette, ich kann Sie sogar wie ein erfahrener Programmierer reden lassen, und wir werden all das auch abdecken . Zum Beispiel wissen Sie jetzt, was Syntax bedeutet. Mit diesem Kurs lernen Sie auch die Best Practices und bewährten Möglichkeiten, um ein Programm das beste Wochenende durchführen zu lassen. Zu guter Letzt werden Sie natürlich natürlich eine Menge Programmierung in den Partituren machen. Am Ende des nächsten Videos werden Sie Ihr allererstes JavaScript-Programm erstellen, so dass Sie viel lernen werden. Das kann ich Ihnen definitiv versichern. Also in Ordnung, schnappen Sie sich etwas Jab, kein Wortspiel beabsichtigt, und lasst uns anfangen. Lassen Sie uns etwas Javascript lernen 2. Erstellen Ihres allerersten JavaScript: Hi. Willkommen zurück auf dem Kurs. Nun, ich weiß, dass Sie sehr aufgeregt sind, Ihre Reise mit dem Lernen von JavaScript zu beginnen, aber bevor wir das tun können müssen wir uns zuerst um ein paar Dinge kümmern. Zuallererst müssen wir einen neuen Ordner auf ihrem Desktop machen, und ich rate Ihnen, es auf Ihrem Schreibtisch zu machen, Tops, auf die Sie zugreifen können, ist jederzeit in diesem Kurs gefaltet. Ich meine Ordner hier, und ich werde es JavaScript-Grundlagen nennen. Und wir werden hier tun, ist, dass wir eine Akte öffnen und ein Textdokument haben . Wir können dieses Dokument so nennen, Ordnung, also haben wir einen Namen für meinen Text, der hier spricht, und wir gehen wieder. Öffnen Sie es, damit wir es bearbeiten können. Nur ein, damit ihr Jungs sehen könnt. Und was wir hier tun werden, ist, dass wir ein paar kleine Syntax-Dinge für HTML hinzufügen, nur damit alles hier funktioniert. Und ihr macht euch nicht zu sehr Sorgen. Ich werde Addison einfach sehr schnell. In Ordnung, also haben wir den gesamten Syntex ihres HMO-Andockens gemacht und weißt du was? Ungefähr zwei zu viel werde ich das später auf dem Kurs genauer abdecken. Ich will nur, dass ihr euch aufsetzt und rennt. Aber im Grunde, was wir hier haben, ist, dass wir HTML nimmt. Und im Grunde, was diese beiden bedeuten, ist alles, was innerhalb dieser beiden Takes Ihr HTML sein wird, als HTML nimmt. Wir haben unser Skript, nimmt alles, was in den Skripten dauert, wird wieder Javascript sein. Mach dir deswegen keine Sorgen. Wenn das verwirrend ist, werden wir später Dinge wie Syntax abdecken. Aber denken Sie daran, dass über Javascript in diesen beiden Skript-nimmt genau hier sein wird . Also in diesen beiden Tags, werden wir einen ersten Befehl lesen, und dieser Befehl wird oder Alarmbefehl sein. Nun, was dieser Befehl tut, ist, dass er eine Benachrichtigungsbox an den Benutzer sendet, um sie über die Nachricht zu informieren , die wir richtig sind. Wenn wir also hier und auf eine Nachricht in unsere Klammern klicken, wird diese Nachricht auf der Bildschirmvereinigungsbox für den Benutzer angezeigt. Also haben wir hier unsere Befehle eingegeben, und was wir jetzt tun müssen, ist, nachdem dieser Teil hier eingegeben wurde, müssen wir sicherstellen, dass es einen Semikolon gibt. Am Ende unseres Befehls müssen alle Befehle und Anweisungen und JavaScript Semikolons hinter ihnen haben, da sie in der Reihenfolge ausgeführt werden . Wenn wir also jemals eine Aussage machen würden und keine zynische haben, und wir werden Fehler bekommen und die nächste Anweisung wird nicht in der Lage sein, zu laufen, bis diese abgeschlossen ist, also wollen Sie immer sicherstellen, dass es ein Semikolon ist. Nach jeder Aussage, die wir hier eingeben denke ich es wie einen Satz auf Englisch. Sie möchten immer einen Punkt am Ende haben, Ihren Satz, aber in Javascript haben Sie kein Semikolon. Also jetzt, um dieses eigentliche Programm zur Arbeit zu bringen, müssen wir es speichern. Also gehen wir hier zur Akte. Wir werden schlagen, speichern unter, und wir werden es speichern, wie auch immer Sie wollen. Aber am Ende werden Sie sicherstellen wollen, dass Sie dot html schreiben, was das tun wird. Sie werden ihrem Computer sagen, dass er den Stil als HD-Elf-HTML-Datei öffnen soll. Also nochmal, wenn du wieder hier bist, wirst du es sehen. Es gibt jetzt wusste ich ein neues Dokument hier, und das wird ein Web-Browser-Dokumente sein. Also, wenn Sie Jungs haben Firefox, Google, Chrome oder was auch immer sie verwenden, es wird nicht öffnen ein OpenTable in Ihrem Web-Browser. Also lassen Sie uns doppelklicken und öffnen Sie es hier und wir können hier sehen, dass unsere Nachrichten nicht ihre früher in einer Benachrichtigungsbox angezeigt. Und wenn wir auf OK klicken, ist das Programm jetzt fertig. So wollten wir ein Buch Programme öffnen. Und wenn wir uns mit der Programmierung in JavaScript vertraut machen, werden wir einen echten Code-Editor verwenden, und das werden wir später abdecken. Aber im Moment werden wir einfach kein Pad für diese Lektion verwenden. Also lassen Sie uns unser Dokument wieder öffnen. Und in diesem Dokument werden wir einen weiteren Befehl schreiben, und dieser Befehl wird etwas anders sein. Also lasst uns das wirklich schnell durchgehen. Dies wird als Dokument bezeichnet. Schreiben Sie keinen Befehl mit diesem Befehl tut. Ist es in Ordnung Text auf der Seite, die der Benutzer so wieder in diesen Klammern hier sehen wir können einige Zitate eingeben, und wir wollen sicherstellen, dass es eine Semi-Clean bis zum Ende dieses Befehls gibt. Mach dir keine Sorgen wegen der Punktmittel, wir werden das später abdecken. Und wenn wir das erneut speichern und es dann wieder öffnen, können wir sehen, dass unsere erste Aussage, dass wir das Benachrichtigungsfeld eingegeben haben, auftaucht. Und wenn wir dann die nächste Aussage in der Gegenwart treffen , und alles,was wir in dem Dokument geschrieben haben, das hier behandelt wurde, auf die Seite bringt . Also wollte ich das tun, um euch zu zeigen, dass Aussagen im Grunde nacheinander laufen . Sie werden sehen, dass es zuerst die 1. 1 lief. Und dann lief es die zweite Rate nach der 1. 1 abgeschlossen und die 1. 1 abgeschlossen, nachdem wir auf OK, Box geklickt haben. Daher ist es wichtig zu verstehen, dass JavaScript Anweisungen von oben nach unten ausführen. Es beginnt oben und liest den ganzen Weg nach unten, und wir werden durch die Anweisungen gehen, wie wir sie in ein Programm eingeben. Das sieht also ein wenig verwirrend aus und sieht ein wenig schlampig aus, und das liegt daran, dass wir kein Haustier benutzen. Wenn Sie zu diesem Kurs kommen, werden wir lernen, wie Sie verschiedene Gerichtsredakteure verwenden. Aber um diese Lektion zu schließen, werden wir tun, ist, dass ich euch einen zusätzlichen Code-Editor zeigen werde , den ich benutze und den, den ich installiert habe. Es heißt No Pad Plus Plus. Wenn ich mich also anschaue, sind unsere Browser Profis ein Dokument, das er gemacht hat, dass wir es gespeichert haben, während wir mit der rechten Maustaste darauf klicken. Wir können mit diesem Edit drücken. Und wenn Sie installiert Jahr Cody? Nein. Kein Pad, was auch immer es geschrieben hat oder Sie verwenden, um eine Auktion zu sein, um es direkt zu öffnen. Und wenn Sie es ohne Pad Plus anklicken, das ist das, was ich benutze, können wir hier sehen, dass alles ein bisschen anders aussieht als das, was es aussieht. Ein „kein Klaps“. Es sieht ein bisschen besser aus, aber Gericht ist leichter zu lesen. Wir haben Farbe zitiert. Sie können sehen, dass alles ein bisschen organisierter ist. Was wir tun können, was ziemlich cool hier ist, werde ich dieses Jahr schließen, ist, dass wir das hier drinnen retten können. Gehen Sie einfach sicher, als müssten wir zuerst eine Änderung vornehmen. Also lasst uns Änderungen an Alles klar, lasst uns dies zum Speichern geben. Und wenn wir schließen dies öffnen unseren Browser wieder, Wir können sehen, dass es sofort angewendet wird. Es scheint also viel Zeit zwischen dem Sparen und so zu sein. Wir können die Datei eingeben, bearbeiten Sie die Datei direkt. Also, was Sie wollen, ist, einen Texteditor zu bekommen, wenn Sie geben, geben Sie Jungs einen Link zu wissen Pad plus, das ich benutze. Aber Sie können wirklich jeden Coney-Texteditor verwenden, den Sie wollen. Sie können ein wenig Zeit damit verbringen, sich einige Optionen anzusehen. Da draußen gibt es eine Menge freier. Es gibt sogar einige bezahlte, die ziemlich gut sind. Aber schnappen Sie sich einfach alles, was Sie wollen. Für jetzt empfehle ich, wenn Sie mit mir während dieses Kurses folgen möchten, können Sie keine plus kein Pad plus plus plus verwenden. Aber es ist nicht wirklich wichtig, was Sie haben, aber das ist ziemlich viel bringt es zu dieser Lektion zu schließen. Herzlichen Glückwunsch. Sie haben gerade Ihr erstes Javascript-Programm abgeschlossen. Sei stolz auf dich. Du bist nur etwas, das sehr schwer ist. Und obwohl wir gerade erst langsam angefangen haben, sind Sie auf dem besten Weg, ein JavaScript-Entwickler zu werden. Wir sehen uns im nächsten Abschnitt des Kurses. Wir arbeiten mehr mit JavaScript-Programmierung. Herzlichen Glückwunsch. 3. Was ist JavaScript: Alles klar, Also, um die Partitur zu starten, also bevor wir in die echte Programmierung und tun all die umsetzbaren Sachen und JavaScript, was wir zuerst verstehen müssen, ist, was wirklich taub Skript ist. Also, wenn wir eingeben, was ist Javascript in Google? Das Ergebnis, das wir erhalten, ist JavaScript eine objektorientierte Programmiersprache häufig verwendet wird, um interaktive Effekte innerhalb von Webbrowsern zu erstellen. Also in diesem Video-Führer auf, werden wir lernen. Und wir werden euch einige Beispiele dafür kauen, was Javascript in eurem Web-Browser tun kann. Aber für jetzt, nur verstehen, dass JavaScript ist eine gemeinsame Programmiersprache in Web-Browsern verwendet, um Websites zu erstellen und eine Menge coole Effekte von Ihrem Web-Browser. Um Ihnen also ein besseres Beispiel dafür zu geben, was Javascript tatsächlich ist, schauen wir uns einige Endprodukte einiger großartiger Beispiele von JavaScript im Web an. In Ordnung, nun schauen wir uns einige Live-Beispiele an, was Javascript im Internet tun kann. Beachten Sie, dass JavaScript nicht mit Jabba zu verwechseln ist. Jabba und JavaScript sind zwei sehr getrennte Dinge. Lassen Sie uns also ganz kurz über Jabba sprechen. JavaScript wurde zuerst gestartet. Es ist eine kleine Sprache, die für Webanwendungen im Web ausgeführt wird, aber jetzt als leistungsfähige Programmiersprache online verwendet wird . Wir können hier sehen, dass diese Website namens Interactive Here eine coole kleine Website von JavaScript verwendet wird , um uns wirklich zu zeigen, was der innere Teil des Ohres in verschiedenen Dingen wie diesem ist . Dies ist eine nette interaktive Seite, die jemand nur mit JavaScript erstellt hat. Im nächsten Beispiel haben wir digitale Chemie zu schaffen, die eine weitere interaktive Website ist, die Menschen verschiedene Dinge über Chemie zeigt. Wir hatten diese nette kleine Seite, die automatisch geladen wird, wie Sie hier runter gehen. Einige nette Effekte, die alle mit JavaScript-Karten verwendet werden. TD ist die Website Will. Wir können uns verschiedene Karten in der Welt ansehen. Beachten Sie, dass Google Maps und Google Earth auch mit JavaScript ausgeführt werden. Hier haben wir jemanden, der erstellt, Befehl und Eroberung mit JavaScript. Das ist also eine coole, sehr, sehr coole Sache, die jemand getan hat, um das eigentliche Spiel selbst neu zu erstellen. Verwenden Sie einfach JavaScript in HTML. Amazon Cloud Reader und die Amazon-Website verwenden viel JavaScript, um zu funktionieren. Der sehr beliebte Pinterest verwendet auch JavaScript. Es ist Facebook, Twitter und all diese Websites als auch. Browser Quest, ein weiteres Videospiel-basierte Website online, alle mit JavaScript erstellt. Und wir haben dieses wirklich coole Spiel, das Draw Stick Man genannt wird, die Sie im Grunde sind Trocknen der Stick Mann mit JavaScript so ziemlich cool, ziemlich cool Sachen, die wir hier los haben. So viele verschiedene interaktive Möglichkeiten, die wir online nutzen können. Es braucht also eine Menge harter Arbeit, um alles zu bauen, was ich dir bisher in diesem Video gezeigt habe. Aber dieser Kurs vermittelt Ihnen die Grundlagen und bietet Ihnen eine starke Grundlage, die Sie brauchen, um einen guten Start online zu machen. Also schwitzen Sie es nicht. In den nächsten Lektionen werden Sie auch Ihr eigenes JavaScript-Programm erstellen. Es werden keine Fortschritte sein, diese Beispiele, aber jeder muss irgendwo anfangen. Und hier werden Sie Ihre Reise beginnen und JavaScript online lernen 4. So verlinken Sie eine externe JavaScript-Datei: Es ist sehr üblich, alle Ihre JavaScript-Dateien vom HTML getrennt zu halten. Dies hilft Ihnen, alles zu organisieren, besonders wenn Ihre Datei beginnt, um wirklich groß zu werden. Stellen Sie sicher, dass, wenn Sie Ihr Job-Skript beenden, damit Sie nicht Ihre HTML-CSS oder irgendetwas anderes hinein, nur Sie nur Javascript für jetzt können wir hier in diesem Dokument sehen, Ich habe etwas JavaScript an der Spitze eingefügt. Hier. Wir haben ein Dokument, das empfehlen, wenn wir diese Seite speichern und öffnen Sie sie, wir können sehen, dass sie JavaScript wird ganz oben auf ihrem Pager für eine Webseiteninhalt gegangen werden . Nun, was wir in dieser Lektion tun werden, ist, dass wir diesen JavaScript-Code in eine separate Datei machen . Importieren Sie diese Dateiintegration. Ein Dokument. Das erste, was hier tun wird, ist, die gerechte Gruppe zu erstellen, die wir vorher hatten. Und ich werde eine neue Akte erstellen und sie bearbeiten, Jess. Wir werden dann öffnen, dass keine Pad-Datei und wir werden Seed als Js doc gs Datei. Es ist wichtig, dass Sie die JavaScript-Dateierweiterung für diese Datei haben, damit ein Computer weiß, dass es sich tatsächlich um eine Job-Skriptdatei handelt. Sie sehen hier, dass ich jetzt anders war und wir es unsere eigene keine Pat-Akte machen können, die wir vorher hatten . Wir werden jetzt unsere Do Javascript-Datei öffnen und bearbeiten und sind keine Pipe plus oder was auch immer Zitat-Editor Sie haben. Wir werden hier unser Kommando übernehmen. Wir werden es von Peace kopieren. Wir werden in ein neues JavaScript schmecken. Wir werden löschen, was wir hier haben, und als nächstes werden wir ein paar neue Tags hinzufügen, die wir hinzufügen werden, um hier zu nehmen, und im Grunde die Head-Tags , um die Sie sich jetzt keine Sorgen machen müssen. Wir werden es später erklären, aber nur für jetzt in den Kopf nimmt wir tatsächlich importieren sind JavaScript. Schauen wir uns diesen Befehl ein wenig tiefer an. Und was jetzt? Dieser Befehl in den Zitaten, was wir tun, ist, den Dateipfad zu ihrer externen Job Skriptdatei zu schreiben . Du erinnerst dich, dass ich fünf gs dot gs genannt habe. So lange unsere Datei hier in dem gleichen Ordner wie unser HTML ein Dokument ist, alles, was wir tun müssen, ist den Namen einer Datei plus die Erweiterung, die unser Fall ist Js, bevor Sie Previ dies Stellen Sie sicher, dass Sie speichern Sie Ihre HTML ein Dokument als auch Ist Ihre externe Job-Skript-Datei Wir können hier sehen, dass JavaScript-Code ist jetzt nach Spanien richtig in unserem externen sie Eine Sache, die ich werde darauf hinweisen, wirklich schnell ist , dass die Platzierung, die wir haben unsere Job-Skript Ehre Welche Pitch dramatisch beeinflussen kann Leistung und die Belastbarkeit ihrer Lippe Egx. Generell möchten Sie, wenn möglich, Ihre Jacke an die Unterseite Ihres Po Patienten legen . Also werde ich hier einige Fußzeilen hinzufügen, und ich werde meine JavaScript-Quelldatei hier einfügen. Also, jetzt, was hier passiert ist, ist, dass die Webseiteninhalte zuerst abstimmen und dann r JavaScript-Datei Willard gleich nachdem Sie hier sehen können, dass jetzt JavaScript-Code an diesem Ort am Ende des Docks sind . Ich anstatt an der Spitze zu erscheinen, wenn überhaupt möglich, Sie wollen es immer am Ende platzieren. Also für den Rest dieses Kurses werde ich unsere Wähler schaffen. Der gesamte Codierungsinhalt mit externem JavaScript fickt, wenn Sie Hilfe dabei benötigen. Du kannst das einfach nicht zum Laufen bringen. Dann konsultieren Sie bitte die Lehrer-Dateien Teoh zum Download, dass Sie geben können. Um diese Vorlesung zusammenzufassen, versuchen Sie, Ihren Job, Ihr Skript und Ihre externe Datei zu behalten , die von Ihrem HTML und CSS getrennt ist. Dies wird Ihnen viel helfen, da Ihre Coaches größer werden, wenn möglich, indem Sie Ihren Quellcode am Ende Ihres Problems einfügen. Ein Dokument wie der HTML-Modus zuerst im JavaScript-Center, Steigerung der Leistung, und Patiala sprechen von Ihrer Website. Versuchen Sie, Ihre eigenen Extra-Jobs zu machen. Sie schreiben eine Datei zum Üben und sehen, ob Sie es richtig funktionieren lassen können. Wenn Sie das beenden, werde ich in der nächsten Vorlesung des Kurses auf Sie warten. 5. JavaScript Console Herausforderung: Howard, alle. Ich hoffe, du liebst den Kurs bisher. Und die heutige Vorlesung habe ich eine Herausforderung für dich zu tun. Das ist die Jap Scheißkonzert-Herausforderung. Ich habe dieses Programm geschrieben, aber ich habe anscheinend Probleme zu haben, wird funktionieren. Ich habe dieses Programm geschrieben, Sehen Sie, das Problem ist, wenn ich dieses Programm in meinem Browser ausführe, haben sie die Juncture Konsole geöffnet. Ich bekomme die geringsten Probleme. Diese Lüfte tauchten hier auf, und ich brauche deine Hilfe, um das zu beheben. Also, was Sie tun müssen, ist, dass Sie diese Code-Dateien nehmen müssen. Es gibt zwei in einem Blatt, die Sie in den externen Ressourcen für diesen Vortrag herunterladen können . Also gehen Sie zu externen Dateien und unten mit ZIP-Datei. Folgt es? Es werden zwei Fouls hier sein, und du musst diesen Travis-Code hier reparieren. Also gibt es keine Fehler im Jets Shirt Council. Wenn du das tun könntest, wäre genial. Sie bestehen den Test, also fordere ich Sie auf, dies allein zu tun. Wenn ihr Jungs, ich habe nicht Angel. Mach dir keine Sorgen. Wir werden das in der nächsten Vorlesung durchmachen. Die Universität hat alles, was Sie wissen müssen, also hat es versucht , wissen Sie, und viel Glück. Und lasst uns dieses Programm reparieren. Leute, lasst uns einen Jobrat benutzen und dieses Programm reparieren. Tun Sie das nicht? 6. JavaScript-Konsole Herausforderung Lösung: Alles klar, alle. Also bin ich in der Ratsherausforderung hier, und diese haben Dokumente und 1/2 gemacht. Das erste, was ich tun werde, ist, dass ich unser Programm hier im Browser öffnen werde, wenn du auf der Konsole bist, die wir hören werden, ist ich meine, schau dir ein paar Erben hier oben an, wenn du hier siehst, dass wir Syntaxfehler haben, Also werden wir tun, ist, dass wir unsere eigentliche angedockte mich hier öffnen. Ich werde mich mit meinem No Pad Plus öffnen und hier drin werde ich einen kurzen Blick werfen und sehen, ob irgendetwas in dieser Syntax fehlt, damit wir sehen können , dass Alarmbefehl sind Sieht aus, als wäre es ziemlich gut. Unser Dokument Punkt rechts Befehl ist ziemlich gut. Oh, schauen wir uns das an. Wir vermissen hier eine Klammer. Also lassen Sie uns diese Klammer in hinzufügen. Nun, das sieht viel besser aus. Lassen Sie uns die Seite hinunter fortsetzen. Contador. Oh, wir können sehen, dass wir hier ein G vermissen, also geben Sie einfach das und wirklich schnell ein und das sieht ziemlich gut aus. Und im nächsten Grafschaft Erwachsenenlog, können Sie hier sehen, dass alles ziemlich gut ist, außer für einen sehr häufigen Fehler ist, wenn Sie vermuten, dass wir den Halbpunkt vergessen haben, dann sind Sie absolut richtig. Stecken Sie das in ihr und ich werde diese Akte hier sagen, und ich werde darauf hinweisen, dass Sie eine Abkürzung sparen, anstatt jedes Mal, wenn Sie es sagen wollen, speichern zu gehen , können Sie es nehmen. Kontrollieren Sie jetzt an Fenstern, Vater Sitz. Wenn wir wieder eine Datei öffnen, können wir sehen, dass wir unsere Benachrichtigungsbox erscheint hier und wir haben dieses Land einen Waschbär behoben . So haben wir unsere Herausforderung abgeschlossen. Nun, so würde ich dieses Programm debuggen. Sie können die Konsole Schritt für Schritt verwenden oder wenn Sie mehr Jahreszeiten sind, können Sie einen kurzen Blick, indem Sie die Konsole, wir konnten sehen, dass wir ein paar Syntaxpfeile hatten. Also im Grunde Rechtschreibfehler. Weißt du, das übliche Zeug spielt kein Semikolon. Das schließt deine Klammern nicht. Das ist wahrscheinlich die häufigste Sache, die passiert, besonders wenn Anfänger Javascript-Programmierer anfangen, mit JavaScript zu arbeiten. Wenn das jemals passiert, ist die Syntax wahrscheinlich das erste, was Sie überprüfen möchten. Also, wenn Sie dieses Programm selbst abschließen. Ich werde dir gratulieren. Das ist fantastisch. Wenn du Hilfe brauchtest, ist das auch in Ordnung . Jeder braucht Hilfe hier und da, und deshalb bin ich hier. Also jetzt haben wir die Lösung für dieses Programm und wir sind alle gut zu gehen. Und im nächsten Vortrag werde ich euch ein kurzes Quiz geben und euch auf die JavaScript-Grundlagen testen , die wir bisher gelernt haben, und sie würden auf dem nächsten Abschnitt des Kurses sein, der ein Boot, Variablen und all das lernen wird Art von Spaß Zeug in JavaScript. Also werde ich im nächsten Quiz sehen, und wir gehen von dort weiter. 7. Was ist eine Variable: Variablen werden wichtig sein, und Sie werden sie viel verwenden, wenn Sie Programme überall erstellen. Dieser Kurs bei Variable wird in der Regel verwendet, um Informationen zu verfolgen, wenn es um die Programmierung in JavaScript geht . Werfen wir einen Blick auf ein beliebtes Spiel auf dem Web-Code. Pros Anfrage Brothers Anfrage Ist beliebtes Spiel im Web mit nur JavaScript erstellt? Wenn du jemals die Chance bekommst, hast du sie rausgeholt. Es ist ziemlich cool, aber genug darüber. Lasst uns auf den Punkt kommen. Während wir das Spiel spielen, können wir sehen, dass Dinge wie Luftgesundheit, Punktzahl, Leben und Schäden unserer Gesundheit, zum Beispiel, verfügbar sind. Das ändert sich je nachdem, was im Spiel passiert. Unsere Partitur oder Leben ist ein weiteres Beispiel für variable. Der Hauptpunkt, den ich versuche zu machen, ist, dass etwas verfügbar ist, das einen bestimmten Wert in unserem Spiel darstellt , und es ändert sich ständig. Hier ist ein Beispiel für die grundlegende Syntax verwenden wir für die Erstellung bei Variable und Javascript hier können wir sehen, dass unser erstes Schlüsselwort, genannt var, ist kurz für Variable. Das nächste Wort wird der Name Ihrer Variablen sein, die sein kann, was Sie als nächstes mögen. Wir haben ein Gleichheitszeichen und eine Zahl mit dieser Aussage sagt ist verfügbar Leben gleich drei, wenn wir Variable erstellen und geben ihm einen Namen wurden einen Wert auf diese Variable signieren . Lassen Sie uns nun mehr Hände auf Ansatz und lassen Sie uns ein Beispiel für eine Variable erstellen, die wir in einem Programm verwenden könnten . Lassen Sie uns die Variable verwenden und es zu unserem Dokument hinzufügen, dass Rate Befehl. Also im Winter ist es ein grundlegender Befehl hier, der unser Document Dot Rechten Befehl sein wird. Und ich werde eine Zeichenfolge in diesem Befehl hinzufügen. Also lasst uns folgendes eingeben. Also, dass wir unser Dokument haben. Okay, Befehl hier, lassen Sie uns hinzufügen verfügbar zu diesem Programm und lassen Sie es mehr Hände auf Ansatz tun. Also geben Sie Navarra ein und der Name meiner Variablen wird ein Beispiel sein. Und in den Klammern in den Anführungszeichen des Beispiels geben wir ihm den Wert von Ich bin eine Variable. Was das im Grunde sagt, ist, dass das Beispiel gleich ist, dass ich eine Variable bin. Also, wenn wir jemals das Schlüsselwort Beispiel einfügen, dann der Text Ich bin variabel. Wir öffnen es in die Datei, im Grunde sind Variable ist nur etwas und in diesem Fall Beispiel stellt die Zeichenfolge dar , die wir zuvor deklariert haben. Also, wenn wir sagen, dies und dann ein Programm ausführen, können wir sehen, dass der Wert des Beispiels wird es für das Dokument mit unserem Dokument das richtige Befehl öffnen . Die coole Sache an Variablen ist, dass wir sie so viel ändern können, wie wir in den Programmen wollen. Gehen wir zurück und ändern Sie die Variable, um etwas anderes zu tun. Da wir bereits ein Variablenbeispiel deklariert haben, können wir den VAR Teil ist variabel weglassen und einfach Beispiel gleich eingeben, was wir jetzt mögen , weil es Javascript unsere Befehle von oben nach unten liest. Wir müssen sicherstellen, dass, wenn Sie gehen, um verfügbar zu ändern, müssen wir es nach unserem Dokument Punkt rechts Befehl hier einfügen. Also werden wir diesen Code hier packen, ihn kopieren, kopieren, nachdem das Dokument den Befehl nicht bewertet hat, fügen wir ihn ein. Was wir hier tun, ist, wo wir unsere Beispielvariable als eine bestimmte Zeichenfolge deklarieren, sie in ein Dokument schreiben, als nachdem das geschrieben wurde, geben wir ihm einen anderen Wert und schreiben dann diesen neuen Wert in das Dokument, den Teil nach oben hier wird zuerst laufen, und dann wird der Teil auf dem Boden gleich danach laufen. Sagen wir das und sehen Sie, was passiert, wenn Sie das Programm ausführen. Da gehen wir. Wir können sehen, dass variable Änderungen in einem Programm und hat zwei verschiedene Werte, die helfen, es zu setzen. Es ist ein Dokument. Dies ist die Macht der Variablen, und Sie werden lernen, warum dies wichtig ist. Wenn Sie mehr mit JavaScript im nächsten Video arbeiten, werden wir mehr über Syntax sprechen und Ihre Variablen benennen, weil es einige Regeln gibt , die wir befolgen müssen. 8. So ordnen Sie Ihren Variablen Namen: Ich hoffe, Sie genießen den Kurs so weit. Und wenn ich Sie in Ihren Schuhen wäre, würde ich mir vorstellen, dass Sie weitermachen und mehr Programm machen wollen. Aber bevor wir das tun können, lassen Sie uns ein wenig mehr über sehr beide reden, weil es einige Regeln gibt, wie Javascript, Entwickler und Programmierer müssen wir folgen. Zum Beispiel können Sie nicht umhergehen und Ihre Wertsachen benennen, was auch immer Sie wollen. Es gibt einige Schlüsselwörter, die wir nicht verwenden können. Beispiel: Bar. Es ist eines dieser Schlüsselwörter, die wir keine Variable nennen können. Var. Dies ist ein Beispiel. Wer auch immer es zu viele gibt, die wir nicht benutzen können. Sie sollten sich die externen Links in dieser Vorlesung ansehen, da ich einen Verweis auf eine Liste aller verschiedenen Schlüsselwörter enthalten habe, die Ihnen dort einen Syntex geben würden , wenn Sie versuchen, sie als Variablennamen zu verwenden. Wenn Sie jemals einen Syntaxfehler erhalten, wenn Sie eine Variable erstellen und nicht vergessen können, was das Problem ist , dann könnte dies eine wahrscheinliche Ursache sein. Das nächste, was erwähnenswert ist, ist, dass eine Variable nicht mit der Zahl beginnen darf , aber sie können mit Zahl enden. Alle Variablen müssen mit dem Buchstaben beginnen hier ist ein Beispiel für das, was ich meine. Einmal ist ein Beispiel für eine falsche Variable, während Time one ein korrekter Name für Variablenvariablen ist, kann auch nur die folgenden Zeichen enthalten . Buchstaben, Zahlen, der Dollar Zeichen über Sie und unterstrichen hier einige weitere Beispiele für korrekte Variablen und falsche Variablen. Nehmen Sie sich eine Sekunde, um das Blatt zu studieren und versuchen Sie herauszufinden, warum jeder richtig ist und warum die falschen Variablen für einige falsch sind. Diese Lektion oben, Ich möchte erwähnen, dass es wichtig ist, dass Sie Ihre Variablennamen klar, informativ und leicht zu verstehen. Zum Beispiel ist Spieler eins eine bessere Wahl. Variable anstelle von Leuten im Player, sagt man uns deutlich, worum es sich bei Variablen handelt, ist etwa p. Eine Art von könnte zu verwirrend führen, wenn jemand anderes Ihren Code verwendet oder wenn es lange her ist, seit Sie Code verwendet haben und Sie haben einfach vergessen, worauf P man sich bezieht . Nun, das ist es für die Benennung von Variablen. Lassen Sie uns ein schnelles Quiz machen und mit dem Kurs weitermachen 9. Eine Einführung in Zeichenfolgen und Zahlen: Also, jetzt, wo Sie ein gutes Verständnis davon haben, was Variablen sind, lassen Sie uns ein wenig reden. Stimmen Sie Strings und Zahlen. Wenn Sie Informationen in eine Variable eingeben, fügen wir dieser Variablen einen Wert hinzu. Aber es gibt zwei Arten von Werten, die wir zu einer Variablen diese Luftzeichenfolgen und Zahlen hinzufügen können. Lassen Sie uns über Zahlen gehen. Erster. Zahlen werden für einfache mathematische Gleichungen und Berechnungen verwendet, die in diesem Kurs viel mit Zahlen arbeiten werden , Aber für jetzt, konzentrieren wir uns auf Strings, Strings, Luft zum Speichern von Text und Wörtern verwendet. Hier ist ein Beispiel für eine Zeichenfolge, die in einem Befehl verwendet wird. Die Zeichenfolge in diesem Beispiel ist der Teil des Textes, der in den Zitaten enthalten ist, wie ich hier hervorgehoben habe . Hier sind einige weitere Beispiele für Zeichenfolgen, die häufig in JavaScript verwendet werden. Strings können entweder in Anführungszeichen oder in doppelter Anführungszeichen gesetzt werden, so dass Sie wissen, welche Zahlen und Strings sind. Wir können jetzt weiter in diesem Kurs vorgehen. Wir werden viel mit Strings und Zahlen arbeiten, also ist es gut, eine solide Grundlage zu haben und zu verstehen, wie sie in JavaScript funktionieren 10. So kompilieren von einem Benutzer: Sie haben in diesem Kurs bisher einige Befehle gelernt, also sollten Sie sich mittlerweile langsam daran gewöhnen, sie zu benutzen. In der heutigen Lektion wollten Sie lernen, wie Sie die Eingaben eines Benutzers mithilfe des Eingabeaufforderungsbefehls erfassen. Schauen wir uns ein Live-Beispiel für ein einfaches Programm an, das diesen Befehl verwenden könnte. Wir können diesen Befehl aus starten, indem Sie Folgendes eingeben. Wir werden dann eine Zeichenfolge zu unserem Eingabeaufforderungsbefehl hinzufügen, wie folgt. Lassen Sie uns nun das Programm ausführen und sehen, was passiert, wenn Sie es in einem Web-Browser und Alert-Box von Pop-up und unteren Besucher in ihrem Alter eingeben. Aber wo hat die Nummer vor? Nun, wir können einem Eingabeaufforderungsbefehl eine Variable zuweisen, und dann werde ich diese Variable auf unsere Seite setzen oder sie in einem anderen Befehl verwenden. Lassen Sie uns Schritt für Schritt durch. Zuerst werde ich einer variablen Zehe einen Eingabeaufforderungsbefehl geben und ihm den Namen Besucheralter geben, also weiß ich, worauf es sich beziehen wird. Als nächstes werde ich ein Dokument lesen, das den richtigen Befehl hat und ich werde unsere Besuchernamenvariable in unseren Befehl einfügen . Also im Grunde, was hier los ist, ist, dass wir alles, was der Benutzer eingibt, in das wertvolle Besucheralter nehmen und heraus setzen Sie es in das Dokument. Lassen Sie uns diese Datei speichern und CFO-Programm wird korrekt funktionieren, wie wir es beabsichtigt haben. Da gehen wir hin. Wir können sehen, dass unsere Besucher Alter l setzen Sie es auf die Seite sechs fachmännisch. Ziemlich cool, was? In der nächsten Lektion lernen Sie, wie Sie Strings miteinander kombinieren. 11. Kämmen von Strings: Jetzt, da Sie wissen, wie Sie Informationen von einem Besucher mit dem Befehl prompt sammeln können, können wir beginnen, einige Programme zu erstellen, die ein wenig Interaktivität daran beteiligt sind . Die heutige Lektion Du wirst lernen, wie man Strings kombiniert, um einige Nachrichten aus unseren Besuchereingaben zu erstellen . Anhand des Beispiels aus unserem letzten Programm werden wir unsere Besucher altern und diese Eingabe einer anderen Nachricht hinzufügen. Lassen Sie uns also beginnen, indem Sie eine Variable für den Eingabeaufforderungsbefehl erstellen. Ich werde auch eine Variable für den Namen des Benutzers hinzufügen. Wir müssen Variablen in diesem Programm eine für unser Besucheralter und eine für ihren Namen. Also werden wir diese Informationen für das Dokument öffnen, aber mit dem Dokument Punkt rechts Befehl. Also folgen Sie einfach mit mir, wie ich das austippe. Und was ich hier im Grunde mache, ist, dass ich eine Zeichenfolge erstelle und ein Pluszeichen hinzufüge. Mit diesem Pluszeichen tippe ich hier unsere beiden Variablen aus. Ich werde zuerst den Namen der Besucher eingeben. Und was das tun wird, ist, dass die Besuchernamenvariable die Zeichenfolge greifen und sie in den Stream einfügen wird , der bereits hier eingegeben wurde. Beachten Sie, dass ich vor und nach der Variablen ein Pluszeichen hinzufüge, weil ich mehr String hinzufügen werde . Und dann nach diesem Teil der Zeichenfolge, werden wir wieder eine andere Variable einfügen. Wir hatten das Pluszeichen, und dann nehmen wir nur zur Verfügung. Dies ist die grundlegende Syntax für das Hinzufügen Ihrer Strings zusammen. Und JavaScript haben wir unseren hallo Teil plus Besuchernamen den Rest ihrer Zeichenfolge und dann unsere Besucher altern. Sehr einfach. Wir werden dies speichern und sehen, ob unser Programm korrekt läuft. In Ordnung, also werde ich mein Alter hier und nach der Art des Namens nehmen. In Ordnung. Wir können sehen, dass alles einwandfrei funktioniert. Während wir pflanzen, bemerken Sie, dass es keine Leerzeichen in ihren Strings gibt, und das liegt daran, dass Javascript keine Leerzeichen automatisch hinzufügt. Also müssen wir hier in unsere Saiten gehen und hier nur ein wenig Platz hinzufügen. Und sobald wir das Programm erneut in der Vorschau sehen, können wir sehen, dass die Leerzeichen zu unseren Strings hinzugefügt werden. Also werde ich durch Ihre gehen und mein Alter eingeben, natürlich, in meinem Namen. Und wir können sehen, dass die Räume so hinzugefügt werden, wie wir wollen. Das sieht also ein bisschen besser aus. Denken Sie daran, dass, wenn wir kombinierte Strings zusammen hinzufügen und JavaScript Captain ation genannt wird , dies ein schickes Wort ist, um Straßen zusammen zu beschweren. Alles klar, das sind so ziemlich die Grundlagen des Kombinierens von Strings und JavaScript. Versuchen Sie, dies und einige Ihrer Programme zu tun, um etwas Übung zu machen, und wir fahren mit der nächsten Lektion fort. Wir würden weiter über die Arbeit mit Strings sprechen. 12. Mit Strings In Einem Weiteren Detail arbeiten: als JavaScript-Entwickler, werden Sie viel lernen, und das wird einige Probleme sein, auf die Sie die Antwort nicht kennen. Selbst nachdem Sie diesen Kurs abgeschlossen haben, versichere ich Ihnen, dass Sie noch weitere Hilfe benötigen und Informationen in dieser Lektion finden können . Ich werde Ihnen einige Ressourcen zeigen, die Sie verwenden können, um häufig auftretende Probleme zu beheben auf die Sie als JavaScript-Entwickler stoßen werden. zuerst Schauen wir unszuerstdas Mozilla Developer Network an. Wenn zum Beispiel Hilfe benötigen, Sie zum Beispiel Hilfe benötigen, welche Strings, welche Strings, können Sie auf den JavaScript-Abschnitt des mdn verweisen. Es gibt alle Arten von Befehlen, Nachrichten und Eigenschaften auf dieser Seite aufgelistet, die Ihnen mit Ihrem Cody helfen können. Jedes Mal, wenn Sie ein Problem haben oder einfach nur etwas Neues lernen möchten, können Sie hierher kommen und alle hilfreichen Informationen kostenlos beziehen. zum Beispiel Verwenden wirzum Beispielden Indianer, um einen neuen Befehl zu erlernen. Wir können Zehenarbeit mit unseren neuen Saiten verwenden. Werfen wir einen Blick auf den Link Command auf dieser Seite. Wir können alle Informationen über diesen Befehl sowie ein Beispiel sehen, das wir verwenden können, um es mit Lassen Sie uns das Beispiel nehmen und es unserem JavaScript-Programm nur für diese Lektion hinzufügen. Sie haben verfügbar als Hot-Text erstellt. Wir geben ihm den Wert des Indianers. Dann wurden wir erschaffen. Eine andere Variable namens You Earl, und dieser Wert ist der Link zur indischen Website mit ihrer beraten Zuteilung. Wurden dem Rat die folgende unsere Zeichenfolge schreiben, plus unseren Wert von heißen Text in der Verwendung des Link Command, um unsere Euro-Variable hoch zu machen, Schlägerei, dass, wenn wir darauf klicken, es wird uns direkt auf die Webseite bringen. Dies könnte ein wenig kompliziert sein, besonders wenn Sie Befehle verwenden, die Sie noch nie gesehen haben. Aber mach dir keine Sorgen. Übung wird dich besser machen. Lassen Sie uns das Programm ausführen und sehen, was passiert. Wir können sehen, dass wir unsere Techniker 100 Seite haben, und dann haben wir einen Link. Wir können hier klicken, die uns zum Manzella Manzella Developer Network führt. Ziemlich cool. Versuchen Sie, den Befehl Verknüpfen mit anderen Befehlen zu verwenden. Sie haben bisher gelernt, ein Programm Ihrer Wahl zu bekommen. In der nächsten Lektion wollten Sie die Informationen nutzen, die Sie bisher gelernt haben. Erstellen Sie eine Webseite, die Besucher begrüßt, um AIDS zu helfen und begrüßt sie 13. Die Variable Codierung Herausforderung: Alles klar, alle. Also hoffe ich, ihr seid bereit, etwas zu programmieren, denn in diesem Vortrag müsst ihr euch tun, ist, dass ihr mir ein Programm aufbaut. Also tun wir so, als wäre ich ein Klient und du arbeitest für mich. Und ich brauche ein Programm, und ich muss tun, um die folgenden Funktionen zu haben. Also gehen wir das Schritt für Schritt. Und, wie üblich, üblich, können Sie mitverfolgen. Ich möchte, dass ihr versucht, es alleine zu tun. Und wenn Sie irgendwelche Probleme haben, können Sie mir das nächste Video ansehen. - Wir kommen hoch. Meine eigene Lösung für das Programm bedeutet nicht unbedingt, dass Ihre dasselbe sein wird, aber ich werde meinen Weg finden, wie ich es tun würde. In Ordnung. Also schauen wir uns das Programm an. Und schauen wir uns an, was Sie in Ihr Programm aufnehmen müssen, um die Herausforderung zu bestehen. Also, vor allem, unten auf die HTML- und JavaScript-Dateien für diese Herausforderung. Zweitens muss Ihr Programm den Benutzer über eine Warnbox auf der Webseite begrüßen. Dann müssen Sie den Benutzer einen weiteren Namen fragen, und dann müssen Sie den Benutzer nach seiner Lieblingsfarbe fragen. Dann werden Sie den Namen des Benutzers und die übliche Lieblingsfarbe in einer Zeichenfolge kombinieren , die wie folgt und rechts de Zeichenfolge zum Dokument geht. Hallo, Benutzer. Ihre Lieblingsfarbe ist verwendet Lieblingsfarbe. Schließlich werde ich eine Programm-komplette Zeichenfolge an den Rat setzen, um uns wissen zu lassen, dass Ihr Skript erfolgreich ohne Lüfte gelaufen ist . Wenn Sie denken, dass Sie es alleine bewältigen können, versuchen Sie es zu versuchen. Wenn Sie irgendwelche Probleme haben, sich keine Sorgen. Ich werde im nächsten Video hier sein, um Ihnen die komplette Lösung für die Variablen- und Strings-Herausforderung zu zeigen . Viel Glück, Leute. 14. Lösung für die Variable Codierung: Ich hoffe, jeder hat einen tollen Tag. Und diese Lektion zeigen wir euch die Lösung für die Variablen- und Streicher-Herausforderung , die euch in der letzten Vorlesung vorgestellt hat. In Ordnung, also lasst uns anfangen. Das erste, was wir tun müssen, ist, dass wir unseren Benutzer mit einer anderen Box auf der Seite begrüßen müssen . Sie warten also nur darauf, den Alert-Befehl zu verwenden und eine Zeichenfolge wie hallo oder willkommen auf unserer Website einzugeben . Du kannst hier alles benutzen, was du willst. Wir mussten Ihren Benutzer nicht nach einem Namen fragen, also werde ich eine Variable erstellen und sie aufrufen, ihren Namen besuchen und dann werde ich den Benutzer auffordern und sie fragen Wie ist Ihr Name? Stellen Sie sicher, dass und mein Zitat. In Ordnung, also haben wir das gefangen genommen. Wir werden dann einfacher auffordern und fragte ihn nach der Lieblingsfarbe und speichern Sie es in der Variablen namens Besucher Farbe oder Lieblingsfarbe. Hier. In diesem Fall ist das nächste, was wir tun müssen, bedeuten, den Namen des Benutzers und die Lieblingsfarbe zusammen zu einer Zeichenfolge zu kombinieren , die wie folgt geht. Okay, also dieser Teil, wir müssen unsere Saiten miteinander kombinieren, erinnerst du dich? Und wir müssen es mit dem richtigen iranischen Dokument beginnen, Command, Command, weil Sie auf der Seite ausgegeben haben. Was wir tun werden, wird die Schnur nehmen, die wir benötigt wurden, und wir werden sie hier eintragen . Und dann anstelle der Flecken für den Namen des Benutzers und die Lieblingsfarbe der Benutzer, werden wir die Variablen, die wir zuvor erstellt haben, die diese Informationen speichern und dann werde ich sie auf die Seite legen. Also, hier werden wir den Namen der Besucher setzen. Sie wollten Notre String hier fertig geben, und dann werden wir auch die Lieblingsfarbe einfügen. Denken Sie daran, dass Sie, wenn Sie Ihre Strings erstellen, ein Leerzeichen vor Ihrer Variablen und nach der Variablen hinzufügen , so dass alles nicht zusammen gewechselt wird. Okay, also sieht unser Programm ziemlich gut aus. Wir sind fast fertig als nächstes, wir müssen tun, wir müssen mit einem Programm komplette Nachricht an den Rat, so können wir dies einfach tun, indem wir Rat, die protokollieren und dann etwas in der Linie des Programms eingeben abgeschlossen oder so etwas wie das wäre in dieser Angelegenheit akzeptabel. Okay, also werden wir unser Programm speichern und hoffentlich läuft ziemlich gut. Schauen wir uns an und sehen, was passiert. Okay, also sind wir willkommen. Wir können hier meinen Namen eingeben. Dann geben wir meine Lieblingsfarbe ein und wir konnten Ariel sehen. Hallo, Robin. Ihre Lieblingsfarbe ist grün. Also, dieser Teil funktioniert ziemlich gut. Aber wir müssen das Schloss des Konsulats überprüfen . Und wir konnten sehen, dass unser Programm abgeschlossen ist, so dass wir sehen können, dass alles im Programm erfolgreich lief . Und das ist eine Herausforderung für euch. Wenn ihr also Probleme damit hattet, ist das in Ordnung. Ich habe gerade das Video angesehen und dann versuchen, wieder auf eigene Faust zu erstellen, wenn möglich. Und für alle, die das Programm abgeschlossen haben, lassen Sie es mich wissen. Ich will hören, wie ihr es geschafft habt. Wenn ihr es übergibt, ist das großartig. Lassen Sie es uns wissen, wenn Sie irgendwelche Probleme haben. Schreiben Sie darüber in der Diskussion stellen Sie dieses Video ein, und wir können danach mit dem nächsten Abschnitt fortfahren. Aber bevor wir können, müsst ihr ein kleines Quiz über Saiten und dann reden wir über Zahlen und Mathematik 15. Was sind Zahlen: Hallo, alle. Wie läuft's? In Ordnung. Bisher haben wir ausführlich über sowohl Strings als auch Variablen gesprochen. Also jetzt werden wir unseren Fokus auf Zahlen verschieben, die ebenso wichtig sind und springen Straßennummern in allen Arten von Berechnungen und Programmierung verwendet werden . Unsere Punktzahl in einem Videospiel, Hinzufügen der Gesamtsumme der Einkäufe. Sehen Sie, wie viel Geld Sie schulden. Dies sind alle Beispiele dafür, wie die Zahlen im Programm verwendet werden. zuerst Lassen Sie unszuerstein wenig über ganze Zahlen sprechen, bevor wir weitermachen können. Eine ganze Zahl ist das, was wir eine ganze Zahl nennen. Hier sind einige Beispiele dafür, wie Ganzzahlen aussehen werden. 55 78 3333339 67 All dies sind alle Beispiele für ganze Zahlen oder was wir in der Programmierung von Imagern nennen . Als Nächstes sind Fließkommazahlen. 14 Punktzahlen der Samos-Ganzzahlen, außer dass sie eine Dezimalstelle in ihnen haben. Ist Ihre 0,1 0,55555 Dezimalzahl 23 sind alle Beispiele für Fließkommazahlen. Schließlich haben wir wissenschaftliche Notation. Wir können sogar wissenschaftliche Notation für Berechnungen und Javascript verwenden. Hier sind einige Beispiele, aber bedenken Sie, dass nicht so viel verwendet wird. Und keine Sorge, wenn das meinen Sinn ergibt, können Sie das nur seine Referenz verwenden. Hier ist ein Beispiel, wie wir eine Zahl zuweisen können, um jede der verschiedenen Arten von Zahlen, die wir gerade diskutiert. Merkst du hier etwas anderes, als wenn wir Variablen zuweisen? Zwei Saiten. Der Hauptunterschied ist, dass wir einer Variablen eine Zahl zuweisen. Und wenn wir das tun, verwenden wir keine Zitate. Andernfalls wird ihre Nummer später wie eine Zeichenfolge behandelt. In diesem Kurs lernen Sie, wie Sie einen String Toe eine Zahl konvertieren. Aber im Moment möchte ich, dass Sie sich auf den Unterschied zwischen den beiden konzentrieren und wie wir ihnen zwei Variablenzeichenfolgen zuweisen . Wir verwenden Zitate, Zahlen. Wir nehmen einfach die Nummer rein und lassen die Zitate aus. Das ist die Hauptsache, die vorerst wichtig ist. Okay, sobald das für dich Sinn macht, können wir zum nächsten Kurs übergehen, und wir werden mehr mit Zahlen arbeiten 16. Wie wir Mathematik in JavaScript machen: während Sie durch Ihre JavaScript-Karriere und -Reise fortschreiten, werden Sie erkennen, dass Programme werden Sie Auto, um eine Menge Mathematik in dieser Lektion zu tun. Und wir werden uns ansehen, wie wir Mathematik verwenden können, um das Programm in JavaScript zu erstellen , das einem Benutzer sagt, wie viele Tage sie das Leben haben. Aber bevor wir das tun können, müssen wir lernen, wie man grundlegende Mathematik und JavaScript macht. Also lassen Sie uns beginnen, Zahlen zusammen in JavaScript hinzuzufügen verwendet das Pluszeichen ein ausgefallenes Wort für das Pluszeichen. Ist Alta auch der Additionsoperator? Also hier sind wir alle neun. Persönlich, wenn wir drei von neun subtrahieren wollten, würden wir einfach das Minuszeichen verwenden. Wenn wir in Zahlen teilen wollten, würden wir dieses letzte Zeichen verwenden, das so angezeigt wird. Multiplizieren Sie zwei Zahlen würden Sie die Magen-Symbol-Berechnungen verwenden und JavaScript sind in der Regel getan, wenn Sie Eingaben von einem Besucher nehmen und verwenden Sie es Eingabe, um mit ihrem endgültigen kommen. Okay, nehmen Sie unser Programm, das berechnen würde, wie viele Tage Sie noch am Leben waren, zum Beispiel, wir werden brauchen, um einfacher zu machen und sie nach ihrem Alter zu fragen. Dann nehmen Sie diese Zahl und multiplizieren Sie sie mit wie vielen Tagen in einem Jahr? Aber wie schreiben Sie das in Code, bevor wir das tun können? Wenn Sie ein wenig mehr über Berechnungen mit Variablen sprechen, sagen wir, wir zum Beispiel ein Spiel geschaffen, haben zum Beispiel ein Spiel geschaffen,in dem ein Klempner die Prinzessin vor einer riesigen Schildkröte in seinem Schloss retten musste . Jedes Mal, wenn ein Spieler einen Pilz schnappte, würde er ein Leben gewinnen. Wir könnten so etwas schreiben. Variable Leben gleich Street Leben gleich Leben gleich Leben plus eins. Was dieses Land des Codes sagt, ist, sind variable Leben ist zuerst gleich drei. Wir würden und dann den zweiten Teil des Codes einfügen, wenn ein Spieler einen Pilz sammelte . Es heißt im Grunde, dass Leben dem aktuellen Wert von Leben entspricht, die eins zu dieser Zahl hinzugefügt haben . In der endgültigen Zahl wird die Zahl wieder in den variablen Leben gespeichert werden, so dass am Ende Leben gleich sein. Zuvor gibt es auch eine Kurzversion für das Hinzufügen und Job-Skript als auch, die exponiert Leben plus gleich eins ist. Sie können jede Version verwenden, die Sie mögen. Wählen Sie einfach diejenige aus, die Sinn macht. Also werden wir bei der Basisversion bleiben, nur damit Sie verstehen, was es bedeutet, dass ich eine Referenzseite in das externe Feuer aufgenommen habe War Teil dieser Vorlesung können Sie t einen Blick auf eine vollständige Liste der Kurzschriften-Syntax für Berechnungen und JavaScript. Also lasst uns ein Programm bauen. Das erste, was wir tun müssen, ist gemein, es mit den Zeitaltern der Besucher . Also müssen wir den Benutzer zu ihrem Alter auffordern. Also, um eine variable Farbe Besucher altern und dann richtig, die Eingabeaufforderung Befehl etwas in der Linie der fragen sie für ihr Alter. Sobald wir das alles herausgefunden haben, könnten wir dann eine andere Variable erstellen. Und wir werden das ein Lebensjahr nennen. Im Grunde genommen, was diese Variable tun wird, ist, dass wir die Zeichenfolge, die sie eingegeben haben, nehmen und sie in eine Zahl konvertieren und End analysiert genau das. Also werden wir unsere Besucher hier altern lassen, es in die Klammern setzen, und im Grunde, was das tut, ist, dass wir das Alter Ihrer Besucher nehmen, die Zeichenfolge daraus nehmen, diese Zeichenfolge um eine Zahl konvertieren und dann es als lebendige Jahre zu retten. So nada. Unsere Zeichenfolge wird als Zahl gespeichert. Wir können handeln, produzieren eine Multiplikation mit ihm. Also die nächste Codezeile, die wir brauchen, um die Besucher Jahre gelebt und multiplizieren Sie es mit, wie viele Tage sind in einem Jahr. Okay, jetzt werden wir unsere Mathematik machen, die wir tun werden, ist, dass wir unsere Jahre in den kommenden Jahren lebendig nehmen , Variable. Und wir werden es mit wie vielen Tagen im Jahr multiplizieren? In diesem Fall gibt es. 365 Tage in einem Jahr. Also im Grunde nehmen wir die Nutzer Jahre lebendig. TNS String hat es in eine Zahl konvertiert, dann multipliziert diese Zahl mit 3 65 und dann ein Dokument mit dem richtigen Befehl zu machen und diese Zahl und eine Zeichenfolge dort zu setzen, die wir hier erstellen werden, scheint ein wenig kompliziert zu sein, aber sobald Sie Mathe, Multiplikation, JavaScript haben, JavaScript haben, lassen Sie uns das nicht tun. Also hier haben wir ein nettes kleines Programm, das jemandem sagen würde, wie viele Tage sie für ziemlich ordentlich am Leben sind . Also werden wir hier unsere Saiten betreten. Sobald wir fertig sind, können wir das Programm speichern und es dann testen und sehen, ob alles richtig funktioniert. In Ordnung. Also lassen Sie uns in meinem Alter hinzufügen, das 24 ist, können wir sehen, dass ich seit 8760 Tagen am Leben bin. Das scheint eine lange Zeit zu sein. Nur um sicher zu sein, aber. Wir wählen eine andere Nummer aus und geben sie hier ein. Und das können wir mit zwei sehen. Unsere Multiplikation ist korrekt. Dieses Programm funktioniert also genau so, wie wir es wollten. Lasst uns noch eins machen, nur um sicher zu sein. Na gut, ehrfürchtig. Alles funktioniert einwandfrei. Sie sind jetzt bereit, mit dem mathematischen Objekt zu arbeiten, was für Berechnungen und Job-Skripts sehr wichtig ist. Ich seh euch im nächsten Video. 17. Arbeiten mit dem Mathematischen Objekt: in der heutigen JavaScript-Lektion, wollten Sie lernen, wie Sie Zufallszahlen mit dem mathematischen Objekt erstellen. Für den Fall, dass Sie vergessen haben, sind Strings und Zahlen zwei verschiedene Arten von Objekten, und diese Objekte haben Eigenschaften. Beispielsweise kann ein Stream eine Längeneigenschaft haben, die ausgibt, wie viele Zeichen in dieser Stärke enthalten sind. Objekte haben auch Aktionen, die sie ausführen könnten, die wir Methoden und JavaScript nennen. Zum Beispiel. Wir könnten eine Zeichenfolge nehmen und die Kleinbuchstaben Methode hinzufügen, die alle Zeichen in Kleinbuchstaben geändert wurden Auch wenn wir sie in Großbuchstaben und in dieser Lektion eingeben , jedoch werden wir uns jedochauf das mathematische Objekt konzentrieren. Also lassen Sie uns kurz darüber reden. Mit dem Map-Objekt können wir alle Arten von fortgeschrittenen mathematischen Berechnungen durchführen. Zum Beispiel, wenn wir zum mdn gehen, können wir sehen, dass es eine mathematische Eigenschaft für das mathematische Objekt gibt, mit der wir die Quadratwurzel einer Zahl berechnen oder die Anzahl der Kuchen erhalten können , die wir verwendet haben, um die Fläche eines -Kreis. Wir können auch alle Methoden sehen, die auf der Seite aufgeführt sind, hier als auch. Die Hauptmethode, die wir uns ansehen werden, ist die mathematische Punkt-Zufallsmethode. Also lasst uns das eintippen und sehen, was passiert. Ich werde dieser Runde auch eine Reihe von Variablen geben, dass wir sie in das Dokument schreiben können. Okay, wenn ich das Programm ausführe, können wir eine zufällige Gleitkommazahl zwischen Null und bis zu sehen, aber ohne eine wird angezeigt. Ich werde ein Fünf ein paar Mal treffen, was die Tastenkombination für die Aktualisierung ist, so können Sie sehen, dass jedes Mal, wenn Sie ein Programm ausführen, wir tatsächlich um ihn Nummer bekommen. Aber was wäre, wenn wir eine ganze Zahl anstelle von,sagen wir, zwischen eins und 50 wollen sagen wir, ? Nun, was wir tun könnten, ist, dass wir Multiplayer-Ergebnis von 50 jeder ein Programm. Wir können sehen, dass wir etwas näher an das kommen, was wir wollen. Das Problem ist, wir immer noch keine ganze Zahl haben. Glücklicherweise hat JavaScript auch eine Möglichkeit, dies mit der mathematischen Punktbodenmethode in der mathematischen Punktversiegelungsmethode zu tun , Mathematik oberste Etage um die Zahl bis zur niedrigsten Ganzzahl und mathematische Gedankendecke waren falsch . Nummer zwei, die höchste. Also, wenn wir sicherstellen wollten, dass wir eine Zahl zwischen eins und 50 treffen. Wir würden den Befehl der Karte obersten Etage verwenden, nur für den Fall, damit wir keine 51 zufällig bekommen. Nun, das sieht vielleicht etwas kompliziert aus, aber es ist nicht so schlimm. Versuchen Sie einfach, mit mir in JavaScript zu folgen. Code innerhalb der innersten Klammer geschieht zuerst. Dann arbeiten wir uns nach außen. Also, wenn wir uns diesen Damon ansehen, geschieht das folgende zuerst, eine Zufallszahl zwischen Null und bis zu, aber nicht einschließlich einer gerade erzeugten. Dann wird diese Zufallszahl mit 50 multipliziert. Dann wird die Dezimalzahl abgerundet kalt könnte kompliziert sein, aber die Hauptsache, die wichtig ist, ist, dass Sie verstehen, was hier vor sich geht. Wir fügen auch das Plus am Ende hinzu, dass, wenn wir eine mögliche 50 bekommen, da wir abgerundet werden, wir nur ein Maximum von 49 erhalten können. Deshalb haben wir das Plus. Nur für den Fall, dass jeder ein Programm sehen kann, dass wir nie eine Lösung gefunden haben, die uns eine ganze Ganzzahl zwischen eins und 50 gibt . Mit all dem Wissen, das Sie in dieser Vorlesung gelernt haben, lassen Sie uns ein Programm erstellen, das eine Zufallszahl zwischen eins und 60 erzeugt 18. Die Herausforderung der Zahlen: Sie haben viel mit Zahlen gearbeitet und viel Mathematik in diesem Abschnitt des Kurses gemacht . Keine Sorge, wir sind fast fertig. Wir haben nur eine Herausforderung und dann ein Quiz und Sie werden mit diesem Abschnitt fertig sein. Ihr Produkt für diese Herausforderung besteht darin, Folgendes zu tun. Erstellen Sie ein Programm, das eine Zufallszahl zwischen Eins und mit den Benutzereingaben generiert, zum Beispiel. Sie verwenden es und setzt die Zahl 20. Ihr Programm muss dann eine Zahl zwischen eins und 20 generieren und sie dann in das Dokument schreiben, damit der Benutzer die Zufallszahl sehen kann. Wie üblich. Sehen Sie, ob Sie dieses Produkt selbst vervollständigen können. Wenn Sie stecken bleiben oder Hilfe benötigen, kommen Sie zu mir im nächsten Video, wo ich Sie Schritt für Schritt durch die Lösung führen werde. Ich wünsche Ihnen Glück und lassen Sie mich wissen, wie Sie in dieser Herausforderung tun. 19. Lösung für die Herausforderungen der Zahlen: Alles in Ordnung, um das Ziel für diese Herausforderung war es, ein Programm zu erstellen, das eine Zahl zwischen eins generieren würde . Was auch immer der Benutzer als zweite Nummer eingibt, wie üblich, empfehle ich Ihnen, dieses Programm selbst auszuprobieren. Aber wenn du dort feststeckst, brauchst Hilfe. Lassen Sie uns Schritt für Schritt durch. Es ist das erste, was ich hier tun werde, ist eine Variable und College-Benutzernummer zu erstellen . Wir werden einen Eingabeaufforderungsbefehl verwenden, um den Benutzer zu bitten, eine Nummer einzugeben. Alles klar, sobald wir das alles herausgefunden haben, können wir dann diese Zahl nehmen und wir werden diese Zahl ändern, indem wir die Teile und den Befehl verwenden , denken Sie daran, dass wir eine Variable in die Klammern hier. Jetzt nehmen wir unsere 14-Punkt-Nummer und ändern sie in eine ganze Zahl, oder wir rufen gerne eine ganze Zahl. Als nächstes werden wir unsere ganze Nummer nehmen und dann unsere Berechnungen für diese Zahl durchführen, damit unsere Nummer zwischen eins und was auch immer der Benutzer eingibt, wir werden den gleichen Code verwenden, den wir im letzten Video verwendet haben. Aber stattdessen werden wir die variable Benutzernummer anstelle der 50, die wir vor River hatten, verwenden, um das Plus am Ende hinzuzufügen . Sonst wirst du nicht die Top-Nummer treffen. Die Teaser-Eingaben. Als nächstes werden wir Alert-Box erstellen und den Benutzer mit den Zufallszahlen alarmiert. Ich denke, ich könnte erwähnt haben, um es auf die Seite in der letzten Episode zu schreiben. Aber das ist in Ordnung. Sie können die Alert-Box gut verwenden. Hier. In Ordnung, also denke ich, unser Code ist gut zu gehen. Wir werden hier alles retten, und hoffentlich läuft alles wieder reibungslos. Wir können hier sehen, dass wir den Benutzer auffordern, nach einer Nummer fragen, diese Zahl nehmen und sie von einer Gleitkommazahl zwei ändern, eine ganze Zahl, die diese ganze Zahl annimmt und unsere Formel hier verwendet, um unsere Nummer zu generieren zwischen was auch immer, was auch immer der Benutzer eingibt. Und dann warnen wir es nur, damit Benutzer mit den Nummern einen Lauf lassen. In Ordnung, also gebe ich hier eine Nummer ein. Ok. Wir können dort um eine Zahlen generiert sehen. Lassen Sie es uns noch ein paar Mal machen, nur um zu sehen, dass unser Programm richtig funktioniert. In Ordnung, also denke ich, dass wir ein Programm bekommen, das ziemlich gut funktioniert. Also nochmal, ich werde euch gratulieren, wenn ihr es schafft, es alleine zu beenden. Wenn du Hilfe brauchtest, ist das auch in Ordnung . Du bist so ziemlich fertig mit Zahlen zu arbeiten. Wir machen ein kurzes Quiz. Danach werden wir zu bedingten Aussagen übergehen, die sehr stark und sehr mächtig sind. Und JavaScript, ich hoffe, Sie genießen den Kurs bisher und lassen Sie mich wissen, was Sie denken.