Maison  >  Article  >  interface Web  >  Résumer les étapes d'apprentissage du front-end

Résumer les étapes d'apprentissage du front-end

巴扎黑
巴扎黑original
2017-07-22 15:22:331698parcourir

La première étape :

HTML+CSS :
HTML avancé, CSS avancé, mise en page div+css, développement complet du site HTML+css,

Bases de JavaScript :
Tutoriel de base JS, méthodes courantes des objets JS intégrés, opérations courantes de l'arborescence DOM, ECMAscript, DOM, BOM, minuterie et carte de focus.

Effets spéciaux de base JS :
Effets spéciaux courants, tels que : onglet, navigation, défilement pleine page, graphique carrousel, production de diapositives JS, calque contextuel, menu accordéon, disposition du flux en cascade, événement de défilement , vue de différence roulante.

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,

JQuery : Basic utilisation de
Hangler, manipulation DOM, effets spéciaux et animation, chaîne de méthodes, glisser-déposer, déformation, utilisation basique des composants JQueryUI.

Phase 2 : HTML5 et développement web mobile

HTML5 :
Nouvelles balises sémantiques HTML5, formulaires HTML5, audio et vidéo, stockage hors ligne et local, SVG, Web Socket, Canvas <.>

CSS3 :

Nouveau sélecteur CSS3, pseudo-élément, représentation du visage, bordure, ombre, changement d'attribut de série d'arrière-plan, Transition, animation, profondeur de champ et transparence en profondeur, production d'effets 3D, framework Velocity.js, éléments Stratégies d'entrée et de sortie, production de pages Web CSS3 sympa.

Bootstrap :

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

Développement Web mobile :

Introduction au WEB cross-terminal et aux appareils grand public, viewport, mise en page fluide, boîte flexible, rem, événements JavaScript sur terminal mobile, production d'effets JS courants dans les téléphones mobiles, Zepto.js, page Juhuasuan des téléphones portables, défilement des téléphones portables.

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

Bases du serveur WEB :

Connaissance de base des serveurs, introduction au serveur Apache et autres serveurs WEB, configuration du serveur Apache, introduction au HTTP.

Bases de PHP :

Syntaxe de base de PHP, utilisation de PHP pour traiter des requêtes simples GET ou POST,

AJAX Partie 1 :

Introduction à Ajax et concepts asynchrones, encapsulation du framework Ajax, XMLHttpRequest méthode d'introduction détaillée des objets, méthode de traitement de compatibilité, encapsulation du framework Ajax, problèmes de mise en cache dans Ajax, introduction et utilisation de XML.

AJAX Partie 2 :

Analyse JSON et JSON, technologie de liaison de données et de modèles, JSONP, technologie inter-domaines, technologie de prélecture d'images et de chargement paresseux, AjaxAPI dans le framework JQuery, implémentation à l'aide d'Ajax Le nombre de rumeurs a explosé.

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

Chapitre orienté objet ultime :

Du point de vue de la mémoire à la compréhension de l'orientation objet JS, des types de base, des types complexes, des chaînes de prototypes et Objet orienté ES6, propriété autorisations de lecture et d'écriture, setter, accesseur.

Trois caractéristiques majeures de l'orientation objet :

Héritage, polymorphisme, encapsulation et interface.

Modèles de conception :

Pensée de programmation orientée objet, mode singleton, mode usine, mode stratégie, mode observateur, mode méthode modèle, mode proxy, mode décorateur, mode adaptateur, programmation orientée aspect.

La cinquième étape : Encapsuler votre propre framework

Bases de l'encapsulation du framework :

Flux d'événements, bouillonnement, capture, objet événementiel, cadre d'événement, cadre de sélection.

Niveau intermédiaire d'encapsulation d'image :

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

Encapsulation et suppléments avancés du framework :

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

La sixième étape : le développement de composants modulaires

Programmation orientée composants :

La méthode de programmation orientée composants, le principe de mise en œuvre de la programmation orientée composants, le combat réel des composants- programmation orientée et développement basé sur une réflexion orientée composants Application de site Web.

Programmation orientée module :

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

Étape 7 : Frameworks populaires grand public

Flux de développement Web :

GIT/SVN, échafaudage Yeoman, outils de gestion des dépendances NPM/Bower, Grunt/Gulp/Webpack.

Framework MVC/MVVM/MVW :

Angular.js, Backbone.js, Knockout/Ember.

Bibliothèques couramment utilisées :

React.js, Vue.js, Zepto.js.

La huitième étape : développement d'applications mobiles natives HTML5

Cordova :

Introduction à WebApp/NativeApp/HybirdApp, introduction à Cordova, relation avec PhoneGap, construction de l'environnement de développement et combat réel de Cordova (Créer un projet, configurer, compiler, déboguer, déployer et publier).

Ionic :

Introduction ionique et comparaison similaire, analyse de projet de modèle, composants et utilisation communs, création d'applications avec Angular, effets courants (tirer vers le bas pour actualiser, tirer vers le haut pour charger, navigation latérale coulissante, onglet) .

React Native :

Introduction à React Native, configuration de l'environnement React Native, création de projet, configuration, compilation, débogage, déploiement et publication, modules natifs et composants d'interface utilisateur, API communes natives.

HTML5+ :

HTML5+ China Industry Alliance, environnement d'exécution HTML5 Plus, outils de développement HBuilder, framework MUI, développement et déploiement H5+.

Étape 9 : Développement full-stack Node.js :

Démarrage rapide :

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

Modules et objets de base :
Objets globaux globaux, processus, console, util, pilotés par événements, émetteur d'événements, cryptage et déchiffrement, opération de chemin, sérialisation et désérialisation, opération de flux de fichiers, serveur HTTP et terminal client, Socket. IO.

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, développement natif Node.js d'applications Web, workflow de développement Web, Cas du blog de développement Node.js.

Cadre de développement rapide :
Introduction express + introduction MVC, API communes Express, module de routage Express, moteur de modèles Jade/Ejs, utilisation d'Express pour reconstruire les cas de blog, Koa et d'autres frameworks MVC courants.

Développement pratique du commerce électronique Node.js :
Exigences et conception, enregistrement et connexion du module de compte, module centre des membres, module d'affichage front-end, panier d'achat, règlement des commandes, module de messagerie instantanée du service client en ligne .

(Réimprimé de No More Mistakes - Blog)

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn