Novice Tips: Web front-end development of learning suggestions and white road map

Disclaimer: This article is a blogger original article, follow the CC 4.0 BY-SA copyright agreement, reproduced, please attach the original source link and this statement.
This link: https://blog.csdn.net/wewfdf/article/details/102643441

White is learning for the novice Web front-end development, may not know where to start, always felt unable to start, thousands of teachers Feng Guangzhou Web Web developers to put together a study and recommendations road map, want to learn what you can front-end development learn from it.

In fact, I want to learn the threshold of Web front-end development is still very low, low barriers to entry Web front-end development is reflected in the HTML and CSS, but the structure of the former label, which is the style configuration, entry is very simple, interested in Web front-end development the junior partner may find some books to see, or you can also find some related videos term, to consolidate what they have learned, though these books or watching videos very boring, but as long as the bite down you will find these really effective.

Web front-end development of low introductory another important manifestation is in line with the law of 8/2, which is 20% of what usage accounted for 80%. So it is suitable gulping, so our focus is to put up 20% of the school, and the first thing to do is to find out these things 20%. This front-end 20% of what is probably the common HTML tags, css box model, the basic native js, and compatible skilled use jquery, ajax, common browser. He won the special significance of these things, on the one hand to prove that you do for the front end of the job, on the other hand these skills allow you to find a job.

So you can comfortably go to learn the remaining 80%. In short, it is to concentrate on the important things to deal with, those who do less, sass, angular kind of thing, when you lay the foundation I said before, smooth learning curve, with the school with the use. Is difficult to practice, practice can only learn the real technical, difficult to participate in some valuable new interesting projects, none of these projects and very difficult to grow, so they have a project may participate should be treasured.

Recommend learning to tell you, you will learn how to operate their own looking to learn, to share learning path for everyone to learn about sharing.

The first stage: reconstruction of the front page: PC terminal site layout, HTML5 + CSS3 infrastructure projects, WebAPP page layout;

The second stage: JavaScript Advanced Programming: native JavaScript development of interactive features, object-oriented development with ES5 / ES6, JavaScript toolkit independent research and development;

The third stage: PC end of the full stack of project development: jQuery classic special effects interactive development, HTTP protocol, Ajxa advanced back-end development, front-end engineering and modular applications, PC-side web development, PC-side management information system front-end development;

Fourth stage: the mobile terminal WebAPP Development: Touch end projects, projects micro-channel scenario, application Vue.js WebApp development projects, Ionic application development projects WebApp, application development React.js WebApp;

Fifth stage: mixed (Hybrid) Development: mixing all kinds of application development;

Sixth stage: NodeJS whole stack development: WebApp back-end system development;

Seventh stage: Big Data Visualization: Visualization of data entry, D3.jS Detailed and project combat.

Learning Web front-end, in fact, their own learning is very important, others can only give you advice, specifically how to learn according to their own advantages and disadvantages have to be specifically customized learning paths.

Guess you like

Origin blog.csdn.net/wewfdf/article/details/102643441