How to teach yourself the front end?

1. As a beginner, you must have a clear and systematic study plan. I suggest that there must be a tutor who can teach himself. The probability of giving up is very high. When you don't have any idea about the web front-end, you need someone to show you the door, and then you have to teach yourself. The first step is to determine what the web front-end needs and how long it will take to complete the learning. Suggested time is 6 months.

2. Videos are the mainstay, supplemented by books. Many beginners like to buy books when learning the front end, but what is the final result? It seems that nothing can be written, so I would like to remind you that books can be read, but they are based on the specific operation you have already carried out on a certain knowledge point, and then using books to consolidate the concept is more conducive to your understanding of knowledge.

3. For learning technology, it is very important to master a learning method. In fact, for learning the web front-end, many learning methods are really the same. Once the learning method is wrong, it may cause "the method is wrong and the efforts are in vain". In fact, there are many things in it. Let me give you a simple example. Some people follow the code while listening to the class, which is not right. When listening to the class, they concentrate on doing the problems. This is the experience of people who have experienced it. Be sure to listen. According to everyone's differences, learning methods may have a way out, and finding a suitable learning method is the premise of learning.

4. Self-learning programming is not recommended. As far as I know, there are not many people who learn programming from scratch and finally succeed in this job. I think most of the reasons are because I don't know what the web front end is and what I am learning, so I blindly buy books, look for videos everywhere, and finally give up after reading it. So I suggest that beginners consult and talk with experienced people before they have specific concepts.

Self-study route:

Phase 1: home page reconstruction (4 weeks)

Contents include: (PC-side website layout project, HTML5+CSS3 basic project, WebApp page layout project).

The second stage: JavaScript advanced programming (5 weeks)

The contents include: (native JavaScript interactive function development project, object-oriented advanced and ES5/ES6 application project, JavaScript tool library independent research and development project).

The third stage: PC-side full-stack project development (3 weeks)

The contents include: (jQuery classic interactive special effects development, HTTP protocol, Ajax advanced and PHP/JAVA development projects, front-end engineering and modular application projects, PC-side website development projects, PC-side management information system front-end development projects).

Phase 4: Mobile Project Development (6 weeks)

The contents include: (touch project, WeChat scene project, WebApp project developed with Angular+Ionic, WebApp project developed with Vue.js, WebApp project developed with React.js).

Stage 5: hybridization and reactive development (1 week)

The content includes: (WeChat applet development, ReactNative, various mixed application development)

Full-stack development of NodeJS in stage (1 week)

The contents include: (WebApp backend system development, I. NodeJS foundation and NodeJS core module II. Express III. noSQL database).

Basic books:

1, "First HTML and CSS (2nd Edition)", the introduction is really a classic book, hands-on teaching, and rich cases let you learn the front end from 0.

2.CSS authoritative guide (third edition). As a classic of CSS, this book makes the principle very transparent. Besides w3c standard, it is the most authoritative one. After all, it is an authoritative guide.

3, the book "css Secret", 47 css skills make you comfortable in the face of various CSS problems. Is the highest score in css books, css is an advanced necessity.

4, "The Essence of javascript Language", you can learn about the basic grammar before this book is introduced, and you can learn about the essence and dross in JS before learning. Although this book is thin, it is worth reading again and again.

5. The art of 5.JavaScript DOM programming (second edition). After briefly introducing the basic knowledge of JavaScript and DOM, this book shows professional web development technology through several examples, and deeply expounds many crucial JavaScript programming principles and best practices such as smooth degradation.

6, "JavaScript authoritative guide": rhinoceros book is a book that every FE can't bypass. You can read it through several times first, or you can use it as a reference book and read it from time to time.

Video tutorial:

Web page link

Hope to adopt ~