Die dritte Schulungssitzung_Frontend-Grundlagen

• Kapitel1 Web-Frontend-Grundkurs
• 1-1 Kursübersicht
• 1-2 HTML-Dokumentstruktur
• 1-3 CSS-Grundlagen 1
• 1-4 CSS-Grundlagen 4
• 1-5 HTML-Chinesisch-Text-Tag 1
• 1-6 HTML-Chinesisch-Text-Tag 2
• 1-7 HTML-Textsteuerung 1
• 1-8 HTML-Textsteuerung 2
• Kapitel2 Die Beziehung zwischen PHP und HTML
• 2-1 Warum HTML lernen, wenn man PHP lernt?
• 2-2 Warum sollten Sie PHP als Back-End-Entwicklungssprache wählen?
• 2-3 Warum wählt PHP Framework-Entwicklungsprojekte?
• 2-4 Was ist das Wesentliche an Elementen, Tags und Attributen in HTML?
• 2-5 So verwenden Sie einfache und doppelte Etiketten
• 2-6 Einführung in Verwendungsszenarien häufig verwendeter Tags
• Kapitel3 Formulare und CSS-Selektoren
• 3-1 Einführung in Formularelemente
• 3-2 Übung zum Login-Registrierungsformular
• 3-3 Gemeinsame Elementeinheiten in CSS
• 3-4 Das Prinzip der Stilvererbung in CSS
• 3-5 Umgang mit Stilkonflikten in CSS
• 3-6 CSS-Must-Know-Selektoren (1)
• 3-7 CSS-Must-Know-Selektoren (2)
• 3-8 CSS-Must-Know-Selektoren (3)
• Kapitel4 Boxmodell, Positionierung und Schweben
• 4-1 Details Boxmodell 1
• 4-2 Details Boxmodell 2
• 4-3 Vier gängige Szenarien für die Elementausrichtung
• 4-4 Beispiele zur Erläuterung der relativen Positionierung
• 4-5 Beispiele zur Erläuterung der absoluten Positionierung
• Kapitel5 Ausführliche Erläuterung der Floating- und klassischen Layoutmethoden
• 5-1 Prinzip und Praxis der festen Positionierung
• 5-2 Float und Clear Float
• 5-3 Tipps zur Behebung des durch Schweben verursachten Höheneinbruchs des übergeordneten Containers
• 5-4 Praktische Umsetzung gemischter Grafik- und Texttechnologie
• 5-5 Die absolute Positionierung implementiert ein dreispaltiges Layout
• 5-6 Shuangfei hofft auf eine dreireihige Anordnung
• 5-7 Holy Grail implementiert ein dreispaltiges Layout
• Kapitel6 Layout und tatsächlicher Kampf
• 6-1 Einführung in neue semantische Layoutelemente in HTML5
• 6-2 Layoutpraxis: Backend-Managementsystem (1)
• 6-3 Layoutpraxis: Backend-Managementsystem (2)
• 6-4 Layout in der Praxis: Backend-Management-System (3)
• Kapitel7 Grundlagen der JavaScript-Syntax
• 7-1 Grundlagen der js-Syntax (1)
• 7-2 Grundlagen der js-Syntax (2)
• 7-3 Grundlagen der js-Syntax (3)
• 7-4 Grundlagen der js-Syntax (4)
• 7-5 Grundlagen der js-Syntax (5)
• Kapitel8 Grundlagen von DOM- und Ereignisoperationen in Javascript
• 8-1 Grundlagen der Ereignisauslösung in js
• 8-2 Praktischer Kampf: Internet-Fotoalbum
• 8-3 Optimierte Version des Website-Fotoalbums
• 8-4 Verwenden Sie js, um ein voll funktionsfähiges Taschenrechnergehäuse zu implementieren
• Kapitel9 JSON und Ajax und Übung
• 9-1 JSON-Einführung und Beispieldemonstration
• 9-2 Einführung in Ajax und allgemeine Eigenschaften und Methoden
• 9-3 Ajax-Übung: HTML-Inhalt abrufen
• 9-4 Ajax in der Praxis: Formularvalidierung (1)
• 9-5 Ajax in der Praxis: Formularvalidierung (2)
• Kapitel10 DOM-Operationen und praktische Fälle
• 10-1 Eine Einführung in die Grundlagen der DOM-Manipulation
• 10-2 Wie erhalte ich ein Element basierend auf dem ID-Attribut?
• 10-3 Wie erhalte ich ein Element basierend auf seinem Namensattribut?
• 10-4 Wie erhalte ich ein Element basierend auf dem Tag-Namen?
• 10-5 Namensattribut und Tag-Namensverknüpfung zum Abrufen von Elementen
• 10-6 Wie erhalte ich Elemente über ein Klassenattribut?
• 10-7 Wie bekomme ich Elemente über den CSS-Selektor?
• 10-8 Wie durchläuft man den Dokumentbaum mit DOM-Methoden?
• 10-9 Wie manipulieren Sie Attribute von HTML-Elementen?
• 10-10 Wie gehe ich mit Inhalten in HTML-Elementen um?
• 10-11 Vorgänge zum Erstellen/Einfügen/Löschen/Aktualisieren von DOM-Knoten
• 10-12 Praktisches Aufwärmen: Prinzip der Generierung von Chat-Nachrichten
• 10-13 Praktischer Kampf: Simulation eines intelligenten Online-Kundenservicesystems (1)
• 10-14 Praktischer Kampf: Simulation eines intelligenten Online-Kundenservicesystems (2)
• Kapitel11 Grundlegende Operationen in jQuery (1)
• 11-1 jQuery-Import und jQuery-Objekte
• 11-2 Häufig verwendete Kernmethoden und Eigenschaften von jQuery
• 11-3 Attribut- und Inhaltsoperationen in jQuery
• 11-4 CSS-Operationen in jQuery
• 11-5 Gemeinsame Selektoren in jQuery
• 11-6 Allgemeine DOM-Operationen in jQuery
• Kapitel12 Grundlegende Operationen in jQuery (2)
• 12-1 Durchlaufen von Elementen in jQuery
• 12-2 Grundlegende Animationskenntnisse in jQuery
• 12-3 So verwenden Sie grundlegende Ereignisse in jQuery
• 12-4 Praktischer Kampf: Webversion des Fotoalbum-Managers (1)
• 12-5 Praktischer Kampf: Webversion des Fotoalbum-Managers (2)
• Kapitel13 Ajax-Operationen in jQuery
• 13-1 Ausführliche Erklärung und praktische Anwendung der Methode „load()“.
• 13-2 Detaillierte Erklärung der Funktion $.get() und praktische Anwendung
• 13-3 Detaillierte Beschreibung der $.getJSON()-Funktion und des tatsächlichen Kampfes
• 13-4 Detaillierte Beschreibung der $.getScript()-Funktion und des tatsächlichen Kampfes
• 13-5 Detaillierte Beschreibung der $.post()-Funktion und des tatsächlichen Kampfes
• 13-6 Detaillierte Erklärung der ultimativen Methode $.ajax() und des tatsächlichen Kampfes
• 13-7 Ajax praktisches dreistufiges Verknüpfungsmenü für Provinz und Stadt
• Kapitel14 Bootstrap-Import- und Layoutprinzipien
• 14-1 Import- und Layoutprinzipien
• 14-2 Grundlegende Schritte und Layoutbeispiele
• Kapitel15 Tabellen und Formulare in globalen Bootstrap-Stilen
• 15-1 Grundlegende Operationen und Stilkontrolle von Tabellen
• 15-2 Standardmäßige vertikale Formular- und Kontrollgruppenoperationen
• 15-3 Tipps zum Erstellen von Inline-Formularen
• 15-4 Erstellung und Betrieb horizontaler Formulare
• Kapitel16 Bootstrap-Schaltflächen und Dropdown-Menüs
• 16-1 Statische, schreibgeschützte und deaktivierte Steuerelemente in Formularen
• 16-2 Häufig verwendete vordefinierte Schaltflächenstile
• 16-3 Häufig verwendete vordefinierte Bildstile
• 16-4 So legen Sie die Vordergrund- und Hintergrundfarben für Text fest
• 16-5 So fügen Sie Schriftsymbole und Verwendungsszenarien hinzu
• 16-6 So erstellen und aktivieren Sie Dropdown-Menüs
• 16-7 Tipps zum Erstellen von Schaltflächengruppen und geteilten Dropdown-Menüs
• Kapitel17 Bootstrap-Navigation, Riesenbildschirm-Miniaturansicht und andere Komponenten
• 17-1 So erstellen und verwenden Sie die Eingabefeldgruppe
• 17-2 Gängige Einrichtungsmethoden für die Navigation mit Registerkarten und Kapseln
• 17-3 Detaillierte Erläuterung jeder Komponente der Navigationsleiste
• 17-4 Gängige Stile und Einstellungstechniken für die Paginierung
• 17-5 So richten Sie Etiketten und Abzeichen ein und wie verwenden Sie diese?
• 17-6 So richten Sie den Großbildschirm ein und nutzen ihn in der Praxis
• 17-7 Erstellung von Miniaturansichten und Analyse von Nutzungsszenarien
• Kapitel18 Häufig verwendete Plugins in Bootstrap
• 18-1 So verwenden Sie die Alertbox-Komponente
• 18-2 Verwendungsszenarien für Listengruppen
• 18-3 Einsatzszenarien von Panels und anderen Komponenten
• 18-4 Modal-Box-Kompositions- und Einstellungsfähigkeiten
• 18-5 So richten Sie Registerkarten ein
• 18-6 Mehrere gängige Szenarien für Warnbox-Plug-ins
• 18-7 Falt-Plug-in und Menüerstellung
• 18-8 Detaillierte Schritte zum Erstellen von Karussellbildern
• Kapitel19 Grundlagen der Vue.js-Entwicklung
• 19-1 Erarbeiten Sie MVC-Designideen
• 19-2 Erarbeiten Sie MVVM-Designideen
• 19-3 Import und Instanziierung von Vue.js
• 19-4 Mount-Punkte und Variablen-Rendering
• 19-5 Vorlagenrendering, Attributaddition und Ereignismethoden
• 19-6 Bidirektionale Bindung von Modelldaten und Seitenvariablen
• 19-7 Listener: Reagiert auf Echtzeitänderungen in Seitenvariablen