New to the IT web front-end to white's learning route

Hello everyone, I am a breeze blows, I have engaged in the front end of eight years, summed up a lot of learning materials, I'll have time to get started and to enhance the popularity of suggestions, ideas promoted, clear like a natural route, so we put together under this article to learn the route, dry goods in the end the welfare content ↓

A, HTML, CSS foundation, JavaScript syntax basis. After completing the foundation, you can follow the electricity supplier website (such as Jingdong, millet) Make home page layout.
Two, JavaScript syntax advanced. Comprising: Scope and closures, this object prototype, and the like. Believe me, JS grammar, always the most important part of the interview.
Three, jQuery, Ajax and so on. jQuery is not out of date, it is still part of the front base.
Four, ES6 grammar. JS belong to this part of the new syntax, the interview will be asked. Among them, about the promise, async and other content to be particularly concerned.
Five, HTML5 and CSS3. To be familiar with the new features of.
Six, canvas. When interviewed, some companies will not necessarily ask canvas, luck. If the time is not enough, the contents of this section may not learn the first. But if you will, definitely belong bonus items.
Seven, mobile Web development, Bootstrap and so on. Pay attention to fit and compatibility issues moving development.
Eight, front-end framework: Vue.js and React. Both will be at least a framework. When started, it is recommended to learn Vue.js, it is relatively easy to get started. But in any case, at the same time to master Vue and React is qualified students to the front.
Nine, Node.js. Belong bonus items, if time is not enough, you can not learn, but at least you know the configuration node environment.
Ten, automation tools: build tools Webpack, build tools gulp, CSS preprocessor Sass and so on. Note, Sass Less than much with, gulp much more useful than a grunt.
XI, integrated front-end: HTTP protocol, cross-domain communication, security issues (CSRF, XSS), browser rendering mechanism, asynchronous and single-threaded, page performance optimization, anti-shake (Debouncing) and the throttle (Throtting), lazyload , front-end error monitoring, virtual DOM and so on.
Twelve, editor-related. Sublime Text is everyone learned to be used in front of the editor. In addition, there are two common IDE front-end: WebStorm and Visual Studio Code. WebStorm everything is good, but just too Caton; VS Code relatively lightweight lot. Personal sum up: After the novice general use WebStorm, entry, VS Code with more people.
Thirteen, TypeScript (referred to as TS). JS ES is standard, TS is a superset of JS. After TS belong to advanced content, it is recommended to grasp the basis of the above, to learn TS.
Fourth, the front frame knowledge vue react angular, three elections, we must grasp cooked, the other two can understand, but depends on the company you are interviewing

Want to learn the front of a small partner, you can add qq group: 728 700 491 Share your front-end data

Guess you like

Origin blog.51cto.com/12864747/2420777