Fassen Sie die Lernschritte des Frontends zusammen

Die erste Stufe:

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

JavaScript-Grundlagen:
Grundlegendes JS-Tutorial, allgemeine Methoden integrierter JS-Objekte, allgemeine DOM-Baumoperationen, ECMAscript, DOM, BOM, Timer und Fokuskarte.

Grundlegende JS-Spezialeffekte:
Gemeinsame Spezialeffekte, wie zum Beispiel: Tab, Navigation, ganzseitiges Scrollen, Karusselldiagramm, JS-Diashow, Popup-Ebene, Akkordeonmenü, Wasserfall-Flow-Layout, Scroll-Ereignis, Rolling-Differenz-Ansicht.

Erweiterte JS-Funktionen:
reguläre Ausdrücke, Sortieralgorithmus, rekursiver Algorithmus, Abschluss, Funktionsdrosselung, Bereichskette, distanzbasiertes Bewegungsframework, objektorientierte Grundlage,

JQuery: Basic Verwendung von
Hangler, DOM-Manipulation, Spezialeffekte und Animation, Methodenkette, Drag & Drop, Verformung, grundlegende Verwendung von JQueryUI-Komponenten.

Phase 2: HTML5 und mobile Webentwicklung

HTML5:
HTML5 neue semantische Tags, HTML5-Formulare, Audio und Video, Offline- und lokale Speicherung, SVG, Web Socket, Canvas

CSS3:
CSS3 neuer Selektor, Pseudoelement, Gesichtsdarstellung, Rand, Schatten, Änderung der Hintergrundserienattribute, Übergang, Animation, Schärfentiefe und Tiefentransparenz, 3D-Effektproduktion, Velocity.js-Framework, Elemente Ein- und Ausstiegsstrategien, coole CSS3-Webseitenproduktion.

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

Mobile Web-Entwicklung:
Einführung in terminalübergreifende WEB- und Mainstream-Geräte, Ansichtsfenster, flüssiges Layout, flexible Box, REM, mobile Terminal-JavaScript-Ereignisse, gängige JS-Effektproduktion in Mobiltelefonen, Zepto.js, Mobiltelefone Juhuasuan-Seite, Mobiltelefon-Scrollen.

Die dritte Stufe: HTTP-Dienst und AJAX-Programmierung

WEB-Server-Grundlagen:
Grundkenntnisse über Server, Einführung in den Apache-Server und andere WEB-Server, Einrichtung des Apache-Servers, Einführung in HTTP.

PHP-Grundlagen:
PHP-Grundsyntax, Verwendung von PHP zur Verarbeitung einfacher GET- oder POST-Anfragen,

AJAX Teil 1:
Ajax-Einführung und asynchrone Konzepte, Ajax-Framework-Kapselung, XMLHttpRequest Objektdetaillierte Einführungsmethode, Kompatibilitätsverarbeitungsmethode, Ajax-Framework-Kapselung, Caching-Probleme in Ajax, XML-Einführung und -Nutzung.

AJAX Teil 2:
JSON- und JSON-Parsing, Datenbindungs- und Vorlagentechnologie, JSONP, domänenübergreifende Technologie, Bildvorlese- und Lazy-Load-Technologie, AjaxAPI im JQuery-Framework, Implementierung mit Ajax Die Menge an Gerüchten explodierte.

Die vierte Stufe: Fortgeschrittene objektorientierte

Ultimative objektorientierte Kapitel:
Von der Speicherperspektive zum Verständnis von JS-objektorientierten, grundlegenden Typen, komplexen Typen, Prototypketten usw ES6-orientiertes Objekt, Lese- und Schreibberechtigungen für Eigenschaften, Setter, Accessor.

Drei Hauptmerkmale der Objektorientierung:
Vererbung, Polymorphismus, Kapselung und Schnittstelle.

Entwurfsmuster:
Objektorientiertes Programmierdenken, Singleton-Modus, Factory-Modus, Strategiemodus, Beobachtermodus, Vorlagenmethodenmodus, Proxy-Modus, Dekoratormodus, Adaptermodus, aspektorientierte Programmierung.

Die fünfte Stufe: Kapseln Sie ein eigenes Framework

Grundlagen der Framework-Kapselung:
Ereignisfluss, Bubbling, Capture, Ereignisobjekt, Ereignisrahmen, Auswahlrahmen.

Mittelstufe der Rahmenkapselung:
Bewegungsprinzipien, Einzelobjekt-Bewegungsrahmen, Mehrobjekt-Bewegungsrahmen, objektorientierte Kapselung von Bewegungsrahmen.

Erweiterte Framework-Kapselung und Ergänzungen:
JQuery-Framework-Prototyp, Skalierbarkeit, Modularität und Kapselung gehören zu Chuanzhis eigenem Framework.

Die sechste Stufe: modulare Komponentenentwicklung

Komponentenorientierte Programmierung:
Die Methode der komponentenorientierten Programmierung, das Implementierungsprinzip der komponentenorientierten Programmierung, der tatsächliche Kampf von Komponenten- orientierte Programmierung und Entwicklung basierend auf komponentenorientiertem Denken. Website-Anwendung.

Modulorientierte Programmierung:
AMD-Designspezifikationen, CMD-Designspezifikationen, RequireJS, LoadJS, Taobaos SeaJS.

Stufe 7: Mainstreaming beliebter Frameworks

Webentwicklungs-Workflow:
GIT/SVN, Yeoman-Scaffolding, NPM/Bower-Abhängigkeitsmanagement-Tools, Grunt/Gulp/Webpack.

MVC/MVVM/MVW-Framework:
Angular.js, Backbone.js, Knockout/Ember.

Häufig verwendete Bibliotheken:
React.js, Vue.js, Zepto.js.

Die achte Stufe: Entwicklung nativer HTML5-Mobilanwendungen

Cordova:
Einführung in WebApp/NativeApp/HybirdApp, Einführung in Cordova, Beziehung zu PhoneGap, Aufbau der Entwicklungsumgebung und tatsächlicher Kampf gegen Cordova (Projekt erstellen, konfigurieren, kompilieren, debuggen, bereitstellen und freigeben).

Ionic:
Ionic-Einführung und ähnlicher Vergleich, Analyse von Vorlagenprojekten, gemeinsame Komponenten und Verwendung, Erstellen einer APP mit Angular, allgemeine Effekte (zum Aktualisieren nach unten ziehen, zum Laden nach oben ziehen, seitlich verschiebbare Navigation, Tab) .

React Native:
Einführung in React Native, Konfiguration der React Native-Umgebung, Projekterstellung, Konfiguration, Kompilierung, Debugging, Bereitstellung und Veröffentlichung, native Module und UI-Komponenten, native gemeinsame APIs.

HTML5+:
HTML5+ China Industry Alliance, HTML5 Plus-Laufzeitumgebung, HBuilder-Entwicklungstools, MUI-Framework, H5+-Entwicklung und -Bereitstellung.

Stufe 9: Node.js-Full-Stack-Entwicklung:

Schnellstart:
Node.js-Entwicklung, Ökosystem, Io.js, Linux/Windows/OS X-Umgebungskonfiguration, REPL Umgebungs- und Konsolenprogramme, asynchrone Programmierung, nicht blockierende E/A, Modulkonzepte, Modulverwaltungstools, Entwicklungsprozess, Debugging und Tests.

Kernmodule und -objekte:
Globale Objekte global, Prozess, Konsole, Dienstprogramm, ereignisgesteuert, Ereignisemitter, Verschlüsselung und Entschlüsselung, Pfadoperation, Serialisierung und Deserialisierung, Dateistreamoperation, HTTP-Server und Client-Terminal, Socket. IO.

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-Entwicklungsblog-Fall.

Rapid Development Framework:
Express-Einführung + MVC-Einführung, allgemeine Express-APIs, Express-Routing-Modul, Jade/Ejs-Vorlagen-Engine, Verwendung von Express zur Rekonstruktion von Blog-Fällen, Koa und anderen gängigen MVC-Frameworks.

Node.js praktische E-Commerce-Entwicklung:
Anforderungen und Design, Kontomodulregistrierung und -anmeldung, Mitgliedercentermodul, Frontdesk-Anzeigemodul, Warenkorb, Bestellabwicklung, Online-Kundendienst-Instant-Messaging-Modul.

(Nachdruck von No More Mistakes – Blog)

Das obige ist der detaillierte Inhalt vonFassen Sie die Lernschritte des Frontends zusammen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!