In den vorherigen Lektionen haben wir CSS über eine Datei eingebunden und ein wenig CSS-Code geschrieben, um zu sehen, wie das alles funktioniert. In dieser Lektion beschäftigen wir uns mit einer wichtigen Eigenschaft: display. Die Eigenschaft display bestimmt, wie ein Tag im HTML-Dokument dargestellt wird, ob er wie ein Inline-Text angezeigt wird oder als Block mit eigener Höhe und Breite. Fangen wir mit dem Einfachsten an: Wie Tags standardmäßig angezeigt werden. Sie werden unterschiedlich dargestellt: <div> wird als Block angezeigt, <span> als Inline-Text.

Stellen Sie sich einen reißenden Bergfluss vor, der sehr schnell und laut fließt. Und auf dem Weg dieses Flusses steht ein Stein, den der Fluss umfließt. Befindet sich der Stein links bezogen auf die Flussrichtung, fließt der Fluss rechts am Stein vorbei, befindet sich der Stein rechts, fließt der Fluss links daran vorbei. So funktioniert auch die CSS-Eigenschaft float.

Hier endet das CSS-Lehrbuch, aber das Lernen von CSS hört damit nicht auf. Ich schlage vor, mit der Praxis zu beginnen und CSS weiter zu lernen, indem wir ein Drupal-Theme erstellen. Ich werde im Internet ein PSD-Layout finden und wir werden es in ein Drupal-Theme basierend auf dem Zen-Theme umsetzen.

Sie können auch mit dem Lernen von PHP beginnen:

Javascript ist eine der beliebtesten Programmiersprachen der Welt, obwohl es im Laufe der Zeit etwas an Bedeutung verliert, interessieren sich dennoch viele Programmierer für das Erlernen von Javascript.
Javascript benötigen Sie für das spätere Erlernen von jQuery, daher sollten Sie die Grundlagen von Javascript kennen, bevor Sie sich an jQuery heranwagen, das wiederum ein Javascript-Framework ist.
Javascript-Code wird direkt in den HTML-Seiten-Code mit dem Tag <script></script> eingebettet:

Ich werde nicht lange um den heißen Brei herumreden und alle Variablentypen oder Operationen beschreiben, das brauchen wir nicht. Unser Hauptziel ist es, die grundlegende Syntax von Javascript zu verstehen, um dann zu jQuery überzugehen und später Ihre Kenntnisse und Fähigkeiten in Javascript zu verbessern. Wenn Sie dennoch Javascript lernen wollen und die Nutzung des großartigen Javascript-Frameworks Sie nicht reizt, sollten Sie sich ein umfassenderes Lehrbuch zu Javascript suchen.

In dieser Lektion erklären wir, wie man die if-Anweisung in Javascript verwendet. Die Syntax in Javascript ist ungefähr gleich wie in PHP (beide wurden mit Blick auf C++-Programmierer entwickelt). Über if können Sie in dieser PHP-Lektion lesen:

PHP-Lektionen – Lektion 8 – Die if-Anweisung

In dieser Lektion behandeln wir Schleifen in Javascript. Wie ich zuvor sagte, ist die Syntax von PHP ähnlich wie die von Javascript, deshalb können Sie sich auch die Schleifen in PHP ansehen:

PHP-Lektionen – Lektion 12 – Schleifen while, foreach, for

Mit Ausnahme eines Punkts: In Javascript gibt es keine foreach()-Schleife, deshalb werden wir in Zukunft die each()-Methode in jQuery verwenden, um Elemente zu durchlaufen.

In dieser Lektion betrachten wir Funktionen in Javascript, wie man sie schreibt und welche Funktionen es gibt. Sie können über Funktionen in diesen PHP-Lektionen lesen, alle Beispiele funktionieren auch in Javascript:

PHP-Lektionen – Lektion 7 – PHP-Funktionen und funktionale Programmierung

In dieser Lektion betrachten wir einen weiteren Datentyp in Javascript – Arrays. Außerdem werden wir einige Funktionen zur Arbeit mit Strings und Arrays behandeln. Alle weiteren Funktionen werden wir in den nächsten Lektionen besprechen. Zur Einführung in Arrays können Sie die Materialien zu Arrays in PHP lesen:

PHP-Lektionen – Lektion 10 – Arrays

Dies ist die letzte JavaScript-Lektion, die notwendig ist, um mit dem Erlernen von jQuery zu beginnen. Aber nicht die letzte JavaScript-Lektion, die ich machen werde, denn die Sprache JavaScript ist viel umfangreicher und bietet viel mehr, als ich in meinen Lektionen behandelt habe.