The first stage:
● HTML+CSS:
Keywords HTML advanced, CSS advanced, div+css layout, HTML+css full-site development,
● JavaScript foundation:
Js basic tutorial, common methods of js built-in objects, common DOM tree operation encyclopedia, ECMAscript, DOM, BOM, timer, focus map.
● JS basic special effects:
Common special effects, such as tabs, navigation, full-page scrolling, carousel, JS slides, pop-up layer, accordion menu, waterfall layout, scrolling events, scrolling difference view.
● JS advanced functions:
Keywords regular expression, sorting algorithm, recursive algorithm, closure, function throttling, scope chain, distance-based motion framework, object-oriented basis,
● JQuery: basic use
Clothes hangers, DOM operations, special effects and animations, method chains, drag and drop, deformation, and JQueryUI components are basically used.
The second stage: HTML5 and mobile Web development
● HTML5:
HTML5 new semantic tags, HTML5 forms, audio and video, offline and local storage, SVG, Web Socket, Canvas.
● CSS3:
CSS3 new selector, pseudo-elements, facial expressions, borders, shadows, background series attribute changes, transitions, animations, depth and depth, 3D effect production, Velocity.js framework, element entry and exit strategies, and cool CSS3 webpage production.
● Bootstrap:
Responsive concept, media query, responsive website making, grid deletion system, grid deletion system principle, Bootstrap common template, LESS and SASS.
● Mobile network development:
Cross-terminal WEB and mainstream device introduction, viewport, streaming layout, elastic frame, rem, JavaScript events of mobile terminals, JS effect production in mobile phones, Zepto.js, cost-effective mobile phone pages, and mobile phone scrolling.
The third stage: HTTP service and AJAX programming.
● Network server foundation:
Basic knowledge of server, introduction of Apache server and other WEB servers, construction of Apache server, and introduction of HTTP.
● PHP foundation:
PHP basic syntax, using PHP to handle simple GET or POST requests,
● AJAX:
Introduction of Ajax and asynchronous concept, encapsulation of Ajax framework, detailed introduction method of XMLHttpRequest object, compatibility treatment method, encapsulation of Ajax framework, caching problem in Ajax, introduction and use of XML.
● AJAX Next:
JSON and JSON parsing, data binding and template technology, JSONP, cross-domain technology, image pre-reading and lazy loading technology, AjaxAPI in JQuery framework, waterfall case using Ajax.
The fourth stage: object-oriented advanced
● The ultimate object-oriented article:
Understand JS object-oriented, basic types, complex types, prototype chain, object-oriented in ES6, attribute read and write permissions, setters and accessors from the perspective of memory.
Three characteristics of object-oriented:
Inheritance, polymorphism, encapsulation, interface.
● Design mode:
Object-oriented programming thinking, monomer mode, factory mode, strategy mode, observer mode, template method mode, agent mode, decorator mode, adapter mode, aspect-oriented programming.
The fifth stage: packaging a framework of its own.
● Frame component foundation:
Event flow, bubble, capture, event object, event frame, selection frame.
Low frame packaging intermediates:
Motion principle, single-object motion frame, multi-object motion frame, object-oriented encapsulation of motion frame.
● Advanced and auxiliary frame packaging:
The prototype, expansibility, modularity and encapsulation of JQuery framework belong to Chanz's own framework.
The sixth stage: modular component development
● Component-oriented programming:
The way of component-oriented programming, the realization principle of component-oriented programming, the actual combat of component-oriented programming, and the website application development based on component thought.
Low module-oriented programming:
AMD design specification, CMD design specification, Taobao's RequireJS, LoadJS, SeaJS.
The seventh stage: the popular framework of the mainstream
● Network development workflow:
GIT/SVN, Yeomans scaffolding, NPM/ Bauer dependency management tool, Grunt/Gulp/Webpack.
● MVC/MVVM/MVW framework:
Angular.js、Backbone.js、Knockout/Ember。
● Public libraries:
React.js、Vue.js、Zepto.js .
Stage 8: HTML5 Native Mobile Application Development
● Cordoba:
Introduction of WebApp/NativeApp/HybirdApp, introduction of Cordova, relationship with PhoneGap, construction of development environment, actual combat of Cordova (project creation, configuration, compilation, debugging, deployment and release).
● Ionic type:
Ionic introduction and similarity comparison, template project analysis, common components and their use, and build an APP with angles and common effects (pull-down refresh, pull-up load, sideslip navigation, tab).
● Natural reaction:
Introduction to React Native, configuration of React Native environment, project creation, configuration, compilation, debugging, deployment and release, native modules and UI components, native commonly used APIs.
● HTML5+:
HTML5+ China industrial alliance, HTML5 Plus runtime environment, HBuilder development tool, MUI framework, H5+ development and deployment.
The ninth stage: the full-stack development of Node.js
● Quick start:
Node.js development, ecosystem, Io.js, Linux/Windows/OS X environment configuration, REPL environment and console program, asynchronous programming, non-blocking I/O, module concept, module management tool, development flow, debugging and testing.
● Core modules and objects:
Global object global, process, console, util, event-driven, event emitter, encryption and decryption, path operation, serialization and deserialization, file stream operation, HTTP server and client, socket. Image orthographic tube
● Network Development Foundation:
HTTP protocol, request response processing, relational database operation and data access, non-relational database operation and data access, native Node.js developing Web application, Web development workflow, Node.js developing blog case.
● Rapid development framework:
Express introduction +MVC introduction, Express common API, Express routing module, Jade/Ejs template engine, and the case of rebuilding blog with Express, Koa and other common MVC frameworks.
● Node.js develops e-commerce in actual combat;
Demand and design, account module registration and login, member center module, front desk display module, shopping cart, order settlement, online customer service instant messaging module.