2018 Web Front End Learning Roadmap

Front-end technology has been changing, updating and changing, and now basically the Troika (Vue,angualr,react) dominates the entire front-end framework, but for newcomers or experienced programmers, this knowledge must be mastered

The front end must be skill

Listing the entire front-end of a number of technical architecture, there may be some things are outdated, but the following things must be understood and mastered.

2. HTML syntax, patterns, common tags for extreme effects, understanding the nesting of tags.

4. Learn to use Firefox+firebug perhaps Chrom debugging tools, you can use these tools to debug HTML, CSS, JS, breakpoint debugging, grab 2. How to introduce CSS, JS.

6. Learn about the differences between ID and class attributes, learn about CSS's Common selectors, learn about box models (Padding,margin,border,width,height,), CSS coordinate systems, CSS layouts (position absolute, Relative, fixed, static), CSS floating (float:left, right), and clear floating clear), Display:inline, block, Inline-block, Flex 3.

8. Understand the execution sequence of JS, BASIC programming Basics (variables, operations, process manipulation, arrays, call functions, custom functions, objects), JSON, JS DOM operations, JS event mechanism (delegation, binding, listening, bubbling and blocking bubbling, compatibility), Learn about the XMLHttpRequest of Ajax and how to create it (multi-browser compatible), cross-domain, and understand its operational principles.

10. Familiar with the HTTP protocol on all aspects of web development has a lot of help, such as understanding and use of Ajax, such as debugging programs, crawl data and so on, but HTTP is a very miscellaneous very fine things, a lot of content, I suggest also swallowed-style learning, first understand, familiar with the brief, Further study of the deepening points in the project will be encountered in the future.

12. Set up a server, get a fool server such as Wamp,phpstudy, such as software, you can set up a apache+php+mysql server, pre-release your static page to the local server, using the local server with Ajax learning.

14. Familiar with or at least understand the basic syntax and usage of node, in the current popular scaffolding configuration is inseparable from node, and node can start the server, is really doing a full stack engineer.

16. Finally recommend my front-end tutorial Learning Group 640633433, if you want to create a cool Web page, want to learn the front-end knowledge, small welcome you to join. Small series will be in the group to share the learning dry, fun source code, including my carefully collated a front-end 0 basic tutorial. Welcome all the small partners to study together!

18. Vue,angular,react at least one of them, understand the internal operating mechanism, at least familiar with the source code.

2018 Web Front End Learning Roadmap