Live-Aufzeichnung der zweiten Full-Stack-Entwicklungsschulung im Klassenzimmer (Front-End-Teil)

• Kapitel1 3.15_Erste Erfahrung in der Frontend-Entwicklung
• 1-1 So laden Sie Plugins für den Sublime Text3-Editor herunter und installieren sie
• 1-2 Browserauswahl: Chrome Google vs. Firefox
• 1-3 Erstellen Sie mit der PHP-Toolbox eine echte Online-Entwicklungsumgebung
• 1-4 Erleben Sie den Charme von Tags: die Rolle von HTML und CSS
• 1-5 Erwecken Sie Ihre Webseiten zum Leben: Erleben Sie die Leistungsfähigkeit von JavaScript
• Kapitel2 3.16_Texte, Bilder, Links, Tabellen
• 2-1 HTML5-Dokumentstruktur
• 2-2 Einführung in HTML-Tags
• 2-3 HTML-Tag-Attribute
• 2-4 HTML-Text-Tag
• 2-5 HTML-Link-Tag
• 2-6 Bild-Tag
• 2-7 Grundlegende Schritte zum Erstellen einer Tabelle
• 2-8 Zusammenführung von Tabellenzeilen und -spalten
• 2-9 Praktischer Kampf: Formulare mit Informationsmanagementfunktionen
• Kapitel3 3.19_Listen und Formen und praktischer Kampf
• 3-1 Einführung in Listen-Tags
• 3-2 Beispieldemonstration auflisten
• 3-3 Einführung in Blockelemente
• 3-4 Häufig verwendete Steuerelemente in Formularen
• 3-5 Praktischer Kampf: Benutzerregistrierungsformular
• 3-6 Praktischer Kampf: Implementierung des Anmeldeformulars mithilfe der Kontrollgruppierung
• Kapitel4 3.20_Inline-Frames und Übung
• 4-1 iframe
• 4-2 Praktisches Backend-Website-Management (Teil 1)
• 4-3 1Praktische Backend-Website-Verwaltung (Teil 2)
• 4-4 Praktisches Backend-Website-Management (Teil 2)
• Kapitel5 3.21_CSS-Grundbegriffe
• 5-1 CSS-Grundbegriffe
• 5-2 CSS-Einführungsmethode
• 5-3 Basisselektor
• 5-4 Attributselektor
• 5-5 Pseudo-Klassenselektor
• Kapitel6 3.22_CSS-Boxmodell und -Tabelle
• 6-1 Boxmodell_Grundstruktur
• 6-2 Boxmodell_Details des Randes
• 6-3 Box-Modell_Details zu abgerundeten Ecken
• 6-4 Box model_shadow im Detail
• 6-5 Praktischer Kampf: Machen Sie einen coolen Tisch
• Kapitel7 3_23 Elemente Centered_Background_Lists und Links
• 7-1 Zentrieren Sie eine einzelne Textzeile
• 7-2 Mehrzeiligen Text zentrieren
• 7-3 3. Blockelemente werden zentriert
• 7-4 4. Zentrierung von Blockelementen mit variabler Breite
• 7-5 Hintergrundeinstellungen
• 7-6 Listen- und Linkeinstellungen
• Kapitel8 3_26 Positionierung und Schweben
• 8-1 So verwenden Sie das Emmet-Plug-in
• 8-2 Prinzipien und Fälle der relativen Positionierung
• 8-3 Prinzipien und Fälle der absoluten Positionierung
• 8-4 Prinzipien und Fälle des festen Layouts
• 8-5 Das Prinzip des Schwebens
• 8-6 Klarer Float von Geschwisterelementen
• 8-7 Klares Floaten hierarchischer Elemente
• 8-8 Gemischte Anordnung von Bildern und Texten in schwebender Praxis
• Kapitel9 3_27 Prinzipielle Analyse der klassischen Layoutmethode
• 9-1 Die absolute Positionierung implementiert ein dreispaltiges Layout
• 9-2 Klassisches Doppel-Flying-Wing-Dreisäulen-Layout
• 9-3 Klassisches dreispaltiges Holy Grail-Layout
• Kapitel10 3_28 Praktisches Combat_Enterprise-Site-Layout
• 10-1 Layout der Unternehmenswebsite_1
• 10-2 Layout der Unternehmenswebsite_2
• 10-3 Layout der Unternehmenswebsite_3
• 10-4 Layout der Unternehmenswebsite_4
• Kapitel11 3_29Javascript-Einführung und praktischer Kampf
• 11-1 Grundlegende Javascript-Syntax
• 11-2 Aktuelles Combat_Celebrity-Fotoalbum
• 11-3 Praktischer Combat_Mini-Rechner
• Kapitel12 3_30Javascript-Übung 2
• 12-1 Erstellen Sie schnell Tabs, die eine chinesische PHP-Website imitieren
• 12-2 Praktischer Kampf_Nachahmung des automatischen Reaktionsroboters für den Online-Kundendienst
• Kapitel13 4_2 JQuery-Kurzeinführung
• 13-1 Das zugrunde liegende Arbeitsprinzip von jquery
• 13-2 So laden Sie JQuery herunter und führen es ein
• 13-3 Factory-Funktion abfragen
• 13-4 Grundlegende Syntax von jquery
• 13-5 Wie jquery ausgeführt wird
• Kapitel14 4_3jQuery-Selektor
• 14-1 Häufig verwendete Grundselektoren
• 14-2 Hierarchie und spezifische Selektoren
• 14-3 Inhaltsfilterauswahl
• 14-4 Formularauswahlfilter
• 14-5 Häufig verwendete Filterfunktionen
• Kapitel15 4_4 Benutzerdefinierte Attribute und Stiloperationen
• 15-1 Elementattribute und benutzerdefinierte Attributoperationen
• 15-2 Operationen an den nativen Eigenschaften des Elements
• 15-3 Benutzerdefinierte Datenattributoperationen
• 15-4 Legen Sie den Klassenstil eines Elements fest
• 15-5 Legen Sie den CSS-Inline-Stil fest
• Kapitel16 4_8 Grundlegende DOM-Operationen von jQuery
• 16-1 Elementinhaltsoperationen
• 16-2 So erstellen Sie neue Elemente
• 16-3 Elemente hinzufügen oder verschieben
• 16-4 Fügen Sie Elemente zum Zielknoten hinzu oder verschieben Sie sie
• 16-5 So verpacken Sie Elemente
• Kapitel17 4_9DOM tatsächliche Kampf- und Ajax-Beispiele
• 17-1 Vorgänge zum Löschen von Elementen und zum Löschen von Inhalten
• 17-2 Praktischer Kampf_Online-Fotoalbum-Managementbuch (Teil 1)
• 17-3 Praktischer Kampf_Online-Fotoalbum-Managementbuch (Teil 2)
• 17-4 Native Implementierung von Ajax
• 17-5 jquery-Implementierung von Ajax ($.post())
• Kapitel18 4_10ajax und Bootstrap
• 18-1 Load()-Funktion in Ajax
• 18-2 Zwei Arbeitsmodi der Funktion $.get()
• 18-3 $.ajax() ausführliche Erklärung
• 18-4 Prinzip des Bootstrap-Grid-Layouts
• 18-5 Beispiel für ein Bootstrap-Grid-Layout