Basics:
1, semantic H5 label
1.1, H5 introduce some new labels, with special attention article, header, footer, aside, nav , etc., pay attention to the title structure of HTML
1.2, understanding the browser parses the HTML of course, understand the DOM tree shaped configuration, and the corresponding the API
1.3, HTML tags understood default style (style proxy) on each browser, to understand the concept of the reset CSS stylesheet
1.4, understood Canvas, SVG, video and other functional label
1.5, appreciated form , iframe tags, understand the file submission process
recommended books:
1, "HTML5 Cheats"
Create a front-end learning qun438905713, most in the group are zero-based learners, we help each other, answer each other, and also to prepare a lot of learning materials, welcomed the zero-based junior partner to the exchange.
2, high robustness CSS
2.1, to learn the basics, including the most commonly used attributes, selectors usage, to have a label on the most basic concepts
in use on a daily basis, try to learn browser compatibility issues, you know compatible the main problems of and solutions
2.2, in-depth understanding of the box model, the distinction between block-level elements, inline elements, there are several important attributes:
Run the display, float, position, be sure to clarify
distinction boxes, the concept of inline box
Also consider Science prebuilt language: sass, less, very simple
2.3, learn conventional frame, can be constructed using the bootstrap item
2.4, organization codes learning frame
comprising: a grid system 12, component, assembly, etc. stylized
2.5 learn CSS 3's new features, especially animation, selector
2.6, CSS seriously learn some object-oriented thinking, learning to write simple, high reusability, high robustness CSS
2.7, the time, you can take a look at the so-called flat design, and simplicity
2.8, understand CSSOM, render, reflow, CSS properties, CSS blocking the concept of
learning methods:
1, to look at other people's code, good some of the design of the the site is a good learning materials, such as pull hook nets
2, we must learn to use grunt, gulp compress CSS
3, Run the display position + + float can be combined very complex effects, think box model
4, try not float, to achieve high position and not under absolute conditions, such as wide layout, etc.
recommended books:
1, "Turing programming books: HTML5 and CSS3 design mode"
2, "Web development technology books: in-depth understanding Bootstrap"
3 "high CSS website traffic development technology, "
4," CSS design of a thorough study, "this must be
5," Web development technology books: in-depth understanding Bootstrap "
6, you can find a number of books devoted to SASS, but I did not find
7, "CSS The Definitive Guide (3rd edition)"
3, in-depth learning JS
3.1, JS re-learn syntax Note: Expression (especially access function expression ), the statement, type (including the type of judge)
Note that this time the main tend to "native" JS Oh, do not use the framework
3.2, JS-depth understanding of the concept of "primary function", objects, classes
learn to use functions to construct class, closure, organization code learn object-oriented manner
3.3, JS-depth understanding of the scope, the scope chain, the this object (call in various forms, the this point)
understanding of the various methods call (call, apply a function, bind, etc.)
3.4, the object understood, the concept of an array of
understanding of the object "[]" calls, understanding the object is a "special array"
understanding statement for the usage of
in-depth understanding of JS original value, the concept (important wrapped object)
3.5, learn some methods using common framework, including: JQUERY, underscore, EXTJS, there are plus points: backbone, angularjs, ejs, jade
by using a method of comparing multiple frames, think clearly "JS language is extremely flexible," the fact
summary of common usage, to improve the learning speed of
learning modular development (using require.js, sea.js, etc.)
3.6, appropriate to look at some well-known source frameworks, such as jQuery (do not recommend watching angularjs, too complicated)
important is learning framework organization of the code, design patterns
3.7, to understand JS explained, running processes, understand the concept of single-threaded JS
-depth understanding of JS events, asynchronous, blocking concepts
3.8 understanding the browser components, V8 understand the concept of
learning to explain the V8 - run process
in V8 basis, learn how to improve the performance of JS
profile learn to use chrome for memory leak analysis of
learning methods:
1, to improve own request, to have the code over the top
2, an appropriate time to look good source framework, in particular architectural pattern framework, design patterns
3, multi-learn design patterns
4, learning the native JS, DOM, BOM, Ajax
Recommended books:
1, "O'Reilly fine books series: JavaScript Definitive Guide (6th Edition) "must-see
2," JavaScript design patterns "
3," WebKit technology insider "
4," advanced JavaScript framework programming: YUI Ext JS application of the Dojo MooTools Prototype "
5," AngularJS with developing the next generation Web applications, "
6, cross-terminal
6.1, understand the concept of mixed APP
6.2, page performance in the understanding of various types of terminals
6.3, the same page and understand the region's native app, focusing on constraints
6.4 understand single-page website , in particular, to avoid memory leaks pages
6.5, entry nodejs, because they have a basic concept, know what it can do, what is the disadvantage
Recommended books:
1, "single-page Web applications: JavaScript to-back"
2, "Web 2.0 interface design pattern"
3, "Responsive Web Design: HTML5 and CSS3 combat"
5 tool
to learn to use grunt performed JS, CSS, HTML compression, especially when developing modular js compression
will be cut view of PS, save icon
to start sublime, webstorm
learn to use chrome debug panel, in particular: console, network, profile, element
Advanced:
1. performance
1.1 understanding the process of resource loading
include: TCP handshake, HTTP request packet, HTTP response message
1.2, understand the performance constraints resource loading, including: TCP connection limit, TCP slow start
1.3, understand CSS file, JS file compression, understanding files in different impact on the performance of different positions after page
1.4, understand CDN acceleration
1.5, learn how to use HTTP headers to control resource caching, understanding cache-control, expire, max- age, affecting ETag cache of
1.6, in-depth understanding of render process browser
Recommended books:
1, "Web Performance Definitive Guide"
2, Yahoo 34 Code gold page performance optimization
2, http and TCP protocol suite
2.1, learning http protocol, appreciated http request - response pattern
2.2, understood that http is an application layer protocol that is built on TCP / IP protocol
2.3, understanding http message (request - response message)
2.4, to understand the concept http proxy, cache, gateway, specify how to control the buffer
2.5, the content of the http protocol appreciated, comprising: a status code, http header, the long link (HTTP1.1)
2.6, learn working model http server for static files, CGI, DHTML process flow to have a general concept of
recommended books:
1, "the Definitive Guide HTTP"
2, "TCP / IP Detailed"
3 "illustrates a TCP / IP (5th Edition)"
Create a front-end learning qun438905713, most in the group are zero-based learners, we help each other, answer each other, and also to prepare a lot of learning materials, welcomed the zero-based junior partner to the exchange.
3, security
XSS, SQL injection