JS to the beginner's impression is always so miscellaneous and chaotic, I believe many beginners are looking for easy way to learn JS.
I try to summarize my experience in learning JS for many years, hope to give later learners to explore a easy way to learn JS.
JS gives people that sense of the reason is mostly because it is the following characteristics,
A: itself is just very abstract, obscure, such as: closures, built-in objects, DOM.
B: Too much content in itself, such as library of functions, object library is a lot of.
C: Mix a variety of programming ideas.
It involves not only the process-oriented programming idea, but also the object-oriented programming idea, and its object-oriented is not the same as other programming languages (such as: c++,java,php).
It's as if it's new, so you have doubts about what you've been learning.
D: After hard study seems to be divorced from the actual application.
Usually after a long time of the JS Foundation, variables, functions, objects you are knows, but one to the company development projects, but it is difficult to start. Because the company is usually directly using its derivative libraries when developing actual projects, such as: Jquery,angular,bootstrap,amaze, Layui,ueditor and so on, and these libraries have a plethora of, but also have their own difficulties.
Let you do not know which good to learn, or even doubt that their study is JS, as if multiple versions of JS, always learning is not complete ....
So, how to learn in the JS field of ease or even easy to do? I summed up some practical meaning of JS learning experience:
First, hold on to its position.
Time can not forget, otherwise it is easy to make blinders not see Tarzan's mistake.
Do not learn a long time to know that JS is a programming language, is to write code, and the characteristics of the mess is over, so that learning is not good JS.
To seize its place at all times, to say exactly what it is in the web, it belongs to the core of the front-end, as long as it is used to manipulate and readjust the DOM by modifying the DOM structure to achieve the purpose of modifying the page effect.
To use this central idea to guide the follow-up of all JS learning, and to form a conditioned reflex.
To have a clear course of study
My study is as follows:
A:JS basic parts, such as: defining variables, functions, arrays, string processing, built-in functions, built-in objects, etc.
B:JS oriented process programming ideas, encapsulating the various functions, try to do some common small functions, such as: tab, custom Multi-select button, custom player, 3D slide;
C:js object-oriented programming idea, try to encapsulate some of your own objects, provide a meaningful interface out;
D: Learn the above, then learn the common library. jquery must be learned here;
E: Learn the common plugins based on jquery, such as: Bootstrap, Rich text editor, etc.;
F: Comprehensive application of the above multi-Library to write records of the project's template, write several sets.
Pay attention to learning methods
My methods of study are as follows:
A: Buy more than a few foreign JS books, do not buy that 20 days proficient in such books;
Otherwise you are difficult to learn, more afraid of is: Originally you bought a good book self-study 3 months may learn, they can toss you two years ....
Book recommendations
The art of JAVASCRIAPT DOM programming
"Javascriapt authoritative Guide"
"Javascriapt Dom Advanced Programming"
"Javasriapt design Mode"
"The sharp jquery."
Try to practice the features on the books several times, not once. Know hundreds, its righteousness self-see.
B: Learning and understanding from multiple angles
Fully mobilize what you learn, from a multi-angle to do some of the functions, such as: Before you are from a process-oriented perspective, and now instead of the object-oriented perspective to do, or continue to make the plug-in can be used directly, provide properties, methods
Wait out. The ability to get you to do this gradually can be used in the actual project.
The advantage of this is that the combination of what you learn and what you can do is meaningful.
C: Must not be ambitious
Do not let go of even small hands-on opportunities, such as making a tab.
Do not think that there is a similar or even better plug-ins do not need to write their own, knowledge is someone else's, not your own, even if you will use the level of technical skills do not have any promotion.
You should ask yourself more questions, what should I do if I have to do it?
D: Keep your feet on the ground and don't get out of the real
Look at the online appearance of the effect of a good function, let it to stimulate your enthusiasm for learning, as far as possible to learn to imitate, mobilize your knowledge to go with the actual combination.
E: More Summary
This summary includes not only the source code, the display effect, but also the error and the corresponding solution as well as the last two streamlined structural statements.
For their own summary of writing is not finished on the finished, to review, more improvement, more streamlined. To do the project, should be to see the inside of a sentence to know what to say, and do not go to see the lengthy speech.
F: Building a knowledge map
This allows you to learn more clearly, such as:
Http://www.phpkhbd.com/sky.html, you can do whatever you like, as long as you're impressed.
Note: The knowledge map should also be frequently modified, amended, to make it more reasonable and clearer.
precautions;
A: Make full use of all means
A lot of people are feeling time tight and don't have a big chunk of time to learn. I want to say that you will not learn, you should not just complain, but use all means to learn, you know, not only reading is called learning.
When you sit calmly in a place, thinking about, summed up, you also called learning, whenever there is inspiration, you can record, for example, recorded on the phone, and so convenient to record in the special place, which is called learning.
B: Your insistence,
To precipitate the heart, not a energetically and success, otherwise that is not success, can only be called a fluke.
Not only to honestly each function is to try to achieve, and to keep improving constantly to amend, the process is long, but also test whether a person is the standard of talent.
C: Pay attention to develop confidence
At this time, you are not suitable for one to see the very complex of the Web page effect of the source code, also does not fit to learn the jquery,angular,vue,bootstrap these things.
This content contains a lot of esoteric knowledge inside, without any foundation to directly learn these, will seriously blow your confidence.
And at this time you are weak, you need to cultivate confidence, not the reverse, otherwise the outcome may be premature, away from the learning has become a distant.
D: Learn with a good learning
Stand on the shoulders of giants to see farther.
E: Don't waste your tools on the endless selection
JS programming tools, if not, it is recommended to use: sublime, or use hbuilder; Many of the company's technical staff use these, you directly use this also reduces communication problems with others.
I feel JS learning Miscellaneous and disorderly reason is because you are too clever, the beginning of the tube is too wide, the pros and cons also calculated too fine.
The demand is too perfect to bear the ability of the heart decline. It is easy to be "disabled", at this point, you should be stupid, do not consider the long term. "Silly man has a silly blessing", as long as you do well today is enough.
Some unreasonable learning methods and mentality also let you lose yourself: such as: Convinced Qi, above his business, ambitious, these will let you in the mess of JS before fresh fog, can't extricate themselves.
At this point, you should reposition their position, re-understand JS, put down the burden, can easily go to the battle. Empty the cup first to fill up the new water .....
In fact, JS is the core of the front-end, the impact of more and more Internet + will crave more and more JS talent, only experienced the real unforgettable learning experience, can create the real elite to win the future.
How to learn JavaScript easily