Stage 1:

  • HTML+CSS:

HTML advanced, CSS advanced, DIV + CSS layout, HTML+ CSS whole site development,

  • JavaScript:

Js basic tutorial, Js built-in object common methods, common DOM tree operations, ECMAscript, DOM, BOM, timer and focus map.

  • JS basic effects:

Common effects, such as TAB, navigation, page scrolling, carousel, JS slideshow, popup layer, accordion menu, Waterfall layout, scroll event, roll difference view.

  • JS advanced features:

Regular expressions, sorting algorithms, recursive algorithms, closures, function throttling, Scope chains, Distance based motion framework, Object-oriented Fundamentals,

  • JQuery: Basic use

Suspension, DOM manipulation, effects and animations, method chains, drag and drop, deformation, basic use of JQueryUI components.

Phase 2: HTML5 and mobile Web development

  • HTML 5:

HTML5 New Semantic tags, HTML5 forms, audio and video, offline and local storage, SVG, Web Socket, Canvas.

  • CSS3:

CSS3 new selectors, pseudo-elements, color representation, borders, Shadows, Background series property changes, Transition, animation, Depth of field and depth, 3D effects, Velocity-js frame, elements enter, exit strategy, cool CSS3 web creation.

  • Bootstrap:

Responsive concept, media query, responsive website production, grid deletion system, grid deletion system principle, Bootstrap commonly used templates, LESS and SASS.

  • Mobile Web Development:

Introduction to cross-terminal WEB and mainstream devices, viewport, streaming layout, elastic box, REM, mobile terminal JavaScript events, JS effect production common in mobile phones, Zepto. JS, mobile phone juhuashuanpage, mobile phone scrolling.

Phase 3: HTTP services and AJAX programming

  • WEB Server Basics:

This section describes server basics, Apache server and other WEB servers, Apache server configuration, and HTTP.

  • PHP basis:

PHP basic syntax, using PHP to handle simple GET or POST requests,

  • AJAX last:

Ajax introduction and asynchronous concept, Ajax framework encapsulation, XMLHttpRequest object detailed introduction method, compatibility processing method, Ajax framework encapsulation, Caching issues in Ajax, XML introduction and use.

  • AJAX next:

JSON and JSON parsing, data binding and template technology, JSONP, cross-domain technology, image prefetch and lazy-load technology, jQuery framework AjaxAPI, using Ajax to achieve burst flow cases.

Stage 4: Object-oriented progression

  • Object Oriented Ultimate:

From memory perspective to understanding JS object-oriented, basic types, complex types, prototype chains, object-oriented in ES6, property read and write permissions, setters, accessors.

  • Three characteristics of object-oriented:

Inheritance, polymorphism, encapsulation, interface.

  • Design pattern:

Object Oriented programming thinking, singleton pattern, factory pattern, Policy pattern, Observer pattern, Template method pattern, agent pattern, decorator pattern, Adapter pattern, Aspect Oriented programming.

Phase 5: Encapsulate a framework of your own

  • Framework Packaging Basics:

Event flow, bubble, capture, event object, event frame, selection frame.

  • Framework Encapsulation Intermediate:

Principle of motion, single object motion frame, multi object motion frame, motion frame object-oriented encapsulation.

  • Framework packaging advanced and complementary:

JQuery framework prototype, extensibility, modularity, encapsulation belong to chuanzhi’s own framework.

Phase 6: Modular component development

  • Component-oriented programming:

The way of component-oriented programming, the realization principle of component-oriented programming, the actual practice of component-oriented programming, the development of website application program based on componentization thought.

  • Modular programming:

AMD design specification, CMD design specification, RequireJS, LoadJS, Taobao SeaJS.

Stage 7: Mainstream popular framework

  • Web Development Workflow:

Git/SVN, Yeoman scaffolding, NPM/Bower dependency management tools, Grunt/Gulp/Webpack.

  • The MVC/MVVM MVW framework:

Angular.js, backbone. js, Knockout/Ember.

  • Commonly used library:

React. Js, vue.js, zepto.js.

Phase 8: HTML5 native mobile app development

  • Cordova:

WebApp/NativeApp HybirdApp introduction, Cordova profile, and the relationship between the PhoneGap, development environment to build, Cordova combat (create project, configuration, compilation, debugging, deploying released).

  • Ionic:

Ionic introduction and comparison, template project parsing, common components and usage, building apps with Angular, common effects (pull-down refresh, pull-up load, side-slide navigation, tabs).

  • The React Native:

React Native Introduction, React Native environment configuration, create projects, configure, compile, debug, deploy and release, Native modules and UI components, Native common apis.

  • HTML 5 + :

HTML5+ China Industry Alliance, HTML5 Plus Runtime environment, HBuilder development tools, MUI framework, H5+ development and deployment.

Phase 9: Node.js full stack development:

  • Quick Start:

Node.js development, Ecosystem, Io. Js, Linux/Windows/OS X environment configuration, REPL environment and console programs, Asynchronous Programming, Non-blocking I/O, module concepts, module management tools, development process, debugging, testing.

  • Core modules and objects:

Global objects, Process, Console, util, event driver, event emitter, encryption and decryption, path operations, serialization and deserialization, file flow operations, HTTP server and client, socket. IO.

  • Basics of Web Development:

HTTP protocol, request and response processing process, relational database operation and data access, non-relational database operation and data access, native Node.js development Web application, Web development workflow, Node.js development Blog case.

  • Rapid Development Framework:

Express introduction +MVC introduction, Express common API, Express routing module, Jade/Ejs template engine, use Express refactoring Blog case, Koa and other common MVC framework.

  • Node.js e-commerce development:

Requirements and design, account module registration and login, member center module, front desk display module, shopping cart, order settlement, online customer service instant message module.