Essential skills for designing web front-end interfaces

[Required] UserInterface
PhotoShop/Fireworks Design

Cooperate with the artist to turn the sketch into a specific design that conforms to the WebPage. Ability to quickly produce layered high-quality PSD and PNG. Ability to quickly conceive the content of PSD and PNG into HTML codes such as div, css or table.
Flash Design

Basic animation effects and complex interactive system design, understanding of third-party swf auxiliary design software and complex interactive system design and strong integration capabilities for various external resources (PNG, JPG, MP3, WAV, etc.). Proficient in some third-party auxiliary design software (AE, SwishMax, Swift3D, etc.)
[Required] Browser-side (Web Application)
XHTML/CSS

The basic layout is implemented strictly across platforms with elegant HTML code, conforming to standards as much as possible and taking SEO into consideration. It remains basically consistent on any platform or browser. It is not required to know various CSS hacks, but it is required to know how to look up information when encountering problems so as to solve them as soon as possible. It can provide JavaScript developers with the best DOM structure, allowing JS developers to think that "everything is ready" rather than "stretched to the limit" during development.
JavaScript/Ajax/DOM

Basic DOM operations, understand AJAX, can implement basic DOM operations for data communication, can write efficient OOP code to reduce maintenance costs Based on the needs, carry out different development, choose the appropriate framework, achieve the highest code efficiency, the best user experience, the smallest code download, and can maximize code reuse in a single or even more product lines
Flash Development

Based on Timeline's ActionScript operation, it can realize simple interaction and master a, and can realize data layer communication (with the server and local SharedObject). Proficient in AS1-3, and can develop various RIAs according to needs. Whether the requirement is to support Flash Player 8 or Flash Player 9, the highest development efficiency and maximum flexibility (such as interface design for the HTML layer, etc.) can be achieved.
[Required] Client-side (Desktop Application)
Apollo

[Addition] Server-side (Edit: After consideration, this skill is not included in the rating)
Originally, "1. Simple server-side technologies and scripts" and "2. MediaServer (Red5) interface" were listed as a criterion (server and data logic layer skills) for the "Web front-end engineer skill list". But it seems that many friends are skeptical about the necessity of front-end engineers mastering server-side skills. Indeed, it is not easy to master the above-mentioned presentation layer skills, and front-end engineers are indeed very hard-working. But, on the other hand, what is the reason for the hard work? I don’t know if you have ever thought about it when you are fighting with div CSS day and night. In my experience, the hard work of the front end lies in the following aspects:
There is a lot of repetitive work. A large number of div and css are repeated. Even if you can copy and paste, it may be very painful to find an entrance in the ocean of thousands of div lines. The requirements change more. Often you finally solve the cross-platform problem after several hours of hard work, and the same effect can be displayed under IE6, 7 and Firefox, and even JavaScript interaction is almost done. Suddenly, it was said that the requirements would change. This is undoubtedly a great pain.
Maybe on the surface, this has nothing to do with server-side skills, but I think having a good server-side awareness will definitely help (of course it can't solve all problems). After all, information structure and database are closely related, and Server is the only channel to connect to the database (at least this is the case for most B/S applications). Mastering the basic server-side skills is very important for developers at the same logic layer to design interfaces. Moreover, the separation of the HTML presentation layer from the data during development is also related to various template technologies on the server side. For example, Smarty template in PHP (which I have used before), model2 concept of jsp and so on. How to design the HTML structure, how to reuse HTML, and even develop OOP at the HTML layer (the front-end development process I am currently designing in my new product line) all require support from the server. At the very least, you have to tell the PHP programmer what you need. If you know absolutely nothing about PHP, there's no point in starting.
In addition, entrepreneurial teams often have very limited manpower. In order to minimize operating costs, all technical personnel are obliged to have some understanding of server-side technology. If you have to ask a PHP programmer to connect to the Remote Server just to change the title of a web page, it will really increase the operating costs of the entire company.
Summary: I think that you don’t have to understand the technical details, but you should know the principles. It would be best if you can master one or two sets of design ideas (after all, the data logic is all here, and just looking at HTML and JavaScript is still limited to people’s knowledge, and this limitation has restricted my time for a long time). That will be a valuable asset.
【Supplement】Mobile-side (not included in rating)
Seeing many friends leave messages saying that front-end engineers have no future, I wonder if mastering the skills of mobile devices is also necessary to expand their future? Let me say a few more words here. Regarding the future of technical personnel in China, it can indeed be described as "bleak". The impetuous atmosphere often causes technical talents to give up their technical careers prematurely, and the overall moral level of intrigue makes simple technical personnel miserable (there are too many cases around me, well, I won’t go into the details, haha).
As a technician and developer, in addition to maintaining a purely dedicated attitude (this is the premise, without it, there is nothing to talk about), you must also learn how to protect yourself and how to strengthen yourself. The society will not sympathize with you, only you can protect yourself.
Flashlite
(To be determined, welcome to add)
Java?
(To be determined, welcome to add)

<<: Docker enables multiple port mapping commands

>>: MySQL uses binlog logs to implement data recovery