Learning the front line
With the further development of the Internet, front-end development engineer became a very sought-after talents on the market. Many students, including the UI done before, Java, or for IT students want to learn completely zero-based front-end. The figure is a widespread online learning front-end mind mapping, represents many beginners see these dense knowledge already dizzy. Indeed, the front is covered by a very broad subject. But you also want to learn the front do not panic, but there are numerous content tracked, as long as the front step by step not afraid to learn bad!
First, the front-end Starter
At an introductory level, you must first learn the basic skills: according to the draft design of the UI, HTML static pages to achieve production. This requires that you have to master HTML, CSS page layout and typography, style, landscaping and other skills.
1, HTML + CSS foundation
to master the use of HTML tags, layout techniques, CSS positioning of layout, style landscaping, browser compatibility.
2, JavaScript basic
grasp of basic grammar JS, conditions, statements, loops, etc., to learn common algorithms, enhanced logic.
3, the tool commonly used
such Webstrom, Sublime, Dreamweaver, VSCode like. Master the shortcut keys and other techniques, can rapidly improve the efficiency of development and debugging.
This stage of the learning curve relatively high, after the completion of these, we have been able to complete the production of static pages. Of course, this is just the entry, if you want to find a job with these skills, then it is quite difficult.
Second, the primary front-end development
In the next stage of this, our goal is to achieve the basic requirements of front-end development industry .
1, using the framework developed jQuery, Bootstrap and other sophisticated interactive features and effects.
a, JavaScript basic effects
can be achieved image carousel, drag, a magnifying glass and other common web effects.
b, jQuery basis
learn how to use jQuery common API, and to become familiar with the development of mechanisms jQuery plug-ins.
c, Bootstrap responsive
to master the native implementation mechanism responsive, able to use the Bootstrap grid layout and format responsive layout layout development of complex pages.
d, AJAX basis of
full understanding of the principles of AJAX, AJAX master the use of native JS and jQuery way.
e, UI popular frameworks
master the use of the jQueryUI, quickly and efficiently achieve the effect of rendering of the page.
Learn these skills, you will be able to make independent electricity supplier class, business class websites, JS achieve common dynamic effects, and can achieve cool effects and complex functions it based on jQuery, Bootstrap framework and so on!
2, using HTML5, CSS3, Canvas mobile terminal development.
a, HTML5, CSS3 new features
HTML5, CSS3 techniques used in the mobile terminal.
b, Canvas basic
grasp of the basic drawing Canvas API, enables applications to achieve Canvas in terms of reporting and ad results, and can achieve cool display of results.
c, mobile Web framework
can be developed based on the mobile terminal functional JS jQuery Mobile / Zepto like frame.
Third, the advanced front-end development
1, in the realization of the function, consider the elegance of the code, focus on performance and code reuse;
2, front-end frame depth understanding of the principle implemented, and to develop and reconstruct common front-end components.
At this stage you need to learn the following knowledge:
1, object-oriented development thinking
2, JavaScript object-oriented
. 3, JavaScript closures, advanced features scope chain, prototype chain
4, common design pattern
5, using the principles of native JavaScript implementation frame package
6, jQuery frame package principle
7, jQuery plugin realization of the principle of
8, to master the realization of the principle of jQuery plug-ins, a deep understanding of the mechanism to achieve two extensions ways of plug-ins.
9, components and modular development: SeaJS, RequireJS