Front-end needs to learn what (can be divided into eight stages)?
<1> First Phase:
▪ HTML+CSS:
Advanced HTML, CSS advanced, DIV + CSS layout, HTML + CSS whole point of development,
▪ JavaScript Basics:
Js based tutorial, js built-in objects commonly used method, common operating Encyclopedia DOM tree, ECMAscript, DOM, BOM, timers and focus FIG.
▪ JS basic effects:
Common effects, such as: tab, navigation, full page scroll, carousel map, JS to make a slide, pop-up layer, accordion menu, waterfalls flow layout, scroll event, rolling poor view.
▪ JS advanced features:
Regular expression, sorting algorithm, recursive algorithm, closures, throttling function, the scope chain, moving frame based on the distance, the object-oriented basis,
▪ JQuery: Basics
Hanging device, DOM operations, special effects and animation process chain, drag, deform, JQueryUI basic components used.
<2> The second stage: HTML5 Mobile Web development and
▪ HTML5：
The new HTML5 semantic tags, HTML5 forms, audio and video, offline and local storage, SVG, Web Socket, Canvas.
▪ CSS3:
The new CSS3 selector, pseudo-elements, face representation, border, shadow, flex layout, background series attributes change, Transition, animation, depth of field and deep penetration, 3D effects production, Velocity.js framework elements to enter and exit strategies, cool CSS3 web production.
▪ Bootstrap:
Responsive concept, media query, responsive website design, Raster system, delete the grid system principles, Bootstrap common template, LESS and SASS.
▪ Mobile Web Development:
Cross-WEB terminal and mainstream device profiles, viewport, flow layout, flexible box, rem, the mobile terminal JavaScript events, phone common JS effects production, together cost-effective mobile phone page, scroll phone.
<3> The third stage: HTTP and AJAX programming service
▪ WEB server basis:
Basics server, Apache server and other server on the WEB, Apache server build, HTTP introduction.
▪ AJAX Part I:
Introduction and asynchronous concept Ajax, Ajax framework package, the XMLHttpRequest object details described packaging method, compatibility processing method, Ajax framework, Ajax cache issues, XML presentation and use, will deal with simple GET or POST request,
▪ AJAX Part II:
JSON and JSON parsing, data binding, and template technology, JSONP, cross-domain technology, Pictures read and lazy-load technology, JQuery framework AjaxAPI, the explosion of Ajax cloth case flow amount.
<4> The fourth stage: Advanced Object-Oriented
▪ ultimate object-oriented articles:
From the perspective of memory to be understood that the object oriented JS, basic object-oriented type, complex type, prototype chain, the ES6, ES6 scope of the variables (let, const (read only variable declaration), block-level scope), a function ES6 new features.
▪ Object-oriented three characteristics:
Inheritance, polymorphism, encapsulation.
▪ five ways to create an object-oriented object:
Custom object factory pattern to create objects, constructors, mixed mode and create objects, JSO format to create the object.
<5> The fifth stage: a package frame of their own
▪ base frame package:
Event stream, bubbling, capture, event objects, events frame, select the frame.
▪ Intermediate frame package:
Movement principle, a single frame movement of the object, a multi-frame movement of the object, moving the object-oriented framework package.
▪ High frame package and added:
JQuery frame prototype, scalability, modularity, encapsulation belonging Chuanzhi own framework.
<6> The sixth stage: the development of modular components
▪ component-oriented programming:
Way component-oriented programming, for the realization of the principle components of the program, the actual component-oriented programming, component-based application development site of the idea.
▪ module-oriented programming:
AMD design specifications, CMD design specifications, RequireJS, LoadJS, Taobao SeaJS.
<7> The seventh stage: the mainstream of popular frameworks
▪ Web development workflow:
GIT / SVN, Vue-cli scaffolding, NPM / Bower dependency manager, Grunt / Gulp / Webpack.
▪ mainstream front-end framework:
Vue.js、Angular.js、React.JS、Bootstrap。
▪ Common Library:
React.js、Vue.js、JQuery.js。
<8> Eighth Stage: Node.js whole stack development:
▪ Quick start:
Node.js development, ecosystem, Io.js, Linux / Windows / OS X environment configuration, REPL environment and the console program, asynchronous programming, non-blocking I / O, modular concept, module management tools, development process, debugging, testing .
▪ core modules and objects:
Global object global, process, console, util, event-driven, event emitter, encryption and decryption, path operations, serialization and deserialization, file stream operation, HTTP server and the client, Socket.IO.
▪ Web Development Fundamentals:
HTTP protocol request response processing, 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:
Express + MVC Introduction Introduction, Express common API, Express routing module, Jade / Ejs template engine, using the Express reconstructed Blog cases, Koa and other common MVC framework.
▪ Node.js development of e-commerce combat:
Requirements and design, module registration account login Member Center module, front display module, shopping cart, order settlement, online customer service chat module.
