Maison > Article > interface Web > Résumer les étapes d'apprentissage du front-end
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 <.>
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.
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.
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.
Connaissance de base des serveurs, introduction au serveur Apache et autres serveurs WEB, configuration du serveur Apache, introduction au HTTP.
Syntaxe de base de PHP, utilisation de PHP pour traiter des requêtes simples GET ou POST,
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.
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é.
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.
Héritage, polymorphisme, encapsulation et interface.
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.
Flux d'événements, bouillonnement, capture, objet événementiel, cadre d'événement, cadre de sélection.
Principes du mouvement, image de mouvement d'objet unique, image de mouvement multi-objets, encapsulation orientée objet de l'image de mouvement.
Le prototype, l'évolutivité, la modularité et l'encapsulation du framework JQuery appartiennent au propre framework de Chuanzhi.
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.
Spécifications de conception AMD, spécifications de conception CMD, RequireJS, LoadJS, SeaJS de Taobao.
GIT/SVN, échafaudage Yeoman, outils de gestion des dépendances NPM/Bower, Grunt/Gulp/Webpack.
Angular.js, Backbone.js, Knockout/Ember.
React.js, Vue.js, Zepto.js.
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).
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) .
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+ China Industry Alliance, environnement d'exécution HTML5 Plus, outils de développement HBuilder, framework MUI, développement et déploiement H5+.
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!