Que devez-vous apprendre sur le front-end ?

Que savoir sur le front-end ?

La première étape : les bases de HTML+CSS+JS

(1) HTML+CSS :

HTML avancé, CSS avancé, mise en page DIV+CSS, développement de site entier HTML+CSS,

(2) Bases de JavaScript :

Tutoriel de base Js, méthodes courantes des objets intégrés js, opérations courantes de l'arborescence DOM , ECMAscript, DOM, BOM, minuteries et graphiques de focus.

(3) Effets spéciaux de base JS :

Effets spéciaux courants, tels que : onglet, navigation, défilement pleine page, carrousel, production de diapositives JS, calque contextuel, menu accordéon, cascade disposition du flux, événements de défilement, vues de défilement.

(4) Fonctionnalités avancées de JS :

Expressions régulières, algorithme de tri, algorithme récursif, fermeture, limitation de fonctions, chaîne de portée, cadre de mouvement basé sur la distance, fondation orientée objet,

(5) JQuery : Utilisation de base

Hanger, fonctionnement DOM, effets spéciaux et animation, chaîne de méthodes, glisser-déposer, transformation, utilisation de base des composants JQueryUI.

La deuxième phase : HTML5 et développement web mobile

(1) HTML5 :

HTML5 nouvelles balises sémantiques, formulaires HTML5, audio et vidéo, Stockage hors ligne et local, SVG, Web Socket, Canvas.

(2) CSS3 :

Nouveau sélecteur CSS3, pseudo-élément, représentation des couleurs, bordure, ombre, disposition flexible, attribut de série d'arrière-plan changements, transition, animation, profondeur de champ et pénétration en profondeur, production d'effets 3D, framework Velocity.js, entrée d'éléments, stratégie de sortie et production de pages Web CSS3 sympas.

(3) Bootstrap :

Concepts réactifs, requêtes multimédias, production de sites Web réactifs, système de suppression de grille, principes du système de suppression de grille, modèles Bootstrap communs, LESS et SASS.

(4) Développement Web mobile :

Introduction au WEB multi-terminal et aux appareils grand public, fenêtre d'affichage, mise en page fluide, boîte flexible, rem, événements JavaScript du terminal mobile, production d'effets JS communs dans le mobile téléphones, page Juhuasuan de téléphone portable, défilement de téléphone portable.

La troisième étape : Service HTTP et programmation AJAX

(1) Les bases du serveur WEB :

Les bases du serveur, serveur Apache et autres serveurs WEB Introduction , Configuration du serveur Apache, introduction HTTP.

(2) Partie 1 d'AJAX :

Introduction à Ajax et au concept d'asynchrone, encapsulation du framework Ajax, méthode d'introduction détaillée de l'objet XMLHttpRequest, méthode de traitement de compatibilité, encapsulation du framework Ajax, mise en cache dans les questions Ajax, introduction et utilisation de XML, peut gérer de simples requêtes GET ou POST,

(3) AJAX Partie 2 :

Analyse JSON et JSON, liaison de données et technologie de modèles, JSONP, technologie inter-domaines, technologie de prélecture d'images et de chargement paresseux, AjaxAPI dans le framework JQuery et utilisation d'Ajax pour implémenter des cas de streaming explosifs.

La quatrième étape : Orienté objet avancé

(4) Le dernier chapitre de l'orienté objet :

De la perspective mémoire à la compréhension de JS Types orientés objet et basiques, types complexes, chaînes de prototypes, orienté objet dans ES6, portée des variables dans ES6 (let, const (déclaration des variables en lecture seule), portée au niveau bloc), nouvelles fonctionnalités des fonctions dans ES6.

(5) Trois caractéristiques majeures de l'orientation objet :

Héritage, polymorphisme et encapsulation.

(6) Cinq méthodes de création d'objets orientés objet :

Objets personnalisés, objets créés en mode usine, constructeurs, objets créés en mode mixte, objets créés au format JSO.

La cinquième étape : Encapsuler votre propre framework

(1) Bases de l'encapsulation du framework :

Flux d'événements, bouillonnement, capture, objets d'événements , cadres d'événements, cadres de sélection.

(2) Niveau intermédiaire d'encapsulation de trame :

Principes du mouvement, trame de mouvement à objet unique, trame de mouvement multi-objets, encapsulation orientée objet de l'image de mouvement.

(3) Encapsulation avancée du framework et suppléments :

Le prototype, l'évolutivité, la modularité et l'encapsulation du framework JQuery appartiennent au propre framework de Chuanzhi.

La sixième étape : Développement de composants modulaires

(4) Programmation orientée composants :

Méthode de programmation orientée composants, mise en œuvre de la programmation orientée composants Principes, programmation pratique orientée composants et développement d'applications Web basées sur des idées basées sur les composants.

(5) Programmation orientée module :

Spécifications de conception AMD, spécifications de conception CMD, RequireJS, LoadJS, SeaJS de Taobao.

La septième étape : frameworks populaires grand public

(1) Workflow de développement Web :

GIT/SVN, échafaudage Vue-cli, NPM /Bower outil de gestion des dépendances, Grunt/Gulp/Webpack.

(2) Frameworks front-end grand public :

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

(3) Bibliothèques couramment utilisées :

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

La huitième étape : Développement full-stack Node.js :

(1) Démarrage rapide :

Développement Node.js, écosystème, Io.js, configuration environnement Linux/Windows/OS X, environnement REPL et programme console, programmation asynchrone, E/S non bloquantes, concept de module, outils de gestion de modules, processus de développement, débogage , tests.

(2) Modules et objets de base :

Objets globaux globaux, processus, console, util, pilote d'événement, émetteur d'événement, cryptage et déchiffrement, opération de chemin, sérialisation et désérialisation, opérations de flux de fichiers , serveur et client HTTP, Socket.IO.

(3) Bases du développement Web :

Protocole HTTP, traitement des réponses aux requêtes, opérations de bases de données relationnelles et accès aux données, opérations de bases de données non relationnelles et accès aux données, applications Web de développement Node.js natives, Workflow de développement Web, cas de blog de développement Node.js.

(4) Framework de développement rapide :

Introduction express + introduction MVC, API commune Express, module de routage Express, moteur de modèle Jade/Ejs, utilisation d'Express pour reconstruire les cas de blog, Koa et autres Cadre MVC.

(5) Développement pratique du commerce électronique avec Node.js :

Exigences et conception, enregistrement et connexion du module de compte, module centre des membres, module d'affichage à la réception, panier d'achat, règlement des commandes, module de messagerie instantanée du service client en ligne.

Pour plus de connaissances connexes, veuillez visiter le Site Web PHP chinois ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!