< H2 > Update < / H2 >
but what is used frequently in the actual project is also because of the business, so it is better to practice more on your own first. if it is your own personal development, make a personal blog and so on, there are a lot of things in it. If you have already joined the job, then it is mainly based on the company's business requirements, accumulate more business codes at ordinary times, look for the embodiment of design patterns in the business code, and try to do automation (for example, the list of webQQ in your homework list is all hard-coded, you can try to use js to automatically generate those lists).
< H2 > original answer < / H2 >
< del > to what extent have I learned the word gives me the impression that I don't spend too much time learning this thing < / del >
in fact, it is very simple: if you don't think you will learn, you will learn if you think you can use it, and if your boss asks you to do so.
At last you will find that all roads lead to Rome.
the premise is that you have enough valid code to make more examples in the book, and you can also take a look at the specification of MDN . When you have reached a certain level of code, you will know what aspects you need to learn.
I don't want to answer a lot of answers like this, because I have poor expression skills.
however, I also encountered the problems you encountered at the beginning of my study, and they bothered me for a long time. I can especially understand the feeling that I have a heart to learn from death, but I don't know which direction to learn.
the front end is actually surrounded by three big pieces. Html, js, and css, must have seen the basics, and you are no stranger to these three parts.
- first of all, say HTML, which is where the skeleton of the front-end page is. In fact, you only need to know the commonly used tags for a while, such as div, span, form elements, and so on. When you see the prototype, you know where you need to use which elements, and you can see that the form on the prototype can be built directly. In addition, you should also know what block-level elements and in-line elements are. Other less commonly used, semantic elements can be seen later.
- besides js, this is the front-end logic, which is very important. Not only can you not give up learning it, as long as you are engaged in front-end or js-related work, you have to learn it for a day. But for your stage, it is recommended to learn one of the Red Treasure Book (JavaScript Advanced programming) or Rhino Book (JavaScript authoritative Guide). First rough study, understand the general, follow the demo, detailed things do not have to understand, you do not have to understand, just write it down. Then you have a certain understanding of js, and you can achieve simple things. Then read the previous book several times and you will find that each time you can see something new and have a new understanding of js.
-
css, front end of the "face", in fact, I am also very weak, the suggestion is to first look at the foundation, and then imitate. The headache about css is that unlike js, assignment, it is var axiomatic hello` , and the function is function . For styles, a UI,css can be written in many different ways, and it has no unique solution to the standard answer. Although I don't know much about css, I have also worked out some learning ideas at present.
- basic properties of css style
- layout (two-column layout, three-column layout, table layout, flex layout, etc., vertically centered, horizontally centered)
- Simulation (to search the Internet for good-looking components implemented by demo,)
about libraries, frameworks, tools
- jQuery is recommended to use and understand API first. You can learn the source code when you want to learn more about the front end in the future.
The - framework, React, Vue, and Angular, which are now neck and neck, are not recommended to learn right away. After knowing html, css, js and jQuery, it is recommended to choose Vue to understand, because Vue Chinese documents are easy to read, debug documents and rich in ecology. Then compare the three to get what they need.
- tools, webpack these are not in a hurry, first lay the foundation, and then when you need to use the tools, you will naturally find them and learn. It's the same with nodejs.
write a mess, the summary is HTML, JS, CSS is the foundation, the foundation to lay a good foundation, and then you will naturally need to use tools, at this time to understand jQuery, and then understand the componentization, using the framework and nodej/npm, will naturally use webpack.
in fact, the tool god horse, is only an auxiliary means, the ultimate goal is HTML, JS, CSS, so do not give up the study of these three goods, take these three goods as the basis, the idea of upward extension of learning should not be wrong.
I wish you every success in your study.
JavaScript Advanced programming take a good look at
Design patterns learn
jq just learn the framework
react, vue learn the framework
webpack
less/sass
mvc, mvvm learn about
nodejs, you can also learn about
there are a lot of corresponding items on githut, many O ( _ ) O
that can be learned.
you can go to Zhihu , post bar to search for all of them. Recommend a github frontend resource repository .
another question depends on your status. For example, if you are a college student, out of interest in learning, it is recommended that you first lay a solid foundation for js. Read the main chapters of "javascript Advanced programming" first, look for some project exercises during this period, and recommend freeCodeCamp , and then learn several major frameworks of jQuery, build tools and so on.
if you're going to finish looking for a job, it's generally the same, but time may be tight. "javascript Advanced programming" at least read the basics of the first eight chapters.
I feel that your knowledge is relatively scattered in this way, and you generally don't know where to use it after you finish it. You don't have a deep experience and you forget quickly.
suggestion is to do it.
- first find a complete jq project to imitate, and the project is configured with full copy, only to write business logic. Look for the kind of project that contains login registration. What ajax,css layout, dom operations, objects, arrays, storage all learn while writing;
- find a vue project to do. For example, ele-admin,iview-admin, with more star on github is also configured to copy and write full copy, business logic.
I seldom write any animation in my actual work. If I encounter it, I will search it on the Internet and change it. It is recommended to find a complete practical course to follow to see what the actual work content of the enterprise looks like, or on the github to find project exercises, but not recommended, novices can not distinguish what project is suitable for them.
personal advice, do not blindly learn, knowledge is endless, but the source is the same, so you don't have to know too many things, but you must be proficient. At that time, no matter what you start, you will find it very simple. Look more at the actual combat projects and do more, and you must understand it and then study the next one. again, you can't chew off more than you can chew.
first of all, the basics of js must be understood, prototype chain object-oriented thinking, and even closures. These are the main questions in the interview with big companies.
secondly, what do you say about jq? although the actual development is not very useful (at least for now, I usually write it natively), but you still have to understand
.
then the data interaction needs to be learned
if you want to know how to ajax.
and then there are some frameworks, but you have to remember that frameworks are just the underlying principles that help you develop frameworks quickly. To put it bluntly, it's js.. So do a good job in the foundation
as for the importance of git webpack mentioned in the previous answer, it must be after the above, and some other tools used in each company's technology stack are also very different, depending on the company's business.
Foundation is the top priority, whether CSS or JavaScript, has a foundation, when you climb, you will feel very relaxed. When I started to learn the front end, I liked this thing very much, but I couldn't calm down and play with this basic thing. For example, JavaScript, looked at the API document and looked as if I had finished reading it, but as if I didn't read it, I also knew that the foundation was important, but I just calmed down and made up my mind to break this thing. I was in a panic, and I felt that I couldn't watch anything.
later, I felt that it was not the way to go on like this. I spent a month just looking at the basics of js, studying every concept thoroughly and taking notes thoroughly. Anyway, I must understand it until I am completely familiar with the concept and can fully use my own ideas to explain why. I also remember all kinds of basic api.
you have no idea how happy you felt at that time, as if you had a weapon, I could break more things, such as frames, such as Node.
I can't say that the things you do are not important. After all, I first came into contact with the front end because I wanted to make some gadgets, but you shouldn't stay at this stage now. What you need is to break through the foundation.
A few points of the js path I designed for myself are: fundamentals, performance, design patterns, maintainability, security
and the basis of CSS, it is recommended to watch Zhang Xinxu's moo video, which can deepen your understanding of many styles and phenomena, and suddenly become enlightened after watching it.
finally, if you have a foundation, you will not be afraid to go all over the world.
