A brief discussion on how to learn JS step by step

Overview

After we complete the first stage of HTML+CSS learning, many students will be stumped by the second stage JS - JS syntax, JS data types, JS objects. JS always gives us the impression of being so "complex" because it is dynamic compared to HTML, it is a programming language, and it is more profound. It is very difficult to master js proficiently, but if you sort out the knowledge points clearly, truly understand and apply them, you can master it. So how can we learn JS well? Here I summarize some experiences of learning Js, hoping it will be helpful to you.

The reason why Js gives people that feeling is mostly because of its following characteristics:

First: the knowledge itself is very abstract and difficult to understand, such as: closures, built-in objects, and DOM.

Second: There is a lot of content itself, such as a lot of function libraries and object libraries.

Third: Mix multiple programming ideas. It not only involves procedural programming ideas, but also object-oriented programming ideas. At the same time, its object-oriented approach is quite different from other programming languages ​​(such as C++, JAVA, PHP). It's like something new again, making you doubt the object-oriented knowledge you once learned...

So, how can we learn more easily in the field of js? Based on my personal experience and the teacher's words and deeds, I have summarized some js learning experiences:

1. Clearly understand the positioning of js

Don't forget it at all times, otherwise it's easy to make the mistake of not knowing what js is. Don’t study js for a long time and then just know that js is a programming language, which is about writing code, and its characteristic is that it is messy, otherwise you won’t be able to learn js well. We must always grasp its position, or more precisely, its position in the entire Web: it belongs to the core of the front end, and is mainly used to manipulate and readjust the DOM, and to achieve the purpose of modifying the page effect by modifying the DOM structure. This central idea should be used to guide all subsequent JS learning and form conditioned reflexes.

2. Clear learning path

This can only be figured out by yourself or with the guidance of someone who has experienced it. My learning path is as follows:

A: The basic part of js, such as defining variables, functions, arrays, strings, etc., built-in functions, built-in objects, etc.;

B: js is oriented to process programming ideas, encapsulating various functions, and trying to use them to do some common small functions, such as: 99 multiplication table, tabs, custom multiple-choice buttons, custom players, 3D photo albums, provincial and municipal linkage, and mouse dynamic effects;

C: js object-oriented programming concept, everything is an object, try to encapsulate some of your own objects and provide meaningful interfaces;

D: After learning the above content, learn the commonly used libraries. Here you must learn jQuery; // We will learn about it later

3. Self-discipline and persistence

Don't write code on a whim. Don't be enthusiastic for only a few minutes. When you see someone use js to make a cool dynamic web page, you shout and say, "I want to do that too." Little do you know that others have laid a solid foundation behind the scenes to achieve this result. If you work for three days and rest for two days, you will find that you have forgotten a lot of knowledge points when writing a small project and become dejected. Programming languages ​​can never be learned all at once. They are the result of accumulation of time, persistent practice, and constant improvement of one's weaknesses. Therefore, self-discipline and persistence are very important! ! !

4. Practice and write more

Learning JS is not about following Teacher Zhang Yu, watching him type code, watching him talk about code knowledge, and saying a lot of things to pay attention to. You may understand it at the time, but after a while, when you write this code, your mind will say: I can write it! hand:? ? ? ? ? ? It will be very embarrassing, because you clearly understood it at that time, but why... Because you have not formed a deep memory. The best way to learn js is to practice more and write more code, do some small projects that you are interested in, and implement the functions you want. If you don’t know, look up information, and practice more and write more. At the same time, you should also see how the teacher writes code. Thinking is also very important.

5. Learn and understand from multiple perspectives

Make full use of what you have learned, approach a certain function from multiple angles, exercise your thinking, optimize the code as much as possible, and avoid redundancy. For example: if you used to do it from a process-oriented perspective, now change to an object-oriented perspective, or continue to make a plug-in that can be used directly, providing properties, methods, etc. We will try to make the function you developed gradually usable in actual projects. The advantage of this is that you can comprehensively apply what you have learned and it can also be of practical significance, thus having the best of both worlds.

6. Pay attention to cultivating self-confidence

At this moment, it is not suitable for you to look at the source code of very complex and flashy web page effects. Learning these directly without any foundation will seriously undermine your self-confidence. Therefore, remember not to lose the big picture for the small details. Pay attention to writing code step by step, rather than rushing into the sky. Remember that you are weak at this time, and what you need is to build confidence, not the other way around. Otherwise, the result may be "three days of fishing and two days of drying the net", and you will be far away from achieving success in your studies.

7. Write more learning summaries

This summary should include not only source code and screenshots of display effects, but also common mistakes and corresponding solutions, as well as a final one or two concise concluding sentences. It is not enough to just write the summary you write. You need to review it more often, improve it more, and concise it more. When you are working on a project, you should be able to understand what it is about by reading one or two sentences instead of reading long articles.

8. Build your own knowledge map

This will help you learn more and more clearly. You can do it in any form you like, as long as it leaves a deep impression on you.

Note: The knowledge map should also be modified and revised frequently to make it more reasonable and clearer.

The summarized js knowledge map, if you can read it carefully, it will be a review and improvement of JavaScript, and it can be a good test of the basics.

As the saying goes, 30% is determined by fate, and 70% depends on hard work. Only those who work hard can win. So come on!

The above is a brief discussion on how to learn JS step by step. For more information about JS, please pay attention to other related articles on 123WORDPRESS.COM!