Frontend Production Methods in the Past 10 Years and the Next 10 Years


Getting Started

  • Software engineering with Java, C ++, and C was boring. To write a program, I had to compile and deploy it and wait for 2 or 3 minutes. When I first learned about webpage development from a foreign teacher, I discovered that webpages were amazing. After I typed a few lines of code in a text editor, changed the extension, and double-clicked a page, the webpage appeared. This beautiful visual experience drew me to webpage development.
  • In college, I was able to use a VPN to access many foreign education websites. I found that foreign education websites were beautiful and elegant, with sufficient empty space. On Chinese education websites, especially the official education websites, webpages had poor UI designs and were basically a pile of text, frames, and flashing GIFs (such as the word “New”). Qzone, which allowed users to customize their backgrounds, was popular at that time. However, it was not very elegant. Therefore, I wanted to design webpages that were high-end, elegant, and attractive.
  • In college, many of my schoolmates laughed at me for learning webpage design myself, but I stuck to it. After I completed my classes and homework, I usually spent my time learning from Photoshop video tutorials and design materials on my own and through elective courses and labs. I taught myself Photoshop and the RGB color model and applied them to campus poster design and photo beautification. I developed my ability to retouch photos at that time.
  • Later, I participated in an on-campus lab project for making a take-out website with a group of people. On this project, I was responsible for webpage development. My partners didn’t think I could develop webpages because I was a beginner. During the project, I taught myself about the World Wide Web Consortium (W3C) technologies online. Even though the jQuery framework was available, I manually made a cascading regional menu selector with HTML4, CSS, and JavaScript and designed the UIs myself. This gave me a lot of confidence. Then, I worked on a string of projects and entered the webpage development industry. This experience bound me forever with the frontend industry.

Full Engagement

A Review of the Ten Golden Years of Frontend Development (Low Field Requirements)

Phase 1: Primitive Development

Phase 2: Modular Development and Framework Upgrades

Phase 3: Browser Support and Improved User Experience

Phase 4: Frontend and Backend Separation and Engineering Optimization

Phase 5: Terminal Fragmentation and Technology Development

Phase 6: Data-Driven Approaches and Framework Competition

Phase 7: Field Segmentation and Visualized Building

The Outlook of Frontend Development Over the Next Ten Years (High Field Requirements)

Frontend Encounters Bottlenecks

How Can the Frontend Make Breakthroughs?

New Ways of Thinking

Review of Requirements

Intelligent Frontend Over the Next Ten Years


Team Products

Original Source:



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Alibaba Cloud

Alibaba Cloud

Follow me to keep abreast with the latest technology news, industry insights, and developer trends. Alibaba Cloud website: