JavaScript level boost

Learn JavaScript in several stages, not getting started, beginners beginner, intermediate level, advanced level, PPT level.

1, how to learn without getting started?

I was first to learn jquery, CSS and HTML basis, there is a CSS basis to see the syntax of JQ is very simple, is the selector, JQ API know high school English is enough, guess also guess out the meaning, and then download the basic JQ of the CHM Handbook, looking at each one. (This one to see the meaning is a line to see one after another, do not understand the merely, read it first).

After reading it, I have a good idea, oh, there is an AJAX function can access network resources, there is a success can write callback method, how to do? How about a couple of simultaneous hair? Whatever it is, use it again. Oh, there was a find function can find DOM node, oh, there is a serialize function can serialize form value, oh, there is a toggle function can do switch with, oh, there is a FN can hang write plug-in with, oh, switch cls to do it, oh, Request the JSON data so that configuration parameters are available.

Do understand, you have succeeded, used to know what JQ can do, what to do, what to do when to see which chapter, and then to study carefully, do things start a little slow, do a few things after personal overdraft cooked.

In the same way, I study yui2,kissy,mootools,nodejs,react,ng, and even swift part of the manual to the same, repeated several times on it.

Getting started means summarizing, I know what APIs can do, how to do it, and when to use it.

2, Beginner beginners.

I finished reading the manual, but also wrote a few small items (switch class, set a few JQ plug-ins, Ajax finished data and HTML placed in the specified location similar to this requirement). I feel that I am good, and finally will write interactive JS, feel nothing is afraid of, in fact, just getting started.

Let's take a look at beginners how to improve JS programming skills, personal experience, do not copy imitation, we will use the Framework tool Library to complete the simple requirements, we do not understand some of the complex features of the development principle. For example, a simple magnifying glass effect, a cut head size function, a carousel component, a search smart hint, an at tag function, or even a fixed button back to the top, or input box count, form validation component, dynamic table, long connected chat function, surfaced, mobile Swiper, Animated functions, selectors, string templates, Rich text editor? Too much? Not much, I have not said all, almost all of you see in the Web page of some off-the-shelf interaction, in fact, there is a scientific name, slowly read, write once again, two times, three times, do not talk about encapsulation into components, API is beautiful, said can write to, just the person must say no.

Frankly speaking, the accumulation of experience is a very important front-end development, some things you did not write you really do not write, or you know how to write, but you did not write and don't easily say that you will, because of compatibility issues, many things in detail you still do not understand. So, my first job to write a head cutting function, I think a lot of night, also did not understand the principle, check a lot of articles, and wrote a lot of demo, and finally did come out, but there will be some limitations of the situation of the bug? A component of a piece of the roll, over and over again, is the best way for beginners to improve.

When you do the basic Web page of any function to know how to write or write in person (not the demo level, is on-line level), you are not a beginner, probably this speed is also about 1 years or so, which is why some function recruitment is more than 3 years of reason, The accumulation of experience packs is not determined by reading a few books.

3, Intermediate level.

You find that you have nothing to fear in writing JavaScript functions, that is, when measuring a demand, you never say no, but only when the estimated time, the basic has reached the intermediate level, this time you know exactly what you are writing, you can read what others write, and have some of their own usual accumulation of written plug-ins, components, and encapsulation of good, then, perfect it? You find that you have a bottleneck, do not know how to improve yourself, open the knowledge, may ask the question: "How to improve JavaScript programming advanced techniques"

This time you need to go to the advanced step, you may be skilled in using JQ or a framework, based on some framework two times to develop a very cool plug-in components, and understand the design patterns, some tall nouns, business needs can not meet you, automation tools grunt and Gulp with the completed, in short, There are a lot of things in your eyes you can do everything, oh my, why, I am not Kay Rui the full audience?

At this time, you need to start thinking, starting from the beginning of your things, such as we often like to use JQ or zepto, our plug-ins are often based on them or our experience is in a certain area of the implementation of the framework, looking back, these things really good, how they are implemented? Why this design, a more than 5000 lines of abstract class how to organize, design patterns you really understand, JS of the odd kinky skills you will be a few, have not seen some basic JS code to understand, those who exactly say what Ah, ES6 API in the end there are how many ah, the novice can understand the JQ (really understand?) ), do not write for Mao himself? Grunt in the end is how to run Ah, V8 source is what kind of ah, test case is what ghost ah?

Most of the time, I read a library of the source code, when looking at Devdependencies, accidentally found a number of things do not understand, sometimes see a code will know a smile, and sometimes yell down the trough, from the feeling of knowing everything, to feel that they do not know anything, Maybe it's time for you to break through the bottleneck.

4, Advanced level.

Our company also has a senior engineer's technical sequence requirements, I have just received, the basic survey point is not how you achieve a technical details, but to examine how you from 0 to 1 of this process, and may involve 2,3,4 of the pre-judgment ability. There is in the industry are in the transmission of some things very good very strong, you can convert him into the actual productivity, can find some good things inside the insufficient place, and can improve themselves, never satisfied, do not worship Daniel, because he is Daniel. Plainly, you write something to allow a lot of people to solve some of the problems often can not solve, such as how to make your system faster, rely on less, code smaller, developed more cool, new how to better get started, API design of the United States, the implementation of each line of code are carefully crafted, Review other people have things always come up with their own views, in short, legendary!

5, maybe you need to take a look at "super orator" more.

JavaScript level boost