Someone asked me, what does it take to become a mature front-end developer? Yes, mature professional development engineers are more and more in demand now, and it is more and more difficult to get a job with zero foundation. So –

How to become a mature front-end development engineer?

First of all, to be a mature developer, you must first be a developer with a solid foundation.

So some of the most basic HTML, CSS, JavaScript basic syntax, not detailed. The most basic web layout should be simple to master. In addition to basic grammar, there is a lot to pay attention to to understand.

Solid JavaScript knowledge

In the front-end development, the most attention is still in JavaScript, the basic syntax, can use very simple.

But mature development means that you have a good grasp of JavaScript and a deep understanding of it. When it comes to mastering JavaScript, it is necessary to master closures, ES678, prototype chains, and so on. In addition to a solid JS foundation, there is to master the technical point in line with the current market demand.

Multi-terminal development

In addition to the basic PC terminal, mobile terminal can be said to be very hot. Different from the single WEB page on PC, the technology on mobile terminal can be applied to Web-app, mini program, hybrid-App and so on.

WEB-APP

Do a good job in web-APP development, the most basic many people will certainly say responsive layout, but front-end development is five layout methods, in addition to the famous responsive, and the most important flexible layout method in the mobile end, that is, a lot of people headache REM layout.

In addition to layout methods, new H5 features and touch-screen events and device compatibility issues also need to be handy.

Small program, this also need not say more, can be said to be very hot now, each major platform is doing their own small program, all kinds of bargaining, grab tickets, e-commerce, games have been used. This takes wechat applets as an example. It is mainly the encapsulation syntax made by wechat team based on the front-end foundation, and the ES syntax is the main one.

Hybrid-app, also known as Hybrid App, may be rarely heard of, but more and more people have developed it in the past 18 years. This kind of App can be directly produced and downloaded to the terminal, and it can be said that it has most functions of traditional App in terms of experience.

Front-end mainstream framework

In front of all are basic things, now to employment front-end development, not only rely on a basic thing, make a mobile terminal page can be mature. The three front-end frameworks, VUE, Angular, and React, are hot right now.

Why have a framework when you can write a front-end for basic syntax?

A lot of white friends don’t know what a framework is. They only hear about jQuery and think it is a framework. Or think of frameworks as speeding up development, thinking that these libraries and plug-ins will do the work of the framework.

In fact, the emergence of the framework is an important symbol to change the position of the front end. The most important performance is the separation of the front and back ends. Before the separation of the front and back ends, many back-end development is both father and mother, which is not effective and efficient. I was born in the back end and know the pain.

Front-end projects today are more complex and diverse than ever before. The project is more complicated and the problems are more.

What problem does the framework solve?

To solve the problem of repeatedly referencing external JS, take jQuery development as an example. In many cases, it is impossible to complete a single project, and many third-party plug-ins and libraries need to be referenced, resulting in the introduction of many external JS files in a project.

Not only does this clutter up the code, but it also slows down the opening speed. But with a framework, like VUE, it usually works with a build tool, and then it’s done with an entry file, which is introduced once at runtime, once and for all. With component-based development, components are one of the most powerful features in a front-end framework. They can extend your HTML and encapsulate reusable code blocks, such as your scrolling diagram, TAB switching, page headers, page bottoms, and so on.

When using the framework, many functions are encapsulated, such as data binding and data formatting for many instructions. In this way, we only need to focus on the logic of the data when developing.

There is no real maturity

You will say mature, because you want to give yourself a standard, but do technical work, the most important is the standard of the market. Front-end technology is changing rapidly, with new concepts, new architectures, new applications, and new interactive health checks coming out almost every year. These are all subject to uncertainty.

The technology to achieve specialization, do fine, in order to become “mature” in the current era.