Home Web Front-end Front-end Q&A The rise of front-end engineers

The rise of front-end engineers

Dec 01, 2016 am 10:46 AM
Front-end engineer

The rise of front-end engineers

  A long time ago, there were no front-end engineers. At that time, the front-end and back-end were not separated. Pages were generated on the server side by JSP, PHP and other engineers, and the browser was responsible for displaying them. Basically, whatever the server gives the browser will display.

  Sometimes the designer even drags out a web page directly using Dreamweaver. However, this front-end development model has too many limitations, poor performance, and redundant code. Not suitable for developing large projects.

With the rapid development of the Internet, businesses have become more and more complex, and the traditional front-end development model is no longer able to meet the needs. The continuous rise of various front-end technologies has created the emergence of the position of front-end development engineer.

At this time, the front and back ends begin to truly separate. From the beginning, the backend can only focus on the implementation of business logic, without having to worry about the presentation of data. All these things are left to the front end.

With the continuous development of front-end, the continuous maturity of javascript, the emergence of various frameworks, libraries, front-end development tools, and AJAX, front-end logic has become more and more complex, and more and more problems can be solved,

Many functions that were previously implemented by the backend have even been transferred to the front-end, and front-end development has received more and more attention.

Responsibilities of front-end engineer

What is front-end? What you see is the front end, that is, the part closest to the user. From PC to mobile, the front end is everywhere, so it is no exaggeration to say that the success or failure of a product almost depends on the front end.

 The upstream of the front-end is the UI designer, the downstream is the back-end engineer, and there is the product manager in the middle. The front-end is the product of the combination of the first two.

 So as a front-end, you need to understand design and interaction, so as to realize a product with a good user experience. Sometimes your company does not have a UI, and then the design is also done by the front-end;

 The front-end needs to write front-end code. You also need to understand the backend in order to interact better with the backend, and sometimes there is no backend in the company, so the backend is also provided by the front end;

The front end also needs to have the ability to persuade others. Before your product manager can tell you When you put forward a lot of weird and unreasonable requirements, you can persuade him not to do so;

You also need to be good at running the front end. When you accidentally knock out your product manager’s front teeth, you can ensure that he chases after him. Not to you.

 Front-end, such a literary and artistic position, has the sensibility of a designer and the rationality of an engineer.

Must-do skill tree for front-end engineers

It’s time to show off this picture...

The rise of front-end engineers

If you want to become a very powerful front-end engineer, the skills listed above should be essential in your career. The pursuit of technology.

 The eternal pain of front-end engineers

Shanghailian: Live for needs, die for users, and fight for the browser all your life!
Second line: Suffer from the loss of C S S, fall into the deception of J S, and finally die from compatibility!
Hengpiao: Front-end Life

During the front-end development process, at least 1/3 of the time will be spent on browser compatibility. Damn it may not all be solved. When your boss tells you to be compatible with IE6, I guess by then the front-end engineers wanted to die.

Some people say, "If you have not hacked IE, you are not a real front-end engineer."

The rise of front-end engineers

End

There is a characteristic in the front-end field. Almost everyone became a monk halfway and relied on self-taught, because this major is basically not offered in universities. However, there is another characteristic, that is, there are two extremes. The one that is so powerful is so powerful that the earth will explode in the next second, and the one that is bad is extremely bad

 Jing, the code I wrote looks like shit. So many companies complain that they can't find a front-end. In fact, they just complain that they can't find a powerful front-end. Therefore, the current front-end field is in great need of talents. With the emergence of NodeJs in 2009, current front-end engineers can already handle both front and back ends. What are you still hesitating about? Hurry up and join our front-end army!


Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How do you connect React components to the Redux store using connect()? How do you connect React components to the Redux store using connect()? Mar 21, 2025 pm 06:23 PM

Article discusses connecting React components to Redux store using connect(), explaining mapStateToProps, mapDispatchToProps, and performance impacts.

React's Role in HTML: Enhancing User Experience React's Role in HTML: Enhancing User Experience Apr 09, 2025 am 12:11 AM

React combines JSX and HTML to improve user experience. 1) JSX embeds HTML to make development more intuitive. 2) The virtual DOM mechanism optimizes performance and reduces DOM operations. 3) Component-based management UI to improve maintainability. 4) State management and event processing enhance interactivity.

How do you define routes using the <Route> component? How do you define routes using the <Route> component? Mar 21, 2025 am 11:47 AM

The article discusses defining routes in React Router using the &lt;Route&gt; component, covering props like path, component, render, children, exact, and nested routing.

What are the limitations of Vue 2's reactivity system with regard to array and object changes? What are the limitations of Vue 2's reactivity system with regard to array and object changes? Mar 25, 2025 pm 02:07 PM

Vue 2's reactivity system struggles with direct array index setting, length modification, and object property addition/deletion. Developers can use Vue's mutation methods and Vue.set() to ensure reactivity.

What are Redux reducers? How do they update the state? What are Redux reducers? How do they update the state? Mar 21, 2025 pm 06:21 PM

Redux reducers are pure functions that update the application's state based on actions, ensuring predictability and immutability.

What are Redux actions? How do you dispatch them? What are Redux actions? How do you dispatch them? Mar 21, 2025 pm 06:21 PM

The article discusses Redux actions, their structure, and dispatching methods, including asynchronous actions using Redux Thunk. It emphasizes best practices for managing action types to maintain scalable and maintainable applications.

What are the benefits of using TypeScript with React? What are the benefits of using TypeScript with React? Mar 27, 2025 pm 05:43 PM

TypeScript enhances React development by providing type safety, improving code quality, and offering better IDE support, thus reducing errors and improving maintainability.

How can you use useReducer for complex state management? How can you use useReducer for complex state management? Mar 26, 2025 pm 06:29 PM

The article explains using useReducer for complex state management in React, detailing its benefits over useState and how to integrate it with useEffect for side effects.

See all articles