Q: "Do you have any suggestions for Learning Web Front-end development from scratch ?" "What should I learn? What is the order? Are there recommended books ?" A:
A front-end engineer is also called a Web Front-end development engineer. With the development of Web, he is subdivided into different industries.
The Web Front-end development technology mainly includes three elements: HTML, CSS, and JavaScript!
It requires front-end development engineers not only to master the basicWeb Front-end development technology, website performance optimization, Seo, and server-side basic knowledge, and learn to use various tools for auxiliary development and theoretical knowledge, including code maintainability, component usability, hierarchical semantic templates, and browser hierarchical support.First of all, any technology actually starts from scratch, whether directly learning or passing similar experiences. Therefore, there is no need to worry about zero infrastructure.
Second, you must be prepared: Learning a technology means that your resources are consumed to varying degrees-time, tools, capital, and even the preparation for integrating into related communication circles. In this preparation process, it is best to have a tough plan: "I want to reach the xxx level within one month" or "I must finish the XXX project within two weeks ". Without this plan, the average person will become increasingly lazy.
Then, select one or more teachers. This teacher can be a page, a book, or a real person. For the front-end, my personal understanding is that reading ten books is not as good as writing a page, and I am actually sticking to a tag, a tag, and Google. All kinds of problems will occur only when writing data. They will be very impressed only when they are resolved by their own thinking, turn related knowledge into your own. Here, I am a little more arrogant. What is"
Accurate SelectionWhat about the teacher? I refer to the first page I wrote. It is the homepage of a classified information website. A list page contains multiple complex lists and various la s in addition to the beginning and end, in general, it should be difficult and have some content. In this step, if the selection is difficult, it may cause serious resistance or leave a shadow of rejection. The learning process must be gradual.
In addition,
One point that needs to be emphasized: Why do I say in the first sentence that "any technology actually starts from scratch "? Because what I want to express is,
At any time, do not forget to think about the basis of the problem and the basic steps that are the most inconspicuous.. Why do some people have to use three or four layers of tags when writing the same main navigation? This is not just a few bytes of difference. It may even take some time to optimize the code structure, but with this difference, the whole project reflects the personal code control capability, page execution efficiency, interface programmer's work intensity, and even many other aspects related to Seo and module structure. BTW, children's shoes with project experience should be familiar with all kinds of "spiritual phenomena" that may occur at any time. The key to solving these problems is also on some basic steps that are unremarkable, isn't it?
Write more, read more, talk more, search more, and make a good fortune: Starting from interest. First of all, you must familiarize yourself with HTML tags and CSS attributes, constantly try to practice different typographical la S, and learn the summary skills from them. However, you must standardize them in the early stage.
HTML & CSS is familiar. Now you can learn about JS, learn about the basic Dom structure, and then use various methods.
These are all mastered, and the basic foundation of the front-end is solid, and the rest is the application.
For the basic "CSS layout practice" can look at, there is "CSS zen garden", but in fact, the basic part of the http://www.w3school.com.cn is enough, the information and information inside is very comprehensive, there are examples. At the beginning of learning, we should pay attention to compressing the webpage code. Even if your webpage is 1 K poor, it will involve considerable benefits.
Look at the front end from others
