The first stage
html+css
HTML advanced, css advanced, div+css layout, html+css whole site development
JS basics JS basic special effects
js basic tutorial, common methods of js built-in objects, common dom tree operations, ES, DOM, BOM, timer and focus map JS advanced features Regular expressions, sorting algorithm, recursive algorithm, closure, function throttling, scope chain, distance-based motion framework, object-oriented foundation . jQuery Hanger, DOM manipulation, special effects and animation. Method chain, drag and drop, transformation, basic use of jQueryUI components
Phase 2 HTML and mobile web development
HTML5
HTML new semantic tag. H5 forms, audio and video, offline and local storage, SVG, Web Socket, Canvas
CSS3
CSS3 new selector, pseudo-element, face notation, border , shadow, background series attribute changes, Transition, animation, depth of field and depth penetration, 3D effect production, Velocity.js framework, element entry and exit, strategically cool CSS3 web page production.
Bootstrap
Responsive concepts, media queries, responsive website production, grid deletion system, grid system principles, common Bootstrap templates, LESS and SASS Introduction to cross-terminal Web and mainstream devices, viewport, fluid layout, flexible box, tem, mobile terminal JS events, common JS effect production in mobile phones, Zepto.js, mobile phone Juhuasuan page, mobile phone scrolling.
Mobile Web Development
The third stage HTTP service and Ajax programming
WEB server basics
Server basics, introduction to Apache server and other WEB servers, Apache server construction, HTTP introduction
PHP basics
PHP basic syntax, using PHP to process simple GET or POST requests
AJAX
1. Introduction to Ajax and the concept of asynchronousness, and the encapsulation of the Ajax framework , XMLHttpRequest object detailed introduction method, compatibility processing method, Ajax framework encapsulation, caching issues in Ajax, XML introduction and use
2. JSON and JAON parsing. Database binding and template technology. JSONP/cross-domain technology, image pre-reading and lazy-load technology, AjaxAPI in jQuery framework, using Ajax to implement waterfall flow case
The fourth stage: object-oriented advancement
The Ultimate Object Orientation From the memory perspective to understanding JS object-oriented, basic types, complex types, prototype chain, object-oriented in ES6, property read and write permissions, setters, and accessors Three major characteristics of object-oriented Inheritance, polymorphism, encapsulation, interface Design Patterns Object-oriented programming thinking, singleton mode, factory mode, strategy mode, observer mode, template mode, template method mode, agent mode, decorator mode, adapter mode, aspect-oriented mode
The fifth stage: Encapsulate a framework of your own
Framework encapsulation basics Event flow, bubbling, capture, event object, event frame, selection frame Encapsulation framework intermediate Motion principles, single motion framework, multi-object motion framework, object-oriented encapsulation of motion framework Packaging Advanced and Supplementary jQuery framework advanced prototype, scalability, modularity, encapsulation of its own framework
Phase Six Modular Component Development
component-oriented programming Methods of component-oriented programming, implementation principles of component-oriented programming, practical component-oriented programming, and development of website applications based on component-based ideas -Module-oriented programming ADM design specifications. CMD design specifications. RequireJS, LoadJS, Taobao’s SeaJS
Stage Seven: Mainstream Popular Framework
Web development workflow Git/SVN, Yeoman scaffolding, NPM/Bowder dependency tools, Grunt/Gulp/Webpack MVC/MVVW/MVW framework Angular.js、Backbone.js/Knockout/Ember Commonly used libraries React.js、Vue.js、Zepto.js
Stage 8 H5 native mobile application development
Corsica Introduction to WebApp/NativeApp/HybirdAPP, relationship with PhoneGap, development environment construction, Cordova practice (create project, configuration, compilation, debugging, deployment and release) Ionic Introduction to Ionic and comparison of similar categories, template project analysis, common components and usage, building APP with Angular, common effects (pull down to refresh, pull up to load, side sliding navigation, tab) React Native Introduction to React Native, React Native environment configuration, project creation, compilation, debugging, deployment, native modules and UI components, and common native APIs H5+ H5+ China Industry Alliance, H5 Plus Runtime environment, Hbuider development tools, MUI framework, H5+ development and deployment
Stage 9 Node.js full-stack development
Quick start Node.js development, ecosystem, Io.js, Linnux/Windows/OS environment configuration, REPL environment and console program, asynchronous programming, non-blocking I/O, module concept, module management tools, development process, debugging, testing Core modules and objects: Global objects global, process, console, util, event driver, event emitter, encryption and decryption, path operation, serialization and deserialization, file stream operation, HTTP server and client Web development basics: HTTP protocol, request response processing process, relational database operations and data access, non-relational database operations and data access, native Node.js development of Web applications, Web development workflow, Node.js development Blog cases. Rapid development framework: Introduction to Express + Introduction to MVC, Express common APIs, Express routing module, Jade/Ejs template engine, using Express to reconstruct Blog cases, Koa and other common MVC frameworks. Practical practice of developing e-commerce with Node.js: Requirements and design, account module registration and login, member center module, front desk display module, shopping cart, order settlement, online customer service instant messaging module.