Was müssen Sie über das Frontend lernen?

Was kann man über Frontend lernen?

Die erste Stufe: HTML+CSS+JS-Grundlagen

(1) HTML+CSS:

HTML für Fortgeschrittene, CSS für Fortgeschrittene, DIV+CSS-Layout, HTML+CSS-Entwicklung für die gesamte Website,

(2) JavaScript-Grundlagen:

JS-Grundlagen-Tutorial, allgemeine Methoden von integrierten JS-Objekten, allgemeine DOM-Baumoperationen , ECMAscript, DOM, BOM, Timer und Fokusdiagramme.

(3) Grundlegende JS-Spezialeffekte:

Häufige Spezialeffekte, wie zum Beispiel: Tab, Navigation, ganzseitiges Scrollen, Karussell, JS-Folienproduktion, Popup-Ebene, Akkordeonmenü, Wasserfall Flow-Layout, Scroll-Ereignisse, Scroll-Ansichten.

(4) Erweiterte JS-Funktionen:

Reguläre Ausdrücke, Sortieralgorithmus, rekursiver Algorithmus, Schließung, Funktionsdrosselung, Bereichskette, distanzbasiertes Bewegungsframework, objektorientierte Grundlage,

(5) JQuery: Grundlegende Verwendung

Hanger, DOM-Operation, Spezialeffekte und Animation, Methodenkette, Drag & Drop, Transformation, grundlegende Verwendung von JQueryUI-Komponenten.

Die zweite Phase: HTML5 und mobile Webentwicklung

(1) HTML5:

HTML5 neue semantische Tags, HTML5-Formulare, Audio und Video, Offline- und lokaler Speicher, SVG, Web Socket, Canvas.

(2) CSS3:

CSS3 neuer Selektor, Pseudoelement, Farbdarstellung, Rahmen, Schatten, Flex-Layout, Hintergrundserienattribut Änderungen, Übergang, Animation, Tiefenschärfe und Tiefendurchdringung, 3D-Effektproduktion, Velocity.js-Framework, Elementeintrag, Ausstiegsstrategie und coole CSS3-Webseitenproduktion.

(3) Bootstrap:

Responsive Konzepte, Medienabfragen, responsive Website-Produktion, Rasterlöschsystem, Rasterlöschsystemprinzipien, gängige Bootstrap-Vorlagen, LESS und SASS.

(4) Mobile Web-Entwicklung:

Einführung in terminalübergreifende WEB- und Mainstream-Geräte, Viewport, Fluid-Layout, flexible Box, REM, mobile Terminal-JavaScript-Ereignisse, gängige JS-Effektproduktion in Mobilgeräten Telefone, Mobiltelefon-Juhuasuan-Seite, Mobiltelefon-Scrollen.

Die dritte Stufe: HTTP-Dienst und AJAX-Programmierung

(1) WEB-Server-Grundlagen:

Server-Grundlagen, Apache-Server und andere WEB-Server Einführung , Apache-Server-Setup, HTTP-Einführung.

(2) AJAX Teil 1:

Einführung in Ajax und das Konzept der Asynchronität, Ajax-Framework-Kapselung, detaillierte Einführungsmethode für XMLHttpRequest-Objekte, Kompatibilitätsverarbeitungsmethode, Ajax-Framework-Kapselung, Caching in Ajax-Fragen , Einführung und Verwendung von XML, Umgang mit einfachen GET- oder POST-Anfragen,

(3) AJAX Teil 2:

JSON und JSON-Parsing, Datenbindungs- und Vorlagentechnologie, JSONP, domänenübergreifende Technologie , Bildvorlese- und Lazy-Load-Technologie, AjaxAPI im JQuery-Framework und die Verwendung von Ajax zur Implementierung explosiver Streaming-Fälle.

Die vierte Stufe: fortgeschrittene Objektorientierung

(4) Das letzte Kapitel der Objektorientierung:

Von der Gedächtnisperspektive zum Verständnis von JS objektorientierte und grundlegende Typen, komplexe Typen, Prototypketten, objektorientiert in ES6, Umfang von Variablen in ES6 (let, const (Variablen schreibgeschützt deklarieren), Geltungsbereich auf Blockebene), neue Features von Funktionen in ES6.

(5) Drei Hauptmerkmale der Objektorientierung:

Vererbung, Polymorphismus und Kapselung.

(6) Fünf Methoden zum Erstellen von Objekten in objektorientierter Form:

Benutzerdefinierte Objekte, im Fabrikmodus erstellte Objekte, Konstruktoren, im gemischten Modus erstellte Objekte, im JSO-Format erstellte Objekte.

Die fünfte Stufe: Kapseln Sie ein eigenes Framework

(1) Grundlagen der Framework-Kapselung:

Ereignisfluss, Sprudeln, Erfassen, Ereignisse Objekte , Ereignisrahmen, Auswahlrahmen.

(2) Mittelstufe der Rahmenkapselung:

Bewegungsprinzipien, Einzelobjekt-Bewegungsrahmen, Mehrobjekt-Bewegungsrahmen, objektorientierte Kapselung von Bewegungsrahmen.

(3) Erweiterte Framework-Kapselung und Ergänzungen:

Der Prototyp, die Skalierbarkeit, die Modularität und die Kapselung des JQuery-Frameworks gehören zu Chuanzhis eigenem Framework.

Die sechste Stufe: Modulare Komponentenentwicklung

(4) Komponentenorientierte Programmierung:

Komponentenorientierte Programmiermethode, komponentenorientierte Programmierimplementierung Prinzipien, praktische komponentenorientierte Programmierung und Entwicklung von Website-Anwendungen basierend auf komponentenbasierten Ideen.

(5) Modulorientierte Programmierung:

AMD-Designspezifikationen, CMD-Designspezifikationen, RequireJS, LoadJS, Taobaos SeaJS.

Die siebte Stufe: Mainstream beliebter Frameworks

(1) Webentwicklungs-Workflow:

GIT/SVN, Vue-cli-Gerüst, NPM /Bower Abhängigkeitsmanagement-Tool, Grunt/Gulp/Webpack.

(2) Mainstream-Frontend-Frameworks:

Vue.js, Angular.js, React.JS, Bootstrap.

(3) Häufig verwendete Bibliotheken:

React.js, Vue.js, JQuery.js.

Die achte Stufe: Node.js Full-Stack-Entwicklung:

(1) Schnellstart:

Node.js-Entwicklung, Ökosystem, Io.js, Linux/Windows/OS , testen.

(2) Kernmodule und Objekte:

Globale Objekte global, Prozess, Konsole, Dienstprogramm, Ereignistreiber, Ereignisemitter, Verschlüsselung und Entschlüsselung, Pfadoperation, Serialisierung und Deserialisierung, Dateistreamoperationen , HTTP-Server und -Client, Socket.IO.

(3) Grundlagen der Webentwicklung:

HTTP-Protokoll, Anforderungsantwortverarbeitung, relationale Datenbankoperationen und Datenzugriff, nicht relationale Datenbankoperationen und Datenzugriff, native Node.js-Entwicklung von Webanwendungen, Webentwicklungs-Workflow, Node.js-Entwicklungs-Blog-Fälle.

(4) Rapid Development Framework:

Express-Einführung + MVC-Einführung, Express-Common-API, Express-Routing-Modul, Jade/Ejs-Template-Engine, Verwendung von Express zum Rekonstruieren von Blog-Fällen, Koa und anderen gängigen MVC-Framework.

(5) Praktische E-Commerce-Entwicklung mit Node.js:

Anforderungen und Design, Kontomodulregistrierung und -anmeldung, Mitgliedercentermodul, Frontdesk-Anzeigemodul, Warenkorb, Bestellabwicklung, Instant-Messaging-Modul für den Online-Kundendienst.

Weitere Informationen zu diesem Thema finden Sie auf der PHP-Website für Chinesisch! !

Das obige ist der detaillierte Inhalt vonWas müssen Sie über das Frontend lernen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!