Self-study method:

1, as a beginner, you must be clear about the systematic learning program, I suggest that there must be a guide to the person, all by yourself to learn, the chances of giving up are very large, in your web front-end does not have any concept of the time, the need for a person to lead the door, and after that all rely on their own drilling, the first step is to Determine what web front-end are required, and in how much time to learn, the recommended time 6 months bottom.

2, video-based, book as a supplement. Many beginners in the learning front-end very much like to go to buy books, but what is the final result? Look at what will not write, so here to remind you, the book can read, but is built on a knowledge point you have a specific operation of the implementation of the book to consolidate the concept, so more conducive to your understanding of knowledge.

3, for learning technology, mastering a learning method is very important, in fact, for learning web front-end, learning methods are indeed a lot of the same, once the learning method is not right, may result in the "method is not right, efforts in vain. In fact, there are still a lot of this, I will simply say an example, some people listen to the class while following the knocking code, so it is not right, listen to the class time to concentrate on listening, do the questions on the time to concentrate on doing the questions, this is the experience of the past, must be listened to. According to each person's different, may study method will also be out of the way, find suitable for your own learning method method is the premise of learning.

4, do not suggest that one person blindly learn, in my understanding of these people to learn programming from a zero base to learn and finally succeeded in doing the job in fact there are not a few, I think most of the reasons is because they do not understand what web front-end is doing, learn what, blindly buy books to see, look around for video to see, and finally looked at looked at to give up, so I suggest that the beginner! In the absence of specific concepts before, or to find experienced people to ask for advice, after chatting you will know what the web front-end specifically what to do, how to learn, this is my personal advice, can not be adopted.

Self-study route:

Phase 1: front-end page reconstruction (4 weeks)

Contents include: (PC site layout project, HTML5 + CSS3 basic project, WebApp page layout project)

Phase 2: JavaScript advanced Programming (5 weeks)

Contents include: (native JavaScript interactive function development projects, object-oriented advanced and ES5/ES6 application projects, JavaScript tool library independent research and development projects)

Stage 3: PC full-stack project development (3 weeks)

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)

Contents include: (Touch-side projects, WeChat scene projects, application of the Angular + Ionic development WebApp project, the application of Vue.js development WebApp project, the application of React.js development WebApp project)

Phase 5: Hybrid (Hybrid, ReactNative) development (1 week)

Contents include: (WeChat small program development, ReactNative, all kinds of hybrid application development)

Phase 6: NodeJS full-stack development (1 week)

Contents include: (WebApp back-end system development, one, NodeJS foundation and NodeJS core module two, Express three, noSQL database)

Basic books:

1, "Head First HTML and CSS (2nd Edition)", the beginning of the really classic books, hand in hand teaching, rich cases so that you start from 0 to learn the front-end.

2, "The Definitive Guide to CSS (3rd Edition)", this book as a classic work of CSS, the principle of very thorough, in addition to the w3c standard, counting the most authoritative one, after all, the authoritative guide.

3, "CSS uncovered" God book, 47 css skills allow you to face a variety of css problems with ease. It is the highest rated css book, css advanced essential.

4, "javascript language essence", this book can understand the basic syntax before getting started, as well as in the study before you can understand the essence of JS inside as well as the dregs, although this book is very thin very thin, but it is worth repeatedly to read a book.

5, "JavaScript DOM Programming Art (2nd Edition)", this book in a concise and clear account of JavaScript and DOM after the basics, through a few examples demonstrated a professional level of web development techniques, a thorough description of the smooth degradation of a number of critical JavaScript programming principles and best practices.

6, "The Definitive Guide to JavaScript": rhinoceros book is every FE can not bypass the book, you can first roughly read through a few times, but also can be used as a tool, when flipping through.

Video Tutorials:

Web Link

Watch the adoption~