Hello everyone, today I would like to share with you some of my own learning experience before I engaged in the WEB industry

Also hope that through this article, can help to more are learning but don’t know where the front end of learning how to learn, and some want to go to a career change, but don’t know don’t know how to study, and the market situation, and some are engaged in the development of the front-end friend, ok, hope this article can help to you!

Front-end development as a web page creation evolved into new jobs, in fact, both at home and abroad, the attention is not a long time, in a few years before technology rapid development and the application of the rapid growth of penetration, makes the front-end talent market a bustling scene, because of its ease of entry and good prospects for development, Attracted the favor of many front-end enthusiasts and career changers.

If you want to learn the front end well, you definitely need to keep learning and practicing, as well as a clear learning direction and planning.

In a lot of people in the process of self-learning, are baidu search tutorials, and the basic problems encountered in learning, no one to solve you, learning efficiency is very low, learning confidence will also lose, will have doubts about their ability to question: whether they are suitable for front-end development? Or am I stupid enough to learn them? It is easy to lose confidence in learning.

A lot of people watch a lot of front-end teaching videos, but still do not do well in the front-end, but also go a lot of people some learning mistakes. Because I’ve been there before.

Study is the five points we need to pay attention to

Patience Aside from all the methods and technical knowledge, the most important thing is your patience. To be a good Web front-end developer, you need to adjust your mindset.

Because there is planning and design interaction before, after the program test editing, people are easy to impetuous.

A great guru once said: New technology is new technology to the novice.

To an expert, new technology is just an extension of old technology.

Web front-end development technology mainly includes three elements: HTML, CSS and JavaScript!

HTML and CSS are relatively simple, but still need to be learned systematically.

By reading books and using front-end teaching videos, you can avoid learning front-end knowledge piecemeal.

W3cschool recommends Mastering CSS and ZEN Garden of CSS. These two books are very influential and worth a look.

If you’re looking for comfort as an average front-end programmer, just learn JavaScript functions and practice them.

But if you want to be a good front-end programmer, you must have a deep understanding of the mechanics, origins, and object-based nature of Javascript. It is recommended to see more open source projects, after all, real knowledge comes from practice.

5. Learn a Back-end language Although back-end languages are rarely used in practice, they can help you understand front-end development issues in general. HTML5 apis like Web Sockets, POST Messages, things like that.

It can be said that Web front-end engineers are in a very large recruitment demand in the Internet industry. Recently, with the rapid development of the Web front-end industry, the ratio of front-end and back-end developers in foreign countries is 1:1, but the ratio in China is still 1:3, and the talent gap for web front-end development positions has reached nearly 500,000.

For beginners to learn Web front-end development, may not know where to start, always feel at a loss to start, the following Web developers organized a learning advice and roadmap, want to learn front-end development things can learn.

Study tips and study routes

Really want to learn the threshold of the Web front-end development still is very low, low entry barriers of Web front-end development embodies in HTML and CSS, the former only structure tags, the latter is style configuration, entry is very simple, to Web front-end developer interested friends can look for some relevant books, or you can find some related video, Reinforce what you’ve learned. Reading books or videos may be boring, but if you try to nibble on them, you’ll find they work.

Another important sign of low entry to Web front-end development is the 8/2 rule, where 20% of things are used 80% of the time. So it’s very suitable to be swallowed, so our focus is to learn the 20 percent, and the first thing to do is to find out the 20 percent. The 20 percent of the front end is probably common HTML tags, CSS box models, basic native JS, and proficiency with jquery, Ajax, and common browser compatibility. Getting these things makes a lot of sense, both because it shows you’re a good fit for the front-end job and because these skills will get you a job.

So you can take the time to learn the other 80%. Focus on what’s important, less, sass, Angular, and so on. Once you’ve laid the groundwork I mentioned earlier, it’s easy to learn. The more difficult is practice, only practice can learn real technology, it is difficult for new people to participate in some valuable meaningful projects, without these projects and it is difficult to grow, so their own projects can participate in should be cherished.

Learning advice to everyone, how to operate learning on our own look to learn, share the learning route to share for everyone to learn.

Stage 1: Front-end page reconstruction: PC website layout, HTML5+CSS3 basic project, WebAPP page layout;

Stage 2: JavaScript advanced programming: native JavaScript interactive function development, object-oriented development and ES5/ES6, independent research and development of JavaScript tool library;

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

Stage 4: Mobile WebAPP development: Touch terminal project, wechat scenario project, application of ue. Js to develop WebAPP project, application of Ionic to develop WebAPP project, application of React. Js to develop WebAPP;

The fifth stage: Hybrid development: all kinds of Hybrid application development;

The sixth stage: NodeJS full stack development: WebApp back-end system development;

The seventh stage: Big data visualization: data visualization introduction, D3.js detailed explanation and project actual combat.

If you want to be engaged in the front end and don’t know how to get started, you can comment “learning” in the message area. I share my years of experience with you, and some learning materials (like + forward).