Tatsächlich macht Java keinen großen Teil des Front-End-Wissens aus, aber Front-End und Back-End müssen immer kombiniert werden, um eine vollständige Website oder Anwendung zu bilden. Hier finden Sie eine allgemeine Einführung in den Lernweg Java-Frontend, nur als Referenz.
Empfohlener Kurs: Java-Tutorial.
Java-Frontend-Lerninhalte:
Die erste Stufe – HTML-Lernen
HyperText Mark-up Language (kurz HTML) ist das Grundgerüst einer Webseite, egal ob es sich um eine statische Webseite oder eine dynamische Webseite handelt, was letztendlich an den Browser zurückgegeben wird. Der Browser interpretiert den HTML-Code Code und rendert ihn für Benutzer. Daher müssen wir die Grundstruktur sowie die allgemeinen Tags und Attribute von HTML beherrschen. Das Erlernen von HTML ist ein Prozess des Auswendiglernens und Verstehens. Während des Lernprozesses können Sie die „geteilte“ Ansicht von Dreamweaver verwenden, um das Lernen zu unterstützen. Sehen Sie sich die Wirkung in der „Design“-Ansicht an, lernen Sie das Wesentliche in der „Code“-Ansicht kennen und nutzen Sie die Vorteile verschiedener Ansichten. Diese Methode des vergleichenden Lernens macht das einfache Auswendiglernen von HTML-Tags und -Attributen wett An alle Anfänger, kleiner Freund Es muss großartig für uns sein!
Nachdem wir HTML gelernt haben, beherrschen wir nur die Produktionsmethoden verschiedener „Rohstoffe“. Wenn wir ein Gebäude bauen wollen, müssen wir diese „Rohstoffe“ entsprechend verwenden Unser Designentwurf wird zusammengestellt und einige Verschönerungen vorgenommen.
Die zweite Stufe – CSS lernen
CSS ist die Abkürzung für englische Cascading Style Sheets, sogenannte Cascading Style Sheets, die Webseiten wirklich zu einem Stil machen können Designsprache, die Präsentation vom Inhalt trennt. Im Vergleich zur Leistung von herkömmlichem HTML können seine Stile wiederverwendet werden, was unsere Entwicklungsgeschwindigkeit erheblich verbessert und die Wartungskosten senkt. Gleichzeitig können das Box-Modell, das relative Layout, das absolute Layout usw. in CSS eine präzise Steuerung der Position und des Layouts jedes Objekts auf der Webseite auf Pixelebene erreichen. Durch diese Lernphase können wir den Bau eines „Gebäudes“ erfolgreich abschließen.
Nachdem der Bau des „Gebäudes“ abgeschlossen ist, können wir es den Benutzern zur Nutzung übergeben, aber wenn wir möchten, dass die Benutzer ein besseres Erlebnis haben, können wir das „Gebäude“ auch weiter „dekorieren“. Lassen Sie es „luxuriöser“ aussehen.
Die dritte Stufe – Java-Lernen
Java ist eine auf der Clientseite weit verbreitete Skriptsprache, die uns einige integrierte Funktionen, Objekte und DOM bietet Operationen, mit Hilfe dieser Inhalte können wir einige umsetzen
Die Spezialeffekte, die Überprüfung, die Interaktion usw. des Clients lassen unsere Seiten weniger langweilig aussehen, und die Diaosi können den Reichen und Schönen sofort entgegenwirken. Ist es möglich, dass uns die Kompatibilität und Komplexität von Java manchmal Kopfzerbrechen bereitet? Es gibt einen „Meister“, der uns beim Verpacken geholfen hat.
Die vierte Stufe – jQUEry lernen
jQuery ist eine kostenlose, leichte Open-Source-Java-Bibliothek und mit verschiedenen Browsern kompatibel (jQuery 2.0 und nachfolgende Versionen haben). Unterstützung für IE6/7/8-Browser aufgegeben. Gleichzeitig stehen viele jQuery-basierte Plug-Ins zur Auswahl, was die Implementierung einiger umfangreicher dynamischer Effekte für uns bequemer und schneller macht und viel spart Unsere Entwicklungszeit hat die Entwicklungsgeschwindigkeit erhöht, was den Kernzweck „Weniger schreiben, mehr tun“ voll und ganz widerspiegelt. Das fühlt sich so gut an! Ist das möglich? Wäre es nicht großartig, jede einzelne Komponente im Gebäude zu modularisieren und beim Bau eines Gebäudes wie Blöcke zusammenzusetzen?
Diese Art des Denkens eignet sich auch für die Web-Front-End-Entwicklung, daher sind verschiedene Front-End-Frameworks erschienen. Das hier empfohlene ist Bootstrap.
Bootstrap ist ein von Twitter gestartetes Open-Source-Toolkit für die Frontend-Entwicklung. Es ist ein CSS/HTML-Framework und unterstützt responsives Layout. Es erfreute sich nach seiner Einführung großer Beliebtheit und ist ein beliebtes Open-Source-Projekt auf GitHub. Während des Projektentwicklungsprozesses können wir die von Bootstrap bereitgestellten CSS-Stile, Komponenten, Java-Plug-Ins usw. verwenden, um das Seitenlayout und die Stileinstellungen schnell abzuschließen und die Stile dann gezielt zu optimieren. Die basierte Entwicklung verkürzt den Entwicklungszyklus erheblich. Es ist cool, auf den Schultern von Giganten zu stehen!
Ein Problem, auf das beim CSS-Layout geachtet werden muss, besteht darin, dass vielen Schülern die Gesamtanalyse des Seitenlayouts fehlt und sie die verschachtelte Beziehung zwischen den Feldern auf der Seite nicht aus der Makroperspektive erfassen können, sodass sie sich beeilen
Wenn Sie dies manuell tun, wird die Beziehung zwischen den Elementen auf der Seite sehr verwirrend und es kann leicht passieren, dass die Boxen beim Schweben falsch platziert werden. Es wird jedem empfohlen, bei der Gestaltung den Gedanken „von oben nach unten und schrittweise zu verfeinern“ zu übernehmen.
Verwenden Sie zunächst mehrere Kästchen, um die gesamte Seite zu unterteilen, und verschachteln Sie dann nach und nach Kästchen innerhalb der Kästchen.
„Ein Gentleman unterscheidet sich nicht von anderen, und er ist gut darin, Dinge zu fälschen.“ Während des Lernprozesses sollten Sie weitere hervorragende Websites durchsuchen, deren Designideen und Layoutmethoden gut analysieren und nutzen können in vielerlei Hinsicht kenntnisreich, und dann
Nur dann können wir alles verstehen und die Stärken anderer für uns nutzen. Gleichzeitig müssen Sie Firebug als Werkzeug gut nutzen können. Einerseits kann Firebug uns dabei helfen, unsere eigenen Seiten während unseres Lernprozesses zu debuggen. Andererseits können wir mit Firebug auch den Quellcode anderer Personen leicht einsehen und analysieren >
Das obige ist der detaillierte Inhalt vonWas Sie über Java-Frontend lernen sollten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!