Kaufen

JavaScript in Webseiten einbinden

aus: JavaScript Crashkurs

Dieses Video ist nur für Käufer des Video-Trainings, sowie video2brain Abonnenten zugänglich.

Holen Sie sich jetzt dieses Video-Training und starten Sie ins Lernvergnügen!

Kaufen

Über dieses Video

Um JavaScript mit einem Gerüst aus (X)HTML zu verbinden, haben Sie mehrere Möglichkeiten: JavaScript-Anweisungen innerhalb eines <script>-Containers oder als Klartetext in der (X)HTML-Datei. Die Alternative: Eine Referenz auf eine externe (JavaScript-)Datei.

Auszug aus: JavaScript Crashkurs

Lernen Sie JavaScript mit diesem 110minütigen Crashkurs! In diesem Online-Training erhalten Sie den schnellen und kompakten Einstieg in JavaScript. Javascript ist seit Jahren die einzig relevante Skript- oder Programmiersprache, um im Web auf Seiten des Clients (also im Browser) programmieren zu können – zumindest wenn man die Zielgruppe nicht gewaltig einschränken muss. Lernen Sie die Basis für DHTML (dynamisches HTML) oder AJAX von Grund auf kennen!

EUR 14,95

Kaufen

Ähnliche Video-Trainings

In diesem einleitenden Abschnitt stellt sich Autor und Trainer Ralph Steyer vor, erklärt wichtige JavaScript-Grundlagen und zeigt erste Beispiele.

JavaScript - Vorbereitungen
- Ralph Steyer stellt sich vor und erzählt, wie er zu JavaScript kam.
  
  Vorstellung des Autors
  
  01:11
- In diesem Film erfahren Sie mehr über den Einsatz von JavaScript und welche Position die Skriptsprache im Vergleich mit anderen Ansätzen der Webprogrammierung einnimmt.
  
  Das WWW
  
  04:50
- Was Sie in der Praxis mit JavaScript alles erreichen können, veranschaulichen die Beispiele in diesem Video.
  
  Einsatzgebiete von JavaScript
  
  02:05
- Der Film zeigt ein erstes JavaScript-Beispiel mit einigen einfachen Anwendungen.
  
  Erste Experimente mit JavaScript
  
  05:19
JavaScript können Sie vollständig mit einem einfachen Klartexteditor erstellen. Bei komplexeren Programmen ist das ineffektiv. In diesem Kapitel zeigt Ihnen der Autor deshalb wichtige Tools, mit denen Sie JavaScript-, Web-, oder AJAX-Applikationen leichter erstellen und sogar testen können.

Die Programmier- und Testumgebung
- Die Filme dieses Abschnitts zeigen verschiedene Editoren beziehungsweise IDEs, die sich zur Erstellung von Webseiten eignen.
  
  Editoren
  - "Phase 5" ist ein einfacher, aber dennoch guter und leistungsfähiger HTML-Editor, der auch Unterstützung für JavaScript und CSS bietet.
    
    Phase 5
    
    01:32
  - "Aptana" ist die Empfehlung für Ihre zukünftige Web-Entwickler-Karriere: Die kostenlose IDE basiert auf Eclipse und ist ausgesprochen leistungsfähig. Nicht ganz einsteigertauglich, bietet sie Ihnen alle Möglichkeiten für professionelle Web-Programmierung.
    
    Aptana
    
    02:08
  - "Nvu" ist der Nachfolger von Netscapes "Composer", des ersten "echten" HTML-Editors. Er ist kostenlos, leistungsfähig und bietet sogar einen WYSIWYG-Modus ("What You See Is What You Get").
    
    Nvu
    
    02:20
- Die Filme dieses Abschnitts zeigen, wie Sie verschiedene Browser installieren und so einrichten, dass Sie bei Entwicklung und Test Ihrer Web-Applikationen optimale Unterstützung haben.
  
  Browser & Server
  - Als Web-Programmierer benötigen Sie verschiedene Browser, um Ihre Applikationen zu testen. Firefox (und verwandte) sowie der Internet Explorer gehören zur Grundausstattung.
    
    Verschiedene Browser
    
    04:54
  - Mit "Firebug" und "Live HTTP Headers" wird Firefox zum "Schweizer Messer" der Web-Entwicklung. Neben diesen beiden Add-ons gibt es zahlreiche weitere, die Ihre Werkzeugsammlung ergänzen.
    
    Firefox erweitern
    
    01:30
  - Werfen Sie einen Blick auf die Serverseite und sehen Sie, wie Apache im Rahmen einer lokalen XAMPP-Installation funktioniert und wie Sie damit Ihre Seiten testen.
    
    Ein lokaler Webserver
    
    04:21
Die Filme dieses Kapitels zeigen elementare Grundlagen von JavaScript: Von der historischen Entwicklung über das Einbinden in Webseiten, von Variablen und Datentypen bis zu Eventhandlern.

JavaScript - Grundlagen
- JavaScript ist für die Web-Programmierung nicht nur universell einsetzbar, sondern wird auch – dank offiziellem ECMAScript-Standard – überall "verstanden". JavaScript ist eine objektbasierte Skriptsprache, die jeder moderne Browser unterstützt.
  
  JavaScript im Detail
  
  04:02
- Um JavaScript mit einem Gerüst aus (X)HTML zu verbinden, haben Sie mehrere Möglichkeiten: JavaScript-Anweisungen innerhalb eines <script>-Containers oder als Klartetext in der (X)HTML-Datei. Die Alternative: Eine Referenz auf eine externe (JavaScript-)Datei.
  
  JavaScript in Webseiten einbinden
  
  08:44
- In diesem Abschnitt erfahren Sie alles Wichtige über Variablen, Datentypen, Operatoren, Operanden, Anweisungen, Kontrollstrukturen, Funktionen sowie den Aufruf von JavaScript-Anweisungen.
  
  Elementare Grundlagen
  - JavaScript arbeitet - wie jede Programmier- oder Skriptsprache - mit Variablen und Datentypen. Die Sprache ist "lose" typisiert und verwaltet Variablen und Datentypen implizit.
    
    Variablen und Datentypen
    
    08:22
  - Operatoren sind Zeichen oder Zeichenkombinationen, die mit ihren Operanden Berechnungen, Zuweisungen, Wertveränderungen oder Vergleiche vornehmen.
    
    Operatoren und Operanden
    
    04:02
  - Dieser Film zeigt Verschiedene Anweisungsformen, die in JavaScript verfügbar sind: Wertzuweisungen, Blockanweisungen, Sprunganweisungen, Schleifen und Entscheidungsanweisungen.
    
    Anweisungen
    
    05:29
  - Möchten Sie mehr über Funktionen und Prozeduren als Unterprogramme in einem JavaScript wissen? Dieser Film informiert!
    
    Funktionen
    
    07:43
  - Der Aufruf von JavaScript-Funktionen und -Anweisungen nutzt in der Regel "Eventhandler". Dabei unterscheiden sich HTML- und JavaScript-Eventhandler.
    
    Eventhandler
    
    05:53
JavaScript ist eine objektbasierende Sprache: Objekte sind der wesentliche Kern der Anwendungen. In diesem Kapitel erklärt der Autor die Grundlagen der Objekte und des DOM ("Document Object Model") und zeigt, wie Sie in JavaScript damit umgehen.

JavaScript und Objekte
- Ein Objekt hat Eigenschaften, Fähigkeiten (Methoden) und einen Zustand. Grafische Benutzeroberfläche bieten Symbolen für den Zugriff auf Objekte. Im Quelltext greifen Sie über Namen oder Stellvertreterbegriffe auf ein Objekt zu – auf seine Methoden und Eigenschaften mit der "Punktnotation".
  
  Was ist ein Objekt?
  
  04:41
- Die Objektschnittstelle DOM und die Visualisierung der Eigenschaften und Methoden der Seitenstruktur mit Firebug sind die Themen dieses Films.
  
  JavaScript und DOM
  
  02:35
- In diesem Film sehen Sie, wie Sie auf die Elemente einer Webseite zugreifen, sie auslesen und ändern können.
  
  Auf Elemente einer Webseite zugreifen
  
  06:07
- Das Video bietet eine Beschreibung der wichtigsten DOM-Objekte und der Objekte, die in JavaScript über eingebaute Klassen erzeugt werden.
  
  DOM-Objekte und JavaScript-Objekte
  
  04:16
- Die Laufzeitumgebung von JavaScript generiert Ereignis-Objekte, auf die Ihr JavaScript reagieren kann. Diese Ereignis-Objekte teilen den Ereigniseintritt mit, enthalten aber auch Informationen über Randbedingungen.
  
  Auf Event-Objekte reagieren
  
  06:54
Dieses Kapitel stellt erweiterte JavaScript-Techniken vor: Die Auswertung von Webformularen und DHTML-Effekte.

Erweiterte JavaScript-Techniken
- In diesem Film sehen Sie, wie Sie auf die Felder eines Webformulars zugreifen und die Eingaben im Webformular noch auf dem Rechner des Anwenders prüfen.
  
  Auf Web-Formulare zugreifen
  
  07:27
- JavaScript bildet den – programmiertechnischen – Kern von DHTML. Sie können dynamisch Bilder austauschen oder auch Style Sheets verändern.
  
  DHTML mit JavaScript
  
  04:09

JavaScript in Webseiten einbinden

aus: JavaScript Crashkurs

Über dieses Video

Auszug aus: JavaScript Crashkurs

Filminformationen