About the author: Which shine – tao technology front-end technical experts, 16 years school recruit internship positive into of ali, it was in the bargain, front-end team, as the business changes all the way from getting to Tmall today to join the new technology, to be responsible for the daily activities of marketing at the same time, also many times to participate in promoting the venue & interactive development, in support of business unceasingly excavated during the course of innovation, The final completion of the front-end from the small white to the front-end technology expert transformation.
In this paper, I will combine the author’s four years, from the following specific points about my front-end growth road.
- career
- Key skills
- Some reflection
career
Introduction to the workplace. – The months of the internship
First, during my internship, I was invited to Hangzhou by a senior from Beijing University of Posts and Telecommunications. During my internship, I was mainly responsible for two things, XList and Weekend Taobao. XList was a framework to solve endless scrolling before Juhuasuan. At that time, I was still familiar with the team’s tool chain, looking at the source code, and doing chores for other businesses.
During this period, the emphasis is on team integration and interest exploration, and the requirements for interns’ abilities are not high. Therefore, students at this stage should not be too anxious, and the key point is to further decide whether to continue to stay in such a team based on the matching degree of their personal will and the team.
Rookie – First year on the job
Then there was my first year, my rookie period. When I joined juhuasuan.com, it happened that juhuasuan.com was upgrading its brand. At that time, there was a problem of non-standard merchant materials, which needed to be solved urgently to improve user experience.
Under the guidance of my senior brother, I designed such a standard combination diagram scheme based on PSD analysis. This is the schematic diagram of the technical scheme.
On the basis of PSD analysis, I also provide a visual interface for designers to control the realization of configuration and generate pictures. The interface is realized by referring to Sketch.
After the whole implementation of the program, good business results have been achieved, covering 90% of the business lines, with an average of more than 1W combined images per day. This tool was the first complete Node application within the team at the time.
In general, the first year is a rookie period, during which you begin to learn to identify business needs, to be able to design solutions, and to build your personal technology stack. During this period, we completed the transformation from students to social people. While doing business, we must look up from time to time and share what we have done with others, which not only enhanced the team’s understanding of ourselves, but also promoted our further summary of knowledge.
Do it alone. – Upgrade to fight monsters
Next, is as a newcomer after the successful landing upgrade play strange. During this period, I defined myself as being alone. Here is mainly combined with another tool elaboration that I personally do.
Pit research and development, is our e-commerce front-end engineers in the daily development process around things, this is some common commodity pit.
I was inspired to use an editor to produce a layout by configuring the image generation tool I had done earlier.
Then I made a pit visual development tool with an editor interface on the left and a consumer-side rendering demo on the right. With this tool, designers can simply copy and paste, drag and drop to create a new pit, greatly reducing the cost of UI development.
This is how it was applied in the venue, with minute-level responses to business changes.
However, the tool also encountered some problems in the process of promotion, including the following
- Scenarios with logic such as event interaction and data processing are not supported
- Run-time parsing does not perform well on the end
- Out of the normal r&d process
- .
Of course, these issues also gave me the opportunity to be an independent owner and refactor the product. Therefore, I combined the research and development system of Tmall at that time and launched the module visualization research and development plan integrated into the development system, namely version 2.0. This is the full link diagram for version 2.0.
Here’s what happened after version 2.0 went live, and in that year it got 3.75 and was promoted.
From my personal point of view, the focus of this period is to build core capabilities and seek breakthroughs in addition to being able to easily complete the assigned work. During this period, I had a profound understanding of the business and could design a piece of things from zero to nothing. Technically, I was able to connect with the business side. Besides technology, I was able to do project management and effectively complete tasks with other parties.
Key skills
Next, I’ll highlight some of the key skills I’ve unlocked over the past 3 + years.
Skill 1: Get out of the technical perspective
The first key skill is to move beyond the technical perspective. There are a lot of developers who think “I’m just a tech, I shouldn’t be in QA, I shouldn’t be in PM”, and there are actually people who go deeper and deeper into technology and get it. However, there is always a but, and it is more common to see a lot of people who are highly skilled but consistently get no recognition. Especially for us on the front end, it’s hard to completely separate ourselves from the upstream and downstream, from the business side, and even “sell” our tools to the business side in addition to QA and PM. A more “holistic” front end would be a smoother ride. So how to be more comprehensive? We can start from the following aspects, for example, start from why, students who are engaged in business, pay attention to business data and follow up online problems, students who are engaged in technical products, and provide excellent product and service documents.
Skill 2: Pursue the best
The second key skill is the pursuit of excellence, also known as craftsmanship, which we often praise. Take me as an example, I made an online editor in my first year. Besides completing basic functions, I also added shortcut keys, auxiliary lines, automatic adsorption and other functions, constantly polishing the product experience of the editor. Therefore, I also attracted many partners to join in and jointly promote this product to more business domains.
Skill 3: Structured presentation
The third key skill is structured presentation. As the saying goes, wine is also afraid of a deep alley. Structured expression, under the premise of completing things, we can better let others (such as your boss) get your output and value. Structured expression is inseparable from structured way of thinking, you can look at the pyramid principle book. In addition, in the process of building structured thinking, a good drawing tool can also achieve twice the result with half the effort.
Since it is a replay, let’s also do some self-criticism, but also some suggestions for everyone
Some reflection
Reflection one: No three lines
Programmers work for a long time, overtime, three lines of rushing about, the physical harm is actually quite big. The body is the capital of the revolution, to maintain a good fitness habit, do not need to be very frequent or very professional exercise, in fact, once a week in the gym to form a habit. Keep your body in good shape and you’ll actually have more energy for work.
Reflection 2: Keep learning
People often say that they have been doing BUSINESS in CRUD and feel little growth after several years of work. Admittedly, interesting and challenging work is rare, but more trivial and repetitive work. So take some time outside of work to keep up with industry news, read books, blog, and work on projects that GitHub is interested in. Keep learning about new technology
Good book recommendations
Finally, I would like to recommend the book “Phoenix Project” to you. In the form of a novel, it tells how a messy and hopeless operation and maintenance project team achieves the final efficient and comfortable working state step by step. Learn effective self-management, team management, and project management techniques that will keep development from getting bogged down in endless business deliveries.