Frontend-Entwicklung (Grundlagen + praktische Projektsammlung)

• Kapitel1 Kurseinführung
• 1-1 Kurseinführung, Entwicklungsumgebung und allgemeine VSCODE-Plug-Ins 01
• 1-2 Kurseinführung, Entwicklungsumgebung und allgemeine VSCODE-Plug-Ins 02
• 1-3 Kurseinführung, Entwicklungsumgebung und allgemeine VSCODE-Plug-Ins 03
• 1-4 Markdown- und Emmet-Syntax 01
• 1-5 Markdown- und Emmet-Syntax 02
• Kapitel2 Häufig verwendete HTML-Tags
• 2-1 Fähigkeiten zur Dokumentstruktur und Layout-Tag-Nutzung sowie Link- und Bild-Tags und Anwendungsszenarien 01
• 2-2 Fähigkeiten zur Dokumentstruktur und Layout-Tag-Nutzung sowie Link- und Bild-Tags und Anwendungsszenarien 02
• 2-3 Listen und Navigation, Tabellen und Übungen, Inline-Frames und Website-Backend-Layout 01
• 2-4 Listen und Navigation, Tabellen und Übungen, Inline-Frames und Website-Backend-Layout 02
• 2-5 Listen und Navigation, Tabellen und Übungen, Inline-Frames und Website-Backend-Layout 03
• Kapitel3 Formularelemente, CSS-Selektoren und Boxmodelle usw.
• 3-1 Detaillierte Kenntnisse der Formelemente 01
• 3-2 Detaillierte Kenntnisse der Formelemente 02
• 3-3 CSS-Syntax/Selektorgewicht/Kontextselektor 01
• 3-4 CSS-Syntax/Selektorgewicht/Kontextselektor 02
• 3-5 CSS-Syntax/Selektorgewicht/Kontextselektor 03
• Kapitel4 Pseudoklassen/Schriftsymbole/Boxmodelle/Medienabfragen/gemeinsame Elementstile usw.
• 4-1 Pseudoklassen und Schriftsymbole, Boxmodell gesunder Menschenverstand 01
• 4-2 Pseudoklassen und Schriftsymbole, Boxmodell gesunder Menschenverstand 02
• 4-3 Pseudoklassen und Schriftsymbole, Boxmodell gesunder Menschenverstand 03
• 4-4 Detailliertes Boxmodell, gemeinsame Einheiten, Medienabfrage 01
• 4-5 Detailliertes Boxmodell, gemeinsame Einheiten, Medienabfrage 02
• 4-6 Detailliertes Boxmodell, gemeinsame Einheiten, Medienabfrage 03
• 4-7 Detailliertes Boxmodell, gemeinsame Einheiten, Medienabfrage 04
• Kapitel5 Gemeinsame Elementstile/Positionierung/Flex/Raster-Layout
• 5-1 Häufig verwendete Elementstile und Positionierungspraxis 01
• 5-2 Häufig verwendete Elementstile und Positionierungspraxis 02
• 5-3 Häufig verwendete Elementstile und Positionierungspraxis 03
• 5-4 Flex-Layout und gemeinsame Attribute + Rasterlayout und gemeinsame Attribute (Beispiel) 01
• 5-5 Flex-Layout und gemeinsame Attribute + Rasterlayout und gemeinsame Attribute (Beispiel) 02
• 5-6 Flex-Layout und gemeinsame Attribute + Rasterlayout und gemeinsame Attribute (Beispiel) 03
• 5-7 Flex-Layout und gemeinsame Attribute + Rasterlayout und gemeinsame Attribute (Beispiel) 04
• Kapitel6 JD-Homepage-Layout und JS-Grundlagen
• 6-1 Analyse und Praxis des JD.com M-Terminal-Homepage-Layouts 01
• 6-2 Analyse und Praxis des JD.com M-Terminal-Homepage-Layouts 02
• 6-3 JD.com M-Terminal-Homepage-Layout-Analyse und praktische Umsetzung 03
• 6-4 JD.com M-Terminal-Homepage-Layout-Analyse und praktische Umsetzung 04
• 6-5 JS-Ersttest: Wo ist der JS-Code geschrieben?
• 6-6 JS-Ersttest: Wo ist der JS-Code geschrieben?
• Kapitel7 Grundlagen der js-Syntax: Variablen/Datentypen/Funktionen/Bereiche/Abschlüsse/Vorlagenzeichenfolgen
• 7-1 Variablen, Konstanten, Datentypen und detaillierte Funktionen und Parameter 01
• 7-2 Variablen, Konstanten, Datentypen und detaillierte Funktionen und Parameter 02
• 7-3 Variablen, Konstanten, Datentypen und detaillierte Funktionen und Parameter 03
• 7-4 Variablen, Konstanten, Datentypen und detaillierte Funktionen und Parameter 04
• 7-5 Bereich/Bereichskette/Abschluss und Vorlagenzeichenfolge und Beschriftungsfunktion 01
• 7-6 Bereich/Bereichskette/Abschluss und Vorlagenzeichenfolge und Beschriftungsfunktion 02
• 7-7 Scope/Scope-Kette/Abschluss und Template-String- und Label-Funktion 03
• Kapitel8 Prozesskontrolle und DOM-Manipulation
• 8-1 Verzweigung und Vereinfachung
• 8-2 Schleifen und Durchquerungen
• 8-3 Accessor-Eigenschaften
• 8-4 Hinzufügen, Löschen, Ändern von DOM-Elementen sowie Datensatz- und Klassenlistenobjekte 01
• 8-5 Hinzufügen, Löschen, Ändern von DOM-Elementen sowie Datensatz- und Klassenlistenobjekte 02
• 8-6 Hinzufügen, Löschen, Ändern von DOM-Elementen sowie Datensatz- und Klassenlistenobjekte 03
• Kapitel9 Beschreiben Sie Ereignisse und asynchrone Vorgänge im Detail
• 9-1 JS-Ausführungsmechanismus und asynchrone Aufgaben sowie detailliertes Ereignismodell und Formularereignisse 01
• 9-2 JS-Ausführungsmechanismus und asynchrone Aufgaben sowie detailliertes Ereignismodell und Formularereignisse 02
• 9-3 JS-Ausführungsmechanismus und asynchrone Aufgaben sowie detailliertes Ereignismodell und Formularereignisse 03
• 9-4 Fetch- und Axios-Beispiele erklärt 01
• 9-5 Fetch- und Axios-Beispiele erklärt 02
• Kapitel10 JS klassische praktische Fälle
• 10-1 Tabs und Online-Fotoalben 01
• 10-2 Tabs und Online-Fotoalben 02
• 10-3 Tabs und Online-Fotoalben 03
• 10-4 Klassisches Karusselldiagramm und automatische Berechnung des Warenkorbs 01
• 10-5 Klassisches Karusselldiagramm und automatische Warenkorbberechnung 02
• 10-6 Klassisches Karusselldiagramm und automatische Warenkorbberechnung 03
• 10-7 Klassische Karussell- und Warenkorb-Automatikberechnung 04