How novice should get started front end

July 1 at the time to participate in the group of the Great God of pride and personal experience to share, summed up a personal entry front-end of a process, is now compiled, hoping to help later.

I. Introduction of personal Self

I was a 14 aircraft manufacturing professional graduate, then in Shenzhen, a research institute engaged in space work, followed by the leadership of the then to a new company, as a software engineer, just came when the company's official website problems, the leadership of this matter to me, at that time there is no contact with the front end, Can only bite the bullet. And then it went into the pit.

Two. Introductory best practices for personal referrals

I started the time is to find a post on the internet and go in, according to the course of the post to learn, now it seems, in fact, is a detour. People who want to see this post can take a little detour.

1 First Stage:

Recommended rookie tutorial on the inside HTML and CSS JS part of all over again, the example is also written again. So you have a general understanding of HTML CSS JS.

2 Phase II:

At this stage you should go to buy a lot of books. (not recommended to watch video, knowledge points too miscellaneous, fragmentation) personally recommended a few books:

2.1 HTML: Individuals do not buy HTML books, feel that the novice tutorial is enough.

2.2 CSS: "Proficient in CSS" (People post and telecommunications) This book will be inside the concept of CSS is very clear. One book is enough.

2.3 JS: "JavaScript" (People's post and post publishing house) This book needs to be read over and over again, but at this stage you first read through and understand some of the key concepts inside.

2.4 dom: "Javsscript DOM programming Art" (People's post and Telecommunications publishing house) This is a few very simple DOM operations, but the introduction of the absolute artifact.

3 Phase III:

When you read the basic book above, and then after the example of the above to knock over, this time should be a lot of practice. Some of the better items are recommended:

3.1 Freecodecamp A project abroad, can exercise your English ability very well. (Requires FQ)

3.2 Baidu front-end Technical college students are mostly, there is a good atmosphere for discussion.

A point, in the process of doing this project may encounter do not know how to start the situation, the proposal in addition to check the manual thought do not go to Baidu to find the answer, go to you in the second stage to see the book Inside Look for. Those books are classic, are written by the master code, do not know how much higher than the Internet.

In this process, you also need to do a lot of reading the front end of the book, here are recommended several:

3.3 JavaScript language Essentials, authoring maintainable JavaScript, high-performance JavaScript

4 Phase IV:

If you haven't given up the front end, congratulations, you're on the front end. But there is a distance from the front-end development, but can keep up with the development of modern front-end this time to do is:

4.1 Getting started a front-end development framework, where the hottest react is recommended

4.2 Getting started a front-end automation tool, Webpack

4.3 Getting Started a CSS preprocessing language, sass

5 Fifth stage:

This is the time to develop your own projects. Prepare your own job-hunting work. So the thing to do:

5.1 Use the above knowledge to do the project. A lot of doing, solid foundation

5.2 Free time to look at Daniel Blog, blog is a problem has a very deep research. This is to follow the meaning of Daniel Blog, here are recommended a few frequent sites:

Pride predecessor Zhang Xin Xu predecessor leaves Chai elder Jane book Segmentfault Front-end disorderly stew

Three people a little bit of advice (not necessarily right)

Learning technology is a dull thing, hope to be able to live lonely. Give us a little bit of advice:

1. At present, the front-end or the English-speaking world dominated, so as far as possible to understand the English technical literature

2. Know the basics when you must read books, do not go to the video or online blog, because that your knowledge is too fragmented, fragmentation system.

3. Do the project can look at the video, because a project is often a high level of experience, this time, the video is the most intuitive, the largest amount of information expression, performance techniques.

4. If you think this article is a little help to you. So welcome to join the Great God of Pride JS front-end Development Springboard 3 Group:570259839 here has the best technical exchange atmosphere, to the growth of new people is very helpful.

Above, Qi.

　　　　　　　　　　

How novice should get started front end