Ausgabe 22_Front-End-Entwicklung

• Kapitel1 0112-Die erste Schulstunde (Vorbereitung)
• 1-1 Lernstile und Hausaufgabenanforderungen
• 1-2 Allgemeine Begriffe für die Webentwicklung
• 1-3 Entwicklungsumgebung und Softwaretools
• 1-4 Einführung in häufig verwendete vscode-Plug-Ins
• 1-5 Markdown-Syntax
• 1-6 Grundlegende Operationen von Git (Gitee)
• Kapitel2 0113-HTML im Detail erklären (1)
• 2-1 HTML-Seitenstruktur 01
• 2-2 HTML-Seitenstruktur 02
• 2-3 HTML-Tags, Attribute und Typen
• 2-4 Ausführliche Erläuterung der Layoutelemente
• 2-5 Grafik- und Textlösungen
• 2-6 Bild-, Link- und Listenelemente
• Kapitel3 0116-Details zu Tabellen und Formularen
• 3-1 Emmet-Grammatikübungen
• 3-2 Ausführliche Diskussion der Tischelemente und der Praxis
• 3-3 Ausführliche Erklärung zu Formular und Login, Registrierungspraxis 01
• 3-4 Ausführliche Erklärung zu Formular und Login, Anmeldepraxis 02
• 3-5 Ausführliche Erklärung zu Formular und Login, Anmeldepraxis 03
• Kapitel4 0117 - Medien, Rahmenelemente und CSS-Grundlagen
• 4-1 Praktischer Kampf gegen Multimedia-Tags und -Attribute
• 4-2 So verwenden und üben Sie das Inline-Frame-Element 01
• 4-3 So verwenden und üben Sie das Inline-Frame-Element 02
• 4-4 Erläutern Sie die Quelle und Priorität der Elementstile 01
• 4-5 Erläutern Sie die Quelle und Priorität der Elementstile 02
• 4-6 Erläutern Sie die Quelle und Priorität der Elementstile 03
• Kapitel5 0118-Details zu Selektoren und praktischen Fällen
• 5-1 Detaillierte Beschreibung des Selektors (1)
• 5-2 Detaillierte Beschreibung des Selektors (2)
• 5-3 Detaillierte Beschreibung des Selektors (3)
• 5-4 Detaillierte Beschreibung des Selektors (4)
• Kapitel6 0206-CSS-Auswahlgewicht/Boxmodell/Einheiten
• 6-1 Beschreiben Sie Selektorgewichte und Nutzungsszenarien im Detail (1)
• 6-2 Beschreiben Sie Selektorgewichte und Nutzungsszenarien im Detail (2)
• 6-3 Detailliertes Boxmodell(1)
• 6-4 Erläutern Sie das Boxmodell (2)
• 6-5 CSS gemeinsame Einheit-1
• 6-6 CSS gemeinsame Einheiten-2
• Kapitel7 0207-Detaillierte Erläuterung des Layouts und der Positionierung
• 7-1 Ränder und Layoutregeln
• 7-2 Details Schriftart-Symbol-1
• 7-3 Details Schriftart-Symbol-2
• 7-4 Medienbefragung und Praxis-1
• 7-5 Medienbefragung und Praxis-2
• 7-6 Elementtypen und Anzeigemethoden
• Kapitel8 0208-Positionierung und Flex-Layout
• 8-1 Positionierungstyp (relativ/absolut/fest/klebrig)-1
• 8-2 Positionierungstyp (relativ/absolut/fest/klebrig)-2
• 8-3 Positionierungstyp (relativ/absolut/fest/klebrig)-3
• 8-4 Feste Positionierungspraxis
• 8-5 Wichtige Eigenschaften von Flex-1
• 8-6 Wichtige Eigenschaften von Flex-2
• Kapitel9 0209-Grid muss Container- und Projekteigenschaften kennen
• 9-1 Grid-Container und Projekteigenschaften-1
• 9-2 Grid-Container und Projekteigenschaften-2
• 9-3 Grid-Container und Projekteigenschaften-3
• 9-4 Grid-Container und Projekteigenschaften-4
• 9-5 Grid-Container und Projekteigenschaften-5
• 9-6 Grid-Container und Projekteigenschaften-6
• Kapitel10 0210-Grundlagen und Praxis für das Layout mobiler Endgeräte
• 10-1 Layoutplan für mobile Endgeräte (rem+vw)-1
• 10-2 Layoutplan für mobile Endgeräte (rem+vw)-2
• 10-3 Layoutplan für mobile Endgeräte (rem+vw)-3
• 10-4 Layout des Taobao-Mobilterminals-1
• 10-5 Taobao-Mobilterminal-Layout-2
• 10-6 Taobao-Mobilterminal-Layout-3
• Kapitel11 0213-Grundlegende JavaScript-Syntax-1
• 11-1 Layout des Taobao-Mobilterminals-4
• 11-2 Layout des Taobao-Mobilterminals-5
• 11-3 Taobao-Mobilterminal-Layout-6
• 11-4 Einführung in JavaScript und Ausführungsumgebung-1
• 11-5 Einführung in JavaScript und Ausführungsumgebung-2
• Kapitel12 0214-Grundlegende JavaScript-Syntax-2
• 12-1 Detaillierte Erläuterung der Variablendeklaration und des Funktionstyps 1
• 12-2 Detaillierte Erläuterung der Variablendeklaration und des Funktionstyps 2
• 12-3 Detaillierte Erläuterung der Variablendeklaration und des Funktionstyps 3
• 12-4 Atomarer Datentyp (primitiver Typ) -1
• 12-5 Atomarer Datentyp (primitiver Typ)-2
• Kapitel13 0215-Referenztypen und Prozesssteuerung
• 13-1 Referenztypen und klassische Anwendungsszenarien-1
• 13-2 Referenztypen und klassische Anwendungsszenarien-2
• 13-3 Umfang und Umfangskette
• 13-4 Vereinfachte Syntax für Objektmitglieder
• 13-5 Zweigstruktur der Prozesssteuerung
• Kapitel14 0216-Schleife, Funktionsrückgabewert und destrukturierende Zuweisung
• 14-1 Prozessregelkreisbetrieb-1
• 14-2 Betrieb des Prozessregelkreises-2
• 14-3 Funktionsparameter und Rückgabewert -1
• 14-4 Funktionsparameter und Rückgabewerte-2
• 14-5 Vorlagenliteral
• 14-6 Destrukturierende Aufgaben- und Anwendungsszenarien
• Kapitel15 0217 – Allgemeine Methoden für Zugriffsfunktionen, Zeichenfolgen und Arrays
• 15-1 Accessor-Eigenschaften
• 15-2 Gängige String-Methoden-1
• 15-3 Gängige String-Methoden-2
• 15-4 Gängige Methoden für Arrays-1
• 15-5 Gängige Methoden für Arrays-2
• 15-6 Gängige Methoden von Array-3
• Kapitel16 0220-Klassen und DOM-Operationen-1
• 16-1 Konstruktoren und Klassen-1
• 16-2 Konstruktoren und Klassen-2
• 16-3 Allgemeine DOM-Operationen-1
• 16-4 Allgemeine DOM-Operationen-2
• 16-5 Allgemeine DOM-Operationen-3
• Kapitel17 0221-Allgemeine DOM-Operationen-2
• 17-1 Hinzufügen, Löschen und Ändern von Elementen (Schreibvorgänge)
• 17-2 Elementinhaltsoperationen
• 17-3 Element an angegebener Position hinzufügen
• 17-4 Praktischer Kampf: Message Board (Hinzufügen und Löschen)
• 17-5 Datensatzobjekt
• 17-6 getComputedStyle berechneter Stil
• Kapitel18 0222-Details zu Veranstaltungen und Bewerbungen
• 18-1 classList-Objekt
• 18-2 Praxis zum Hinzufügen, Löschen und Versenden von Ereignissen
• 18-3 Event-Bubbling-Prinzip
• 18-4 Praxis der Veranstaltungsdelegation
• 18-5 Veranstaltungen bilden
• Kapitel19 0223-Module und Modulkämpfe (Registerkarte)
• 19-1 Moduldeklaration, Export und Import-1
• 19-2 Moduldeklaration, Export und Import-2
• 19-3 Modul tatsächlicher Kampf „Klassische Registerkarte“-1
• 19-4 Modul tatsächlicher Kampf „Klassische Registerkarte“-2
• 19-5 Modul tatsächlicher Kampf „Klassische Registerkarte“-3
• Kapitel20 0224-Modul tatsächliches Kampfkarusselldiagramm tatsächlicher Kampf
• 20-1 Karusselldiagramm-Übung-1
• 20-2 Karusselldiagramm-Übung-2
• 20-3 Karusselldiagramm-Übung-3
• 20-4 Karusselldiagramm-Übung-4
• 20-5 Karusselldiagramm-Übung-5
• Kapitel21 0227-Warenkorbpraxis und asynchrone Programmierung
• 21-1 Einführung in JSON
• 21-2 Warenkorbpraxis (Modulimplementierung)-1
• 21-3 Warenkorbpraxis (Modulimplementierung)-2
• 21-4 Domänenübergreifend (JSONP und Server erlaubt)
• 21-5 Xhr- und Fetch-Implementierungsprozess für asynchrone Anforderungen
• Kapitel22 0228-Abruf mit Knoten, NPM
• 22-1 Praktischer Fall zum Abrufen der API
• 22-2 Gemeinsame Operationen von npm und node-1
• 22-3 Gemeinsame Operationen von npm und node-2
• 22-4 Gemeinsame Operationen von npm und node-3