Ausgabe 23_Front-End-Entwicklung

• Kapitel1 0309 – Erste Schulstunde
• 1-1 Lernmethoden, wichtige Terminologie, Umgebungsaufbau und erforderliche Plug-Ins usw.-1
• 1-2 Lernmethoden, wichtige Terminologie, Umgebungsaufbau und notwendige Plug-Ins usw.-2
• 1-3 Einführung in die Markdown-Syntax und Seitenelementtypen-1
• 1-4 Einführung in die Markdown-Syntax und Seitenelementtypen-2
• Kapitel2 0310-html wesentliche Wissenspunkte
• 2-1 Kenntnisse über Seitenelemente, Struktur, Tags und Attribute-1
• 2-2 Kenntnisse über Seitenelemente, Struktur, Tags und Attribute-2
• 2-3 Gesunder Menschenverstand in Bezug auf Layout- und Tabellenelemente
• 2-4 Erste Erfahrungen mit Formularen
• Kapitel3 0313-Emmet-Syntax und Formularelemente
• 3-1 Praktischer Emmet, lass das HTML-Schreiben fliegen-1
• 3-2 Praktischer Emmet, lass das HTML-Schreiben fliegen-2
• 3-3 Ausführliche Erläuterung von Formularen und allgemeinen Steuerelementen (extrem detaillierte Version)-1
• 3-4 Ausführliche Erläuterung der Formulare und allgemeiner Steuerelemente (extrem detaillierte Version)-2
• 3-5 Ausführliche Erläuterung von Formularen und allgemeinen Steuerelementen (extrem detaillierte Version)-3
• Kapitel4 Quelle und Priorität im 0314-CSS-Stil
• 4-1 Video-Audio-Elemente
• 4-2 Stilquelle für Seitenelemente
• 4-3 Benutzerdefinierter Stiltyp
• 4-4 einfacher Selektor
• 4-5 Kontextselektor
• Kapitel5 0315-Pseudo-Klassen-/Boxmodell
• 5-1 Der Pseudoklassenselektor muss die Wissenspunkte 1 kennen
• 5-2 Der Pseudoklassenselektor muss die Wissenspunkte 2 kennen
• 5-3 Auswahlgewichte und Boxmodell-1
• 5-4 Auswahlgewichte und Boxmodell-2
• Kapitel6 0316-Gemeinsame Einheiten, Schriftsymbole, Medienabfragen usw.
• 6-1 Gängige Einheiten sind em, rem, vw, vh-1
• 6-2 Gängige Einheiten sind em, rem, vw, vh-2
• 6-3 Schriftsymbole, Medienabfragen und mehr – 1
• 6-4 Schriftsymbole, Medienabfragen und mehr – 2
• Kapitel7 0317-Positionierung, Flex und Raster
• 7-1 Detaillierte Beschreibung der Targeting-Typen
• 7-2 Detaillierte Erläuterung der Flex-Container- und Projekteigenschaften-1
• 7-3 Detaillierte Erläuterung der Flex-Container- und Projekteigenschaften-2
• 7-4 Flex praktische, reaktionsfähige Navigation
• 7-5 Prinzipien und Eigenschaften des Rasterlayouts (1)
• Kapitel8 0320-Raster-Layout-Implementierung und mobiles Terminal-Layout-Prinzip
• 8-1 Gittercontainer und Projekteigenschaften-1
• 8-2 Gittercontainer und Projekteigenschaften-2
• 8-3 Rasteraufteilung im praktischen Raster
• 8-4 Rasterpraktische Kurslistenkomponente
• 8-5 Layoutprinzipien mobiler Endgeräte und REM-Dynamik-1
• 8-6 Layoutprinzipien mobiler Endgeräte und REM-Dynamik-2
• Kapitel9 0321-Übung: Nachahmung des Toutiao-Homepage-Layouts
• 9-1 Globale Stile, Kopf- und Fußzeilenlayout-1
• 9-2 Globale Stile, Kopf- und Fußzeilenlayout-2
• 9-3 Einführung in die modulare Hauptteil- und Homepage-Lösung 1
• 9-4 Einführung in die modulare Hauptteil- und Homepage-Lösung 2
• Kapitel10 0322-Grundlagen der JavaScript-Programmierung
• 10-1 Lernumgebung und Grundgrammatik-1
• 10-2 Lernumgebung und Grundgrammatik-2
• 10-3 Variablen, Konstanten, Funktionen, Datentypen usw.-1
• 10-4 Variablen, Konstanten, Funktionen, Datentypen usw.-2
• 10-5 Variablen, Konstanten, Funktionen, Datentypen usw.-3
• Kapitel11 0323-Prozesskontrolle, Funktionen und Dekonstruktion
• 11-1 Alternative Array- und Objektvereinfachung
• 11-2 Zweigstruktur der Prozesssteuerung
• 11-3 Schleife, Funktionsparameter und Rückgabewert -1
• 11-4 Schleife, Funktionsparameter und Rückgabewert-2
• 11-5 Ausführliche Erläuterung der Destrukturierungsaufgaben und Anwendungsszenarien
• Kapitel12 0324-Häufig verwendete String- und Array-Methoden
• 12-1 Accessor-Eigenschaften
• 12-2 Gängige String- und Array-Methoden
• 12-3 Häufig verwendete Array-Methoden-1
• 12-4 Häufig verwendete Array-Methoden-2
• 12-5 Konstruktoren und Klassen
• Kapitel13 0327-DOM-Grundoperationen
• 13-1 DOM-Elementabfrage-API und wie man Formularelemente-1 erhält
• 13-2 DOM-Elementabfrage-API und wie man Formularelemente erhält-2
• 13-3 DOM-Durchquerung, Hinzufügung, Löschung, Änderung usw. (wichtige Punkte)-1
• 13-4 DOM-Durchquerung, Hinzufügung, Löschung, Änderung usw. (wichtige Punkte)-2
• 13-5 DOM-Durchquerung, Hinzufügung, Löschung, Änderung usw. (wichtige Punkte)-3
• Kapitel14 0328-Details zu Ereignissen und tatsächlichen Kämpfen
• 14-1 dataset,classList,getComputedStyle-Objekt
• 14-2 Hinzufügen und Versenden von Ereignissen in der Praxis
• 14-3 Event-Sprudeln, Event-Delegation
• 14-4 Event-Delegation in der Praxis: Klassischer Rechner-1
• 14-5 Ereignisdelegation in der Praxis: Klassischer Rechner-2
• Kapitel15 0329-Module und Module in Aktion: Registerkarte „Klassisch“.
• 15-1 Formularveranstaltungen und Message-Board-Übung-1
• 15-2 Form-Events und Message-Board-Übung-2
• 15-3 Modulprinzip und Beispieldemonstration
• 15-4 Modulkampf: Classic Tab-1
• 15-5 Modul in Aktion: Classic Tab-2
• Kapitel16 0330 – Praktischer Kampf: klassisches Karusselldiagramm
• 16-1 Karusselldiagrammstruktur und Schreiben von Funktionsmodulen-1
• 16-2 Karusselldiagrammstruktur und Funktionsmodulschreiben-2
• 16-3 Karusselldiagrammstruktur und Funktionsmodulschreiben-3
• 16-4 Karusselldiagrammstruktur und Funktionsmodulschreiben-4
• 16-5 Karusselldiagrammstruktur und Funktionsmodulschreiben-5
• Kapitel17 0331-json/domänenübergreifende/asynchrone Programmierung
• 17-1 Einführung und Verwendung von json-1
• 17-2 Einführung und Verwendung von JSON-2
• 17-3 Cross-Domain-Lösung (JSONP und serverseitige Cross-Domain)
• 17-4 Abrufen und Asynchronisieren, asynchroner Synchronisierungsstil abwarten
• Kapitel18 0403-Abrufanforderungstyp und NPM/Knoten-Grundlagen
• 18-1 Aktuellen Kampf der Anforderung abrufen (html/json/post)-1
• 18-2 Aktuellen Kampf der Anforderung abrufen (html/json/post)-2
• 18-3 Einführung in die Demonstration von Knoten-/npm-Befehlen/die Verwendung von Knotenmodulen usw.-1
• 18-4 Einführung in die Demonstration von Knoten-/npm-Befehlen/die Verwendung von Knotenmodulen usw.-2
• 18-5 Einführung in die Demonstration von Knoten-/npm-Befehlen/die Verwendung von Knotenmodulen usw.-3
• Kapitel19 0404-Praxis: Abstimmungssystem und Warenkorbfunktion
• 19-1 Schließungsprinzip und Implementierungsprozess des Abstimmungssystems-1
• 19-2 Schließungsprinzip und Implementierungsprozess des Abstimmungssystems-2
• 19-3 Praktische Umsetzung eines voll funktionsfähigen Warenkorbs (muss erlernt werden)-1
• 19-4 Praktischer Einsatz eines voll funktionsfähigen Einkaufswagens (muss erlernt werden)-2
• 19-5 Praktischer Einsatz eines voll funktionsfähigen Einkaufswagens (muss erlernt werden)-3