What are the professional skills required of a front end development engineer?

Front-end development engineers need to have the following capabilities:

1. The three basic skills, JS, CSS, HTML, these three skills are the foundation of the front-end engineer's ability, and any framework, tool, and library are based on these three. This is the hard power, which determines the height that can be achieved in the entire front-end career, as well as the smoothness and effect that can be achieved in the subsequent expansion of the technology stack.

Second, the engineering ability to start, the front-end engineer is first of all an engineer, and doing the project is doing the project, so knowing how to run the front-end part of the project is another necessary skill. Grunt, Gulp, and Webpack are all well-known engineering tools, and as long as these tools can be used proficiently, they basically meet the requirements of engineering capabilities.

3. Debugging ability is necessary, if you are still using alert and console to debug the program to locate the problem, then you still do not meet the requirements. Learn how to use chrome debugging tools, elements to view elements, network to view network requests, sources to view**, set breakpoints to locate problems, and call stacks to view call stacks.

Fourth, teamwork ability refers to git, which is indispensable in project development, proficient in using git, mastering common commands, and learning to resolve conflicts.

Fifth, the use of popular frameworks vue, imitation react is the two most popular frameworks at present, to be proficient in use is the basic requirement, if you want to stand out among many job seekers, you also need to understand the principle, or that sentence, the gap between you and the offer is the gap between use and implementation. Try to understand the principles of virtual dom, the principle of reactivity, and the principle of bidirectional data binding.

Sixth, the project experience should be reliable, not "imitating a few pages", but the experience of the "project", which is the experience of the whole process of the whole project from 0 to 1, what pitfalls are encountered in the process, how to solve them, and how to think in the process of solving.

Front-end development needs to master the technology: skill 1: draw prototype drawings, realize renderings, excellent front-end developers must be proficient in a prototype design tool, can draw ideas into prototype drawings through tools.

At the same time, it can express the visual draft of the design through the page. For example, MockPlus, the most popular and convenient prototype tool, and the long-established Axure. If you can complete these two contents, you can initially enter the ranks of practitioners at the front end of the page, but this means that we can be competent in the work of page development?

No, it's just getting started! Skill 2: Communication with designers and participation in projects, communication from all walks of life is very important, as a front-end developer, the most important "customer" to contact is the project designer.

In this process, front-end developers need to work with designers to achieve certain effects, such as the impact on the rendering efficiency of low-end browsers, whether it can be achieved through CSS3 to make the structure clearer, and whether it can seek a balance between visual effects and implementation. Front-end developers are responsible for the stability and rendering efficiency of the pages they develop. In many cases, project schedules require design to be synchronized with front-end development, in which case it is important to be involved in project communication as much as possible.

Skill 3: Build a good page structure, the writing of the page structure in the front-end development is like laying the foundation when building a house, the quality of the structure will directly affect the quality of the first class, JS development, back-end development and the expansion, adjustment and iteration of the page in the future. When you get the design draft, don't rush to start work, observe and think.

First analyze the layout, divide the framework, then plan the structure, and write. Skill 4: Beautiful**, as the functions of web projects become more and more complex, the direct consequence is that the volume of ** has become very large.

How to carry out collaborative development and maintenance is a problem that needs to be considered from the beginning of front-end development. In this case, it is necessary to consider and improve, unify planning, and develop a good development habit. For example:

Reasonable use of tags, good annotations, clear ** structure, accurate use of CSS, etc. The beautiful and clear structure can reduce the communication cost for downstream development and collaborative development.