This is a very old topic "Where is the value of front-end engineers?". Some people say: "The value of a front-end engineer to a website is like the value of a makeup artist to a star." A good Web front-end development engineer must have breadth in the knowledge system. And there has to be depth. Of course, Web front-end engineers are not designers. What they come into contact with most every day is code, code, code. How do you position yourself in this regard? Can your value be well reflected? Today, the old talk is brought up again because I want to discuss the value of front-end engineers with developers. I hope you can gain some insights.
Where is the value of front-end engineers?Let’s take a look at what senior experts in the industry say about front-end engineers:
Zhang Kejun
Douban front-end engineer:
Personally, I think front-end engineers are slowly evolving into product engineers.WAP App, responsive UI and other development based on HTML5 technology will become the main work content of front-end engineers to solve the cross-platform and cross-device implementation issues of products. Javascript, HTML, CSS These languages that front-end engineers are familiar with and have been used for many years will be supported by various platforms as open standards. The separation of product form and data is the trend of the situation. Although the requirements for diversified product forms in the mobile era can be achieved by using different technologies, it does so at a huge cost. This is also the reason why HTML5 , a standard proposed in 04 , only became popular in the past two years. The current value is also great.
WebProduct interaction is becoming more and more complex, user experience and website front-end performance optimization require professional front-end engineers to solve. In addition, in the project, the designer's deficiencies in interaction design must be made up. Front-end engineers play an important role in the development process. One or two front-end engineers can parallelize the entire development and make the transition from design to implementation smoother. Wise companies should stock up on front-end engineering resources. I don’t think front-end engineers and product managers have anything to do with each other. A good front-end engineer will definitely become a good interaction designer. Front-end engineers should understand information architecture as well as professional interaction designers.
Zhang Jingwei
Front-end engineer:1. Basic skills that front-end engineers need to master:
HTML CSS
JavaScript
PHP/ASP/
or other extensive Programming languages art, visual applied in
Webfields
2. Front-end engineers are oriented to:
users
browser
data interface
3. So where is the value of front-end engineers?
Provide technical support (interactive part) to simplify user use
Provide support for multiple browser compatibility
Provide support for improving user browsing speed (browser performance)
Provide support for cross-browser compatibility Platform or other applications based on webkit or other rendering engines provide support
Provide support for display data (data interface)
Yuanyan Cloud Engineer:
About the value of front-end siege division , I think it mainly depends on the following aspects:
1. The closest to the users, the most willing to speculate on the users, and the engineers who know the users best
2. The front-end is full of innovation
3. Front-end skills JavaScript, HTML, CSS....Easy to get started, hard to get into
4. There are various ways of interacting with the front-end and back-end, and they are applicable to different scenarios. Ajax (Post, Get), Comet (polling, long polling, permanent frame, XHR streaming), WebSocket
5. With the development of browsers, many technical solutions have begun to favor the front-end
6. The front-end is not just Desktop, but also Mobile, Pad, TV...
PlateauWebEngineer:
🎜As a front-end engineer, the core value or responsibility is to present all your hard work and efforts to the users perfectly. In a technical development team, the people closest to users are undoubtedly the front-end, followed by UI, UE and product, then back-end, DBA and system engineers.
If a technology development team is like a football team, then the front-end engineer is undoubtedly the striker. He receives the ball passed to his feet by his teammates. He has a duty to do it. All he has to do is to hit the ball accurately To score the opponent's goal without mistake.... He must be very clear on two points: 1.He must know what obstacles exist between the opponent's goal and himself; 2. He must know how to break through these obstacles and get the ball to the goal net...He should also be the one who knows these two points best among all team members.
Every team has its own star, which can be a striker, a midfielder, a super defender, a magical goalkeeper, or even a firefighting coach. And I believe that any outstanding player in any position on the court can intercept the ball in the backcourt, dribble long distances, run for a shot, and score! But any good team must have two types of division of labor. The frontcourt players want to win the game, and the backcourt players want not to lose the game. Only by performing their respective duties can they be outstanding. As a competent forward, you must be the one in the team who scores the most goals and has the best shooting skills, otherwise what value do you have? No matter how the trend changes, an interactive interface for users must be implemented by someone. This is a hard requirement. .... Unless human-computer information interaction does not rely on vision in the future(
directly relies on thought linking) At that time, the front-end turned to the design of information organization and expression form. Therefore, the ultimate value of the front-end is the design and implementation of human-computer interaction. Li Chunping, Baidu R&D Engineer: It should be said that there are three ways, one is to go forward, one is to go backward, and the other is to keep doing the front end and go deeper. Moving forward means moving towards user experience and interaction design or even product designers as mentioned earlier. This is the best way to reflect the value of the front-end, that is, user experience. Most people will go in this direction;
Going backward It is to doWeb
development, moving towards database and back-end development, no longer distinguishing between front-end and back-end, everyone goes deep into product development and implementation, this path is the path of integration with software engineers, and the value of this is reflected in the business In terms of function implementation;The last thing is to do in-depth front-end development, such as the architectural design of various front-end libraries and frameworks,
W3C in-depth research on various standards, and JavaScript
research on the language itself , analysis of the principles of browsers, analysis of the principles of network transmission protocols, etc. It is not easy to go deep into this road, because it involves many principles and fundamental things, so not many people take it.Of course, there are also some who have completely left front-end or even software development and switched careers to specialize in products or business operations. Maybe there are certain advantages because of having a good technical background. Hu Jinpu Front-end Developer: I think front-end engineers need to look at their respective values in two directions:
The first direction: allowing users to obtain information more conveniently. This is something that front-end engineers in most companies should strive to do well. Get the
psdand produce the online code. Every detail in this process is worthy of your serious attitude. The various interactions of the form and the information interaction between different elements (regions) of the page may not be ordinary.
IDcan guide you. You need to rely on your own technical ability and your own perception of user needs to complete it. .
The value of this direction is reflected in: Is it more convenient to obtain information? Has your user base increased as a result? Has online booking increased? The second direction: make the front end more professional. This is what some big names in research institutes do every day. Read the specification, compare the differences between versions, and think about the implications (technical or business) of introducing new features. Pay attention to the latest developments in the industry, find out some innovation points, and if possible, stand on the shoulders of giants and don’t blindly reinvent the wheel. Finally, whether it is your own innovation or your own best solution to a certain problem, it will bring more support to the work of other front-end students in the entire industry and your own company. The value in this direction is more technical and may not be directly quantifiable in the short term, but after a period of time, it will be reflected in improved personal productivity, new models of page interaction, etc., and may even lead to new products.
YuanliangFront-end Engineer:
Product Engineer-Web Product APP ization requires the front-end to understand the design and interaction implementation details of the product, so that the front-end code structure is reasonable and scalable!
Cross-platform device implementation - It’s not just cross-platform compatibility of various browsers. Nowadays, there are various physical devices, and any implementation work that directly interacts with users can be called front-end!
Perfect and elegant implementation of interaction and design details - restore interaction and design details with the most streamlined code and minimum cost, improving usability and accessibility!
The combination of user experience and new technology - the development of HTNL5 enables Web and mobile applications to have better and more reasonable implementation methods
Website front-end performance optimization - saving user costs , saving company costs
Extensible standard interface-semantic pages make the website more improved from both the seo perspective and machine-readable lines, and the standardized and extensible data interface makes the connection with the backend Better seamless! At the same time, it will also greatly improve development efficiency.
Industry leader in website image PR - Display the company website and company image in the most intuitive and visible way!
Front-end requirements
Need to understand the logic and formation process of the product -I hope that relevant personnel involved in the development of product pages will participate in the product discussion stage and understand the needs of the product. And the implicit need to understand the future of the product! Just attend!
Need to understand the interaction details - I hope that relevant personnel involved in the development of product pages can participate in the interaction discussion and understand the interaction and design details! Make the page well-structured and scalable! Just attend! If you have reasonable suggestions, you can make them!
Need to understand the data interface - understand the data required for product-related modules and communicate with relevant technical personnel to form documents.
Requires the accumulation of technology and the learning of new technologies - I hope there will be communication activities and brainstorming within the team! Learn about the latest industry technologies and participate in industry exchanges!
Need a sense of achievement and satisfaction.
Conclusion:
The front-end is the bridge between back-end implementation and visual performance. It is the link throughout the entire product development process and serves as a link between the past and the next. A good front-end engineer can well understand the product manager’s attitude towards users. In addition to the requirements of experience, we can also well understand the requirements of back-end engineers for the separation of data logic or program logic, and translate these requirements into front-end development work. The front-end is the face of the website, and its value is far greater than other client-side development.
Get it for freeLAMPBand of BrothersOriginalPHPVideo TutorialCD/《 DetailsPHP》Concise version , please consult the official website customer service for details: http://www.lampbrother.net
PHPCMSSecondary developmenthttp://yun.itxdl.cn/online/phpcms/index.php?u= 5. cn/online/server/index.php?u=5Javascript
Course http://yun.itxdl.cn/online/js/index.php?u=5
CTO Training Camp
The above has introduced you to get to know Web front-end engineers, including aspects of content. I hope it will be helpful to friends who are interested in PHP tutorials.
How does PHP type hinting work, including scalar types, return types, union types, and nullable types?Apr 17, 2025 am 12:25 AMPHP type prompts to improve code quality and readability. 1) Scalar type tips: Since PHP7.0, basic data types are allowed to be specified in function parameters, such as int, float, etc. 2) Return type prompt: Ensure the consistency of the function return value type. 3) Union type prompt: Since PHP8.0, multiple types are allowed to be specified in function parameters or return values. 4) Nullable type prompt: Allows to include null values and handle functions that may return null values.
How does PHP handle object cloning (clone keyword) and the __clone magic method?Apr 17, 2025 am 12:24 AMIn PHP, use the clone keyword to create a copy of the object and customize the cloning behavior through the \_\_clone magic method. 1. Use the clone keyword to make a shallow copy, cloning the object's properties but not the object's properties. 2. The \_\_clone method can deeply copy nested objects to avoid shallow copying problems. 3. Pay attention to avoid circular references and performance problems in cloning, and optimize cloning operations to improve efficiency.
PHP vs. Python: Use Cases and ApplicationsApr 17, 2025 am 12:23 AMPHP is suitable for web development and content management systems, and Python is suitable for data science, machine learning and automation scripts. 1.PHP performs well in building fast and scalable websites and applications and is commonly used in CMS such as WordPress. 2. Python has performed outstandingly in the fields of data science and machine learning, with rich libraries such as NumPy and TensorFlow.
Describe different HTTP caching headers (e.g., Cache-Control, ETag, Last-Modified).Apr 17, 2025 am 12:22 AMKey players in HTTP cache headers include Cache-Control, ETag, and Last-Modified. 1.Cache-Control is used to control caching policies. Example: Cache-Control:max-age=3600,public. 2. ETag verifies resource changes through unique identifiers, example: ETag: "686897696a7c876b7e". 3.Last-Modified indicates the resource's last modification time, example: Last-Modified:Wed,21Oct201507:28:00GMT.
Explain secure password hashing in PHP (e.g., password_hash, password_verify). Why not use MD5 or SHA1?Apr 17, 2025 am 12:06 AMIn PHP, password_hash and password_verify functions should be used to implement secure password hashing, and MD5 or SHA1 should not be used. 1) password_hash generates a hash containing salt values to enhance security. 2) Password_verify verify password and ensure security by comparing hash values. 3) MD5 and SHA1 are vulnerable and lack salt values, and are not suitable for modern password security.
PHP: An Introduction to the Server-Side Scripting LanguageApr 16, 2025 am 12:18 AMPHP is a server-side scripting language used for dynamic web development and server-side applications. 1.PHP is an interpreted language that does not require compilation and is suitable for rapid development. 2. PHP code is embedded in HTML, making it easy to develop web pages. 3. PHP processes server-side logic, generates HTML output, and supports user interaction and data processing. 4. PHP can interact with the database, process form submission, and execute server-side tasks.
PHP and the Web: Exploring its Long-Term ImpactApr 16, 2025 am 12:17 AMPHP has shaped the network over the past few decades and will continue to play an important role in web development. 1) PHP originated in 1994 and has become the first choice for developers due to its ease of use and seamless integration with MySQL. 2) Its core functions include generating dynamic content and integrating with the database, allowing the website to be updated in real time and displayed in personalized manner. 3) The wide application and ecosystem of PHP have driven its long-term impact, but it also faces version updates and security challenges. 4) Performance improvements in recent years, such as the release of PHP7, enable it to compete with modern languages. 5) In the future, PHP needs to deal with new challenges such as containerization and microservices, but its flexibility and active community make it adaptable.
Why Use PHP? Advantages and Benefits ExplainedApr 16, 2025 am 12:16 AMThe core benefits of PHP include ease of learning, strong web development support, rich libraries and frameworks, high performance and scalability, cross-platform compatibility, and cost-effectiveness. 1) Easy to learn and use, suitable for beginners; 2) Good integration with web servers and supports multiple databases; 3) Have powerful frameworks such as Laravel; 4) High performance can be achieved through optimization; 5) Support multiple operating systems; 6) Open source to reduce development costs.
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Safe Exam Browser
Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.
Notepad++7.3.1
Easy-to-use and free code editor
MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.
DVWA
Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software
PhpStorm Mac version
The latest (2018.2.1) professional PHP integrated development tool
