How to learn JavaScript step by step and effectively? What should I do if I can't stand it?

Question

On w3school, I learned some basic knowledge such as HTML, CSS, JavaScript, jQuery and so on twice, one after another, and followed each example. In terms of reading books, I read "The Art of JS DOM Programming" and "Mastering CSS" twice, and I can understand most of them. I referred to countless front-end learning routes on the Internet. When I thought about the many novel technologies in the front-end, I felt enthusiastic to learn it. However, when I read "JS Advanced Programming", I found that it was obscure and difficult to understand. I understood the top but not the bottom. My confidence suddenly dropped by more than half. Could it be that the front-end technical job is really not suitable for me, or that I haven't found my own learning method. When I first came into contact with it, I thought I would read "JS Advanced Programming" at first, but found that I couldn't understand it. Later, I changed to "The Art of DOM Programming" and found that it was easy to understand. Now returning to "JS Advanced Programming", I am suddenly confused. I am still thinking about learning jQuery, PHP, bootstrap, and ES5. . . Why. . . . A sigh

Answer 1

Well, this is a combination of videos, books, and coding, or a combination of books and coding. First of all, when it comes to programming, you need to code more to develop a sense of code. For beginners, you can read through "JS Advanced Programming", commonly known as Red. You can also read books or watch videos. After all, getting started is very simple. After you are familiar with the basic syntax, you need to learn some advanced ones, such as es6 new features, js closures, asynchronous, this and other advanced issues. This can be combined with "JS You Don't Know", known as the Little Yellow Book. It is a very good book and is very good for understanding these things. For frameworks, you can combine it with documents and use it as soon as you get it. Learn and use. If you like to watch videos, you can go to MOOCs, or spend some money to buy good videos to watch. If you have time, you can also watch technical live broadcasts, which are usually from experts. It is important to type more code. After all, actual combat will produce results. Books are about ideas, and you must cultivate your own programming thinking. Once you have learned the basics, you can start working on projects. Learn while doing it, and believe that you will eventually become a master. come on!

Answer 2

Provide you with a set of videos to get you started
https://pan.baidu.com/s/1hs7RiJE
Practice well before reading the book, coding is something you need to practice

Answer 3

After reading your description, I feel that there is indeed something wrong with the learning method. The problem is quite common. I have read too much theoretical knowledge, but there is no corresponding project practice.
If I ask the poster now, "You have read so much, but what specific projects have you done?", I don't know if the poster can answer.
My suggestion is to find an actual web project first, understand the specific technologies required for its front-end and back-end as a whole, and then start working on it directly (in fact, you don’t need to worry about what you need to know first). After encountering actual problems in the project, check out relevant knowledge points (book or search). This kind of learning in practice is effective and efficient.
The poster can try to use wordpress to build a blog and give it a try. The goal is to successfully build a blog as quickly as possible, and then consider customizing the front-end and back-end functions. Future learning content can also be practiced on your own blog website.

Answer 4

Learn and do projects at the same time. If you don’t know how, just google Baidu. Trust me, you will make rapid progress. Personally, I feel that if you just study blindly and don’t do projects, you won’t know your own shortcomings.

Answer 5

I feel like the original poster, I want to learn javascript in depth, but I see many knowledge points that are quite shy and difficult to understand. I feel like I don’t know anything anymore and I don’t know where to start. But now I’m ready to change my attitude towards learning. I don’t go into details when I look at some knowledge points. I only need to stop until I understand it. What I see now is like a vast ocean, but no matter how deep I study, I still can’t find the bottom. As the saying goes, it’s easy to eat in one bite. Not a big fat man, this thing is accumulated slowly. Not all of their technical experts are geniuses. They will become experts in one or two years or four or five years. Which technical expert has not been immersed in a specialized field for decades? , and even they dare not say that they have completely understood it, and the previous floors also said it well. It is useless to just follow the tutorials. Those are simple cases, and in actual projects, many cases will be encountered. Weird question that doesn’t exist! ! So, the poster, you'd better not just type cases, but also find some case projects and try to do them yourself. This will be more effective than just cases. Learning technology in projects will be much faster than learning cases in tutorials.

Answer 6

Learn and do at the same time, look at the examples in the book, type them with your hands, and read The Art of JavaScript DOM Programming (2nd Edition), which is a pretty good book.

Answer 7

This is one of the most common mistakes beginners make:

Addicted to books, I always feel that my foundation is not solid.

However, programming is a craft, and you can’t learn anything by just reading books. You can only master it by actually typing code.
You said that you followed every example, but in fact it is basically useless. Can you learn the four arithmetic operations by typing 1 + 1 = 2 a hundred times? Same reason.

Answer 8

How to put it, there is a process, I also encountered the same problem as the original poster when I first started learning javascript.
But after a period of time, I found that there were too few practical ones, so I started to find some small demos to make by myself. If I didn’t know the idea, I would search for it, but instead of looking at the code written by others, I looked at some implementation functions. The principle is introduced so that you will have ideas to know how to implement this function.
Then I try to write code myself. At the beginning, I often encounter the problem of not knowing what function to use to implement it. At this time, I continue to search to see what functions others use, and then continue to check the manual and use the manual to figure it out. Figure out how to use the functions you need to use. If you still don’t understand clearly after reading the manual, go to Baidu to understand other people’s articles about this function or method, and finally implement and complete it in your own demo.
During this period, you should continue to try to write it yourself, and never look directly at other people's code. After you complete your demo, you can see how others have implemented it, and then come back and try to implement it yourself using different methods.
The next step is to repeat the above process. After you have accumulated a certain amount of practical experience, go back and read some books at this time. You will find that many things you did not understand or remember are much better than before.
By this time, you have solved many problems easily, and then you can read more codes of great masters to improve your business level. At present, I am still at this level. Although I often encounter some inexplicable problems, this only means that the code I have written is not enough and I need to continue to work hard. But the more holes you dig, the more you will learn. The more, the faster your progress will be.
To put it bluntly, you have to keep working on projects, even if it’s just a small demo, you have to try to complete it independently.

Answer 9

Learning needs to proceed from the shallower to the deeper. It is recommended that you study from entry-level books first.

Answer 10

You can start with Douglas’s "The Essence of Javasctipt".