Basic requirements and understanding of Web front-end development

　

Web front-end development techniques include three elements: HTML, CSS, and JavaScript, but with the popularity and popularity of Ria, Flash/flex, Silverlight, XML, and server-side languages are also what front-end developers should be familiar with. Web front-end development engineers are required to communicate with upstream interaction designers, visual designers and product managers, as well as with downstream server-side engineers, with a lot of skills to master. This is from the breadth of knowledge of the Web front-end development engineers put forward the requirements. If you want to be proficient in the front-end development of this line, perhaps the first 10 lines. However, all-rounder are always rare. Therefore, for the less important knowledge, we only need to "pass" can. But to what extent can "pass" be enough? For many junior front-end development engineers, this problem is very confusing.

Front-end development of the entry threshold is actually very low, and the server-side language first slow after the fast learning curve, the front-end development of learning curve is first fast and slow. Therefore, front-end development is a good entry point for people engaged in it work. Because of this, the front-end development field has a lot of self-study into "just" peers, but most people stay in the stage of use, because the learning curve behind the more and more steep, every step forward is difficult. On the other hand, as mentioned earlier, front-end development is a very new profession, and research on some norms and best practices is at the exploratory stage. There are always new ideas and techniques to flash, such as CSS sprites, negative margin layouts, grid layouts, and so on, with a variety of javascript frameworks that inject tremendous vitality into the entire front-end development landscape, and the browser wars are becoming more and more intense, and the cross-browser compatibility scenarios are still diverse. In order to meet the needs of "high maintainability", we need to master the front-end knowledge more deeply and systematically, so that we can create a good front-end architecture and guarantee the quality of the code.

A good web front-end development engineer in the knowledge system has both breadth and depth, so many large companies even if the high salary is difficult to recruit the ideal front-end development engineers. The point now is not to explain the technology, but rather to focus on the skills of the explanation. Technology is not black or white, only right and wrong, and skill is a matter of opinion. Photoshop and Dreamweaver used to make Web pages, and now it's not enough to master them. Whether it is the development difficulty, or the development method, now the Web page production is closer to the traditional background development of the site, so now is no longer called web production, but called the Web front-end development. The role of Web front-end development in the product development process is becoming more and more important, and requires a professional front-end engineer to do a good job, this area of professional talent in the past two years has been favored. Web front-end development is a very special work, covering a very wide range of knowledge, both specific technology, and abstract ideas. Simply put, its main function is to better present the interface of the website to the user.

How can you do it better?

First, we must master the basic Web front-end development technology, including: CSS, HTML, DOM, BOM, Ajax, JavaScript, and so on, while mastering these technologies, but also to clearly understand their compatibility on different browsers, rendering principles and the existence of bugs.

Second, in a qualified front-end engineer's knowledge structure, the site performance optimization, SEO and server-side basic knowledge must also be mastered.

Thirdly, we must learn to use various tools to assist the development.

Four, in addition to mastering the technical level of knowledge, but also to grasp the theoretical level of knowledge, including the maintainability of the code, the ease of use of components, hierarchical semantic templates and browser rating support, and so on.

Visible, seemingly simple page production, if you want to do better, more professional, really is not simple. This is the front-end development features, but also to make many people confused reasons. Such a complex knowledge system so that beginners learn to do not know, for the veteran, but also often do not understand what to learn next.

Code quality is one of the issues that should be considered in front-end development. For example, there may be countless scenarios for implementing a Web site interface, but some scenarios have higher maintenance costs, some have performance issues, and others are easier to maintain and perform better. The key factor here is code quality. CSS, HTML, JavaScript these three front-end development language features are different, the code quality requirements are different, but they are inextricably linked.