Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

JavaScript lernen

HTML-Dokument erstellen

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Die Einführung in dieses Videotraining bietet einen kurzen Überblick über HTML durch die Erstellung eines HTML-Dokuments mit dem Notepad-Editor.
05:02

Transkript

Wenn man eine neue Programmiersprache lernt, dann fängt man immer mit dem sogenannten "Hallo Welt"- Programm an. Man sagt also der Welt "Hallo, hier sind wir". Ich bin jetzt hier auf meinem Desktop, der ist ganz leer und da klicke ich einfach mal mit rechts hier hin und sage "Neu" und geht dann auf Textdokument, nicht auf Word oder irgendwas anderes, sondern, wichtig dieses ganz normale Textdokument, das nenne ich jetzt mal "Hallo" und dann ist wichtig: .HTML, weil JavaScript in HTML Dateien eingebettet wird. Jetzt gehe ich auf OK und jetzt fällt mir auf, dass dieses Icon hier eigentlich ein Texteditor-Icon ist und kein HTML-Icon, wenn ich jetzt hier mal mit der Maus drüberfahre, dann sehen Sie das Ganze vom Typ Textdokument. Offensichtlich ist das eben kein HTML-Dokument, sondern da scheint noch eine Dateinamenerweiterung .TXT hinten dran zu stecken. Die sehen wir nicht, also müssen wir sie einmalig sichtbar machen. Dazu gehe ich auf "Systemsteuerung", ich gehe auf "Darstellung und Anpassung ich hier auf Ansicht und hier sehen Sie, dass die Erweiterungen bei bekannten Dateitypen ausgeblendet werden und wir möchten bei jeglichen Datei-Typ die Erweiterung sehen und deswegen muss hier der Haken raus und dann sehen wir dass immer. Ich gehe auf OK, klicke das hier weg und jetzt sehen Sie hier auch noch mal dieses TXT und das müssen wir entfernen. Ich klicke das an, gehe auf F2 und dann lösche ich das hier einfach raus. Jetzt bekomme ich hier die Warnung, dass ich diese Dateien-Namenserweiterung ändern möchte, jawoll, möchte ich und jetzt schaut das ganze auch so aus, wie ich mir das vorstelle. Es ist eine HTML-Datei, die möchte ich jetzt aber nicht mit dem Browser öffnen, sondern ich klicke sie mit rechts an, gehe auf "Öffnen mit" und wenn es gut läuft, haben Sie hier schon den Notepad-Editor drin, dann können Sie genau den wählen, wenn Sie den, so wie ich hier, nicht sehen, dann gehen sie auf "Standardprogramm auswählen", wenn Sie ihn immer noch nicht sehen, gehen Sie auf "Durchsuchen" und dann suche ich mal nach "C:/Windows/system32/" und hier brauche ich nur "Note" eingeben, dann habe ich schon notepad.exe. Ich gehe auf "Öffnen". Dieses Programm, diesen Editor haben alle Windows Systeme und wenn Sie mit dem Mac arbeiten, gibt es auch ein ähnliches Programm. Einen ganz einfachen Text-Editor, der hat ja keinerlei Formatierung, der hat hier keinerlei Auszeichnung, dass wir etwas bunt oder groß machen, sondern wir können hier nur ganz einfachen Text hineinschreiben und dieser Text heißt: das ist der Name des Programms "Hallo Welt" und dann noch mal ein Ausrufezeichen. Ich speichere diese Datei ab, und jetzt öffne ich dieselbe Datei noch einmal, diesmal aber nicht im Editor, sondern hier in Google Chrome oder Firefox oder in Ihrem Browser, den Sie möchten, dann habe ich hier genau mein kleines "Hallo Welt" hier stehen, das ist noch nicht besonders imposant, deswegen ändern wir da etwas. Ich mache das hier mal zur Seite und jetzt möchte ich einmal, dass dieses "Hallo Welt" groß geschrieben wird, also schreibe ich spitze Klammer H1, das bedeutet hier soll eine Überschrift 1 heading kommen und zwar von der Kategorie 1, das ist die größte Überschrift, und hier beginnt es ganz am Anfang und am Ende, wenn dieses "Hallo Welt" fertig ist, da soll diese Überschrift wieder zu Ende sein. Ich nutze hier auch wieder die spitzen Klammern. Diese spitzen Klammern sind ganz links unten auf der Tastatur und ich beginne hier mit spitzen Klammern H1 und ich ende mit spitze Klammer und dann hier mit diesem Schrägstrich, der anzeigt, dass es hier eben vorbei ist. Ich speichere das ganze und wenn ich jetzt hier auf "Neu laden" gehe, dann sehen sie ist dieses "Hallo Welt" größer geschrieben worden. Jetzt wollen wir das ganze noch mal etwas mit mehr Text versorgen also schreibe ich hier ein gemütliches "lorem ipsum dolor sit amet", das heißt gar nichts, das ist sogennannter Blindtext. Manche glauben das sei Latein, ist es aber gar nicht. Wenn ich jetzt beispielsweise diesen Text "lorem ipsum dolor sit amet" in bunt machen möchte, dann sage ich hier am Anfang das Ganzen soll ein Absatz sein. Absätze heißen auf Englisch Paragraph und das kürzen wir mit einem P ab, nutzen auch wieder diese spitzen Klammern wie wir es eben schon verwendet haben, und hier hinten schreibe ich ein </P das einfach anzeigt, hier ist dieser Bereich wieder zu Ende und jetzt schreibe ich hier noch mal ein Leerzeichen hinein, Style = color Doppelpunkt red, gehe auf "Speichern" und wenn ich mir das Ganze mir noch mal anschaue, neu lade, dann haben wir hier diesen Text drunter, und dieser Text ist auch rot. Das war unser "Hallo Welt" Programm, und jetzt können wir anfangen mal in die JavaScript-Programmierung richtig einzusteigen.

JavaScript lernen

Sehen, lernen und üben Sie das Schreiben von kleinen Programmen, die allesamt mit der Programmiersprache JavaScript erstellt werden.

2 Std. 6 min (37 Videos)
Super Lehrer aber Arbeitsmaterial passt nicht ganz
Özcan D.

Das ist mein erstes Tutorial auf video2brain. Ich finde den Lehrer echt gut. Leider kommt man schon am Anfang nicht mit. Ich habe irgend wie schon nach 10 Minuten eine Website aufmachen müssen jsfiddle.net und während der Lehrer munter los erklärt klappt es bei mir leider nicht. Jsfiddle sieht jetzt (Februar 2017) anders aus. ICh habe die webpage aufgemacht. Bei Javascript habe ich jQuery (aktuellste Version) ausgewählt. Leider kriege ich ausser der Überschrift "Ihr Alter" und darunter die "..." nichts anderes hin. Es popped ja nichtmal das "promt" Fenster auf. ICh habe Firefox, Chrome und Opera probiert. Und ich habe bei allen Browsern überprüft das Pop Up Fenster erlaubt sind und Javascript erlaubt ist.

 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!