First of all, no matter what skills you want to learn, you must have a clear layout. What is a clear layout? First of all, understand what kind of work you will be engaged in in the future with the technology you have learned, and what are the conditions of this work?


Then you must have a very clear study outline, remember to study everything systematically, and don't waste time in random learning.


picture



picture

HTML5 front-end learning route


Here is a study outline for you:

Foundation : HTML+CSS website page construction, PC-side page development, HTML5 mobile-side page development.


Core : Front-end core technologies JavaScript, ecmasript, dom, ajax, json, regular, scope, motion framework, core algorithm, advanced functions, plug-in encapsulation, jQuery, etc.


Advanced : html5+ advanced JavaScript development, big data visualization, webapp interactive interface, lbs positioning, WeChat sdk, es6 standard, advanced algorithm, data structure, plug-in encapsulation.

Framework : enterprise development applications such as vue, react, angular, and Node.

Enterprise requirements : bootstrap, swiper, iscroll, sass, ps cut map, website online, etc.


Then, for a major with very strong professional knowledge, remember not to be reckless alone, that will only make you take a lot of detours, and then dampen your enthusiasm for learning. .

Therefore, to learn professional knowledge, you must consult and communicate with professional people. Just like when you are sick, you can't see a doctor yourself, you can only go to a doctor, because the doctor is more professional than you, and the same is true for learning.


picture

Notes on learning HTML5 front-end


1. Don't focus on reading and learning

Learning programming is not as easy as math and language. You can just look at the example questions. What you need more is the explanation of others. You read the professional words in the book yourself, just as you understand it with your own consciousness, but in general, we all understand No, after all, we are not people who publish books. The best way is to find videos for learning, find good videos for learning, and then add other people's answers and self-active learning.


2. It is best to study systematically and professionally

Because if you are a novice or beginner with zero foundation, you may be able to get started with self-study, but it will definitely take a lot of detours or take longer time than others, so it is best to learn systematically, so that not only fast Getting started, the probability of upgrading is also very high, and it can also produce results in a short period of time.


3. When you study, there may be situations where you can't forget what you have learned

An analogy: Let’s say when we were learning English, we learned 20 words a day, but after a week, I would definitely forget the words I learned before. So the best way to remember these words is to use them in conversation.

The same is true when we learn HTML5 front-end. The same tag or attribute, or JavaScript syntax, only you can see it constantly, and apply it to make it know you, so you have a solid grasp, so the practical application is very important.


4. The learning method determines how efficiently you learn the front end and how far you can go

Learning programming is very dependent on a good learning method. There are too many people who give up because of the wrong learning method, so I ask you to pay attention to your own learning method. Everyone's learning method is different, but most people learn the wrong way. All are the same, so be sure to consult a professional in this regard.

picture



picture

HTML5 Front-end Getting Started Recommendations


It is recommended that beginners with zero foundation have a correct understanding of their learning ability.

If it is difficult to learn by yourself, you may wish to sign up for a more reliable training class. After all, the training class only needs to pay tuition fees, which can provide a better learning atmosphere for everyone, and also allow everyone to take less detours. Moreover, IT technology is updated very quickly. If the self-learning efficiency is poor, the things learned will soon be useless.


Regarding the long-term career planning of the front-end, what everyone needs to understand is that the front-end is not the front-end of the past, it is not just cutting pages for special effects. Today's front-end projects are getting bigger and bigger, and it is necessary to pay attention to project organization and management, engineering, and front-end architecture. . And knowing a back-end language will help you go further on the front-end.

picture


How to get started with zero-based beginners? I believe that after reading this article, you will have a clearer understanding of the industry you want to join.

At the same time, I hope that the learning routes and learning methods mentioned above can help beginners who are interested in the front end. Since I chose the distance, I only care about the wind and rain.

If you are ready to step into the road of HTML5 front-end, take it one step at a time, and go down steadily, come on! If you are feeling overwhelmed, you can choose to come to the workshop to fertilize the Yiyuan campus. In the past ten years, the great gods will teach you everything, so that you can avoid detours and successfully land in 2021!