A lot of people are wondering, what skills do front-end engineers need to have and how far do they need to go in order to get a job? The simplest answer:

Learn the basics of HTML, CSS, JS, and one of the vUE or React front-end frameworks.

Is it really so? The technology may seem fine, but looking for a job is not just about the technology, but also a combination of personal goals and the company’s hiring criteria. So next, we will analyze the necessary conditions for the front-end engineer to find a job from these aspects.

Personal Goals

Right now our education is not so focused on setting personal goals and career plans, but finding a job is particularly relevant. If you’re looking for a big company, the orientation is completely different from that of a startup. Let’s look at each of these cases.

giant

Big companies may place more emphasis on your HTML, CSS, and JavaScript basics, as well as data structures, algorithms, and computer networks. These are the basics that you should be preparing for. In addition, there are some principles to know, for example, if you want to do vUE or React development, you should know the principle of virtual DOM and diff algorithm.

startup

If you’re looking for a startup (one of those unpredictable companies that can either take off or fall by the wayside), you’re going to need a lot of practical experience because startups tend to have a very tight product development schedule in order to get to market. The theoretical side of things will be less concerned. For the interview, you need to prepare for a practical project experience in related technologies such as React or Vue.

So if you want to know how much you can learn in order to find a job, you should first clarify your goal: “Do you want to work for a big factory or a start-up company, and then prepare and break through respectively.”

The company requires

Next, take a look at the company’s recruitment requirements. Many companies are very specialized and comprehensive. In addition to basic syntax and framework, they also require experience in compatibility adjustment, performance optimization, visualization, or knowledge of niche frameworks. These job postings describe the best candidates — only one out of 100 — and they’re probably not competing with you because they’re looking for better opportunities. The only reason companies write this is to find someone with as many skills as possible.

In fact, you only need to meet the requirements of “80%, 70%”, or even “50%” are likely to get the job, because the interview not only depends on skills, but also eye contact, popularity: if the interviewer thinks you hit it off, even if you have no questions, he will take the initiative to guide you to help you answer; If you don’t hit it off (some interviewers are more than 250), he will think you suck, no matter how much you know (you don’t know what he does). So those job requirements should only be used as a guide for your future learning path. However, the more skills you can acquire, the better. You can prepare for the interview as you go along and it won’t interfere with each other.

Technical ability

After analyzing the external factors, let’s take a look at the specific technologies we need to master.

basis

As a front-end engineer, I must have a solid grasp of the basics of HTML, CSS and JavaScript, all the grammar points must be mastered, and then I must be familiar with the interview questions, such as ES6 and the new features, prototype chain, Event Loop and so on. These are not things you learn in school, they are things you prepare for interviews, you read them over and over, you study them, you understand them and you remember them.

The framework

Once you know the basics, you need to take a look at the popular frameworks on the front end, React and Vue. React is widely used in large factories, while VUE is widely used in small and medium-sized companies. Of course, this is not absolute. According to my current experience, React pays a high salary. However, you can do whatever you like. Choose one of the two frameworks and study the other one later. Specific learning and preparation methods can be

React/Vue, Redux/Vuex, because interviewers like to ask these questions. Be sure to look at other people’s summaries for these, and then do your own research. It will be easier to understand and remember. After understanding the principle, have time to study the source code, for the interview will be more helpful.

After the theory is finished, the actual combat must also be little, no matter it is the school recruit or the society recruit, no matter it is a big factory or a small factory, need the applicant to have actual combat experience. No company will be willing to develop coding skills that are not good enough for paper. Actual combat suggests that you go to “the Internet to find some project inspiration, and then start to do it.” At the beginning, I may feel that I am not skilled enough and have no overall concept. These are normal processes. You can learn from some courses or books, or some resources on the Internet, free or charged. The good thing about charging is that it has a whole system, so you have a path to follow from the whole picture, and you can accomplish a goal. Free resources require you to have a lot of time, because when you encounter problems, you need to research bit by bit. However, after the completion of the review of your project development process, will also form a system in my mind, and then read all the information sorted out, you will learn, but it will take a long time.

Some companies have more practical experience, such as compatibility tuning and performance optimization. This experience requires you to deliberately create a scenario of a problem in a development project and then solve it. For example, to adjust compatibility, you need to experiment with the JS and CSS features supported by different browsers in your project and adjust them accordingly. Performance optimization starts with network requests, image loading, animation, and code execution efficiency. Once you figure that out, you can talk to 70 or 80 percent of the companies.

Soft skills

These are the hard technical skills that are necessary, but there are also some soft skills that are necessary to demonstrate character and competence on the job. One of the most important soft skills is communication.

Ability to communicate

Communication skills are a must for an interview or presentation. It is completely linked to your confidence level, only after you are confident can you have better communication and expression ability, if subservient, inferior, then in the interview or report work will falter, topsy-turvy.

For example: many people, including myself, will be nervous during the interview, and I am especially nervous. Some skills may be familiar with, but when someone asks a different way or the atmosphere is tense, my brain will go blank, and I can’t say what I want to say, which is especially a disadvantage. To solve this problem, you should believe that you are able to do everything, the interviewer is not more than you know, and then prepare the answers to the frequently met questions, as well as the past work experience, can greatly increase confidence. When preparing interview questions, you can organize them in a framework. Here are two commonly used frameworks for answering work experience and principles questions.

STAR framework

For questions related to work experience, you can use the frame organization to answer them. For example, the interview of Amazon North America will tell you in advance. Use a frame called STAR to answer the questions:

“S” stands for Situation, the situation in which events/problems occur.

“T” stands for task, the problem you are trying to solve or the task you are trying to accomplish in this scenario.

“A” is action, what actions do you need to take to solve those tasks? For example, the first step is to debug the code, and the second step is to check which variable is broken and describe each action.

“R” is the result, the result, the outcome of the action, whether it succeeded or failed, how it helped or taught you. Or, more broadly, what benefits it brings to the company.

This whole set is more logical.

Principle response framework

Besides, the answer to the question of principle concept class should also have a set of logic. For example, to explain the working principle of so-and-so technology, then you should:

Explain What this technique does (” What “). What good is it (” Why “)? Analyze what core algorithms or mechanics are used inside the technology, from the outside in, or from the shallow to the deep. If it’s a disassembly technique, simply describe what each part or component does (” How “). Finally, give him a summary of the core of the technique. For example, you answer a question about how React works:

React is a library for building user interfaces. It then uses (in a shallower way) the Virtual DOM to put component structures in memory for performance. Component refresh uses the diff algorithm to find and update affected components based on state changes (and then dive into the diff algorithm…). . The React core is responsible for maintaining component structures, the React dom is responsible for rendering components, and the React core uses Fiber architecture, etc. React loads, renders, and updates components. This is how react works.

conclusion

These are my personal thoughts on how much front-end engineers need to learn to get a job, and how to get a job. You need to:

1. Set personal goals.

2. Take a critical look at the company’s hiring requirements.

3. Master hard and soft skills (communication).

4. Use STAR and WWH frameworks to organize interview responses.

If you want to look for me to get some big factory interview questions is also ok, you can add group before 114 6649 after 671, add group private letter group owners are free to get, I hope to be able to give you help.