Hello everyone, I am cold grass 😈, a grass system code ape 🐒. Intermittent hot blood 🔥, continuous sand carving 🌟. If you like my article, you can follow ➕ to like, and grow with me ~

preface

This article is not a recruitment article, just to share my work experience and experience from the perspective of a front-end engineer who has only been in the industry for about a year

I think Denver is a technical community 📖, most people like to share technology here, to share their experiences, but didn’t have a lot of people to share his team, in fact, from the Angle of the work and life, we are the front part of a team, we are in large part of the working day time ⌚ ️ is spent in belong to the front of the team:

• Work in a team to create 🔥
• Get along with your team and learn from each other ☀️

So how about a team actually can directly affect the experience of our work, so I am here to share my experience in BBFE front team, but since I am also only experienced the a team, so can’t to speak and the other team is better than where where, where, or where there is a gap, no experience, after all, dare not to use assertions, But my experience here can be shared with you at 🌟, so you can read this article:

• What is BBFE?
• How is my experience at BBFE?
• What kind of team atmosphere is comfortable in my eyes (new person perspective)

Without further ado, let’s begin now

BBFE

BBFE’s self introduction

First OF all, I should say what BBFE stands for, as the title says: Be Better Front End. Here is the 3D logo, which is a precious resource contributed by my current leader.

BBFE front end team is a big front end team of Qianxin Group. Its founding members come from the front end teams such as former 360 Qi Dance Troupe, 360 Games, 360 Cloud Security, etc.

BBFE front end team was formerly the front end RESEARCH and development department of Qianxin Application Technology RESEARCH and development Center. The former team was established in January 2019 by integrating 20+ front end teams inside Qianxin. On November 23, 2020, after two years of organizational integration pains while ensuring the smooth development of business, BBFE front-end team was officially renamed, covering about 130 people in six cities. The six cities are: Beijing, Wuhan, Changsha, Xi ‘an, Shanghai and Chengdu.

In April 2020, BBFE started to build a unified research and development platform of front-end technology system, which was named “Thousand Stars Platform”. In 2021, Qianxing Platform will start the 2.0 plan, providing unified and mature development mode and engineering scheme for the front-end RESEARCH and development of Qianxin Group.

The above introduction comes from BBFE official official account, and of course I am now one of the 130 friends of the grass department front 🌿.

BBFE’s team story

At this time the cold grass of the tabloid reporter 🌿 rushed to the station of the elder brother, carry out a watermelon knife 🍉, rack on the neck, “come to tell me your story quickly, give me point material.”

Yes, I am so strong (it is not), in fact, this section of the team story material is also from the OFFICIAL OFFICIAL BBFE account, if the neck is also on my own neck threat (suddenly he got up).

The following words come from the yao brother threatened by the cold grass 🌿 :

Ten years ago (July, 2011), some students from BBFE team set up a strange dance troupe in 360. They broke through all the difficulties and also ushered in the highlight moment. Thanks to the efforts and growth of the young friends, the old students of that era created the rich and strong team culture of the troupe with their strength. The official introduction of qihoo 360 is as follows: “qi Dance Company (75. Team) is the largest front end team of 360 Group. It is a front end team composed of front end engineers of Web platform department of Qihoo 360 and some special guests. Here, we work together, learn together, precipitate together, share together, and contribute to the front-end impact together. Openness is our character, happiness is our mission.”

After ten years of hardships, the young people who founded the team have become the uncle of vicissitudes, still exerting their value and influence in different regions and industries. The pace of progress has never stopped, appreciate the scenery along the way at the same time, hand in hand committed to the front-end industry and enterprise development of new partners, to cultivate the technical team to adapt to the changes of The Times.

One side of us, is standing in the direction of TOB security industry again, this is the letter BBFE Front End team (BBFE – Be Better Front End). The name BBFE of the big front end team of Qianchin means the firm determination in the direction of TOB(2B). We will continue to learn and work together, precipitation and share together, and grow up together. BBFE front end team inherits excellent engineer culture and Enterprise culture at the same time, but also add a little growth consensus: Creation, Enterprise, Openness. We are looking forward to creating the future together and contributing to the security industry and front-end industry together.

Speaking of here, I heard such a middle-aged uncle who experienced the vicissitudes of life unexpectedly have such literary grace, not only put down the watermelon knife 🍉, tears flow down one’s cheeks 💧 (did not). So the purpose to achieve, swaggering away obsidian brother’s station.

Oh, my God, I’m not going to be called into the conference room on the same day.

BBFE output

I think in fact, if you know about Cianxin, it is most likely through the Rael visualization platform: with 60 seconds to concentrate our love of 3D map visualization

But maybe the understanding of BBFE may be relatively little, but if you often pay attention to the front end early talk, in fact, in this Year on April 10th of the “front end to talk CI/CD” theme of the sharing of our BBFE student Han Maiming shared our front end engineering platform Dockyard (this student badminton 🎾 is my defeat, By my crazy hammer, here I am in the boast 🐂), the share of the whole look down also feel full of dry goods, for you to share our BBFE in order to achieve a unified standard, get through the tool service, reduce the project maintenance cost.

Because the front end of the early chat is charged, I put a picture of the cat, also dare not divulge too much ~.

As I said earlier, BBFE started to build a unified research and development platform of front-end technology system, named as: Dockyard is one of the components of Qianxing platform. At present, Qianxing Store also includes QAXD, QP, QXStore and other contents. It mainly provides basic front-end component library, application development framework (micro-front-end) and standardized visual design elements for network security management and control system to facilitate efficient production, continuous iteration and version evolution. Using unified front-end development mode and engineering scheme to realize the reuse of front-end components between products, and finally achieve rapid integration, improve research and development efficiency, improve quality and efficiency. Below the master shuai town building.

I believe our team will be more active in the front end community in the future (at least I will be active 🤪, if I can ~).

My story with BBFE

! Hey, finally to my link! I can peel again ~ ~ in this chapter, I share with you my experiences in BBFE, this words say zha is a bit like I put my resume in the duck 🦆, ha ha ha is ok, I’ll make this chapter more natural life breath, not to do things seriously.

I hope you can understand what kind of team BBFE is through my experience here and my journey in BBFE

Wait and see | school recruit

As those familiar with me may know, I interviewed for a job in the fall of 2019 and graduated in 2020 to join my current company. So why am I here? Let me show you a picture:

Phone memory is good, for a long time before the photos I still found 🤪, this is odd essence before came to our school when the school recruit, platform security industry is the man who is above the bosses Dr Pei (anyway very cow, specific cattle more I don’t know), the school recruit to preach, put a video, video is qi in the senior, also is the boss of our company, Qi said in the video:

“Hello, Jilin University alumni, MY name is Qi Xiangdong, Bulabula” (BUlabula means I don’t remember 🐶, but basically it is a call for students of the Alma mater to join the security industry)

Everyone think, as a young man who has not entered the society, seeing his alumni and predecessors calling him, calling us to join the cause of network security, my brain was hot, thinking of the scene in “One Piece” luffy invited Sauron, so I was so excited that I participated in the college recruitment interview. Of course, after all, I, the school recruitment interview nature is three five in addition to two through ✨ (actually is not, there are also hanging, laughing link ha ha ha ha, but install force is my style).

Speaking of laughing field is really funny, I was the last interviewr at that time, ji Brother (also an old front) was my second interview, has been with me to solve an algorithm problem, I finally said: “I don’t think this is a brain teaser, you don’t wear this”, then Ji and I “ha ha ha ha”, at the same time the interviewer also looked over, also “ha ha ha ha ha ha”, then hr also looked in, also “ha ha ha ha ha ha”, the scene was out of control.

Later on a variety of coincidence, I met Yao brother, bulabula at that time also a lot of topics about technology and future development (found that he as a front-end veteran and my ideas have a certain similarity, do you feel I… Too old? !). Although I received a lot of offers later, I still plan to work here as an intern at Kangkang.

First | internship

A few months later, Xiaohancao took her luggage and went to Beijing to see the Bird’s Nest and the Water Cube, and then began my first work experience.

At that time the first day, the second interview after the interviewer picked up our a gang of new people, but also take us to dry a meal, do not know that we have not eaten “small Xiaoxiang fu”, not poke, very spicy 🔥 very delicious!

No, it shouldn't be about eating! How can I keep track of one meal for almost two years! I'm gonna say work experience!

I started my career as a bug maker and bug fixer from NGSOC. Yes, I started my career as a bug maker and bug fixer

Let me just say what I feel here. Although I have never been to another team, I can actually intuitively feel the following points:

• The atmosphere is harmonious and supportive

Colleagues are more open, if there is a problem, others will patiently help you to solve, and not only to help you solve, but also to help you to solve at the same time constantly guide you, divergent your thinking. At that time, I looked at my face after work every night, the interviewer was busy, I would wait for him to finish his work, then ask him questions, he would also solve the problem patiently and divergent thinking, really excellent 🔥, of course, now if there are new students to come to me, I will try to solve some problems, also for my wechat friends to solve some problems. I think this kind of culture or spirit will be a positive cycle, continuous inheritance ~

• Comfortable technical atmosphere

At that time I remember a few technical sharing (at that time every Friday) : Http2, Bezier curve drawing, vUE source… I remember that before the Spring Festival, when we had to go home, our leaders would dig through their bags to find all kinds of books for us, such as “Basic Mathematics of Graphics”, “Authoritative Guide to HTTP”, and the tepid “Principles of Compilation”. Finally, due to the epidemic, the internship was almost over after the Spring Festival, and the books were not returned to them. Winton won’t see this article and run to my station to ask me for a book 📖! Now I also have a habit of sharing books and PDF versions when new students come, such as the one I often recommend: The Way to Clean Code, the Way to Clean Architecture, and Refactoring: Improving existing Code Design. Of course, I also recommend these books to your readers ~

The whole internship life is relatively happy, and I have learned a lot. Recently, there are some interns, just like us in those days. I hope they can grow and gain something here.

Journey | This year on the job

After that, due to the epidemic, I spent half a year at home in the first half of 2020. The graduation season without graduation ceremony 🎓 passed like this. It is still unknown whether I will be waiting for the ordinary day of sunrise and sunset or the extraordinary years like stars and oceans 🌟.

At the end of July, carrying bags, set out, began my front journey.

orientation

I’d like to start by mentioning our Icebreaker initiative, which is very serious and very loving. It’s asking people who are already in the industry for advice and a book to start reading on your career path. The book I was recommended was “Complete Code 2,” which is kind of the bible of the industry, and I recommend it to all readers.

First of all, as fresh graduates, each of us will be assigned a senior mentor, who will solve problems for you, guide you on your way, and give you some guidance on future career principles. This experience is great. Of course, I also experienced a code review journey, which repeatedly rewrote the code, and of course it benefited me a lot. This period also influenced my subsequent reading of books such as “The Way to Clean Code”. Secondly, we have a new appointee training for two weeks, called: “sail”, which is probably the meaning of our new appointee sailing (social recruitment also has training, called: “sail”), the new appointee training content is particularly many, including:

• Network Security Related
• Corporate culture history
• How to manage by Objectives and SMART principles
• How to communicate effectively
• How to ask/feedback/reply, to master effective magic weapon
• How to turn from a white job
• Job description (Product Manager/Architect/R&D, etc.)
• CMMI
• Legal training (Integrity, ethics)
• .

Has now been in the past year, the content of the course I also can’t a not bad, but the content involved in all aspects, not only have security as well as science research and development process, and knowledge about soft skills and professional ethics in the workplace, is harvested quite a lot, although the training is not belongs to the category of large BBFE front-end team, training, but belongs to the enterprise level But the BBFE is also part of the enterprise.

Of course, there are many interesting activities in the training 🎡, such as the following we share the house, it was very hard, but now think of it is also a happy time ~

All right! With that out of the way, let’s talk about what happens after work, which is probably the most important part of this chapter.

Fire fighting period

I entered a few days, my second interview interviewer ji eldest brother pulled a few people to a conference room, the face dignified 😠 (no, here just to foil the atmosphere), after introducing a project, said now this project risk is very big, need emergency fire! I instantly more than a identity: “grass department 🌿 firefighter” (I won’t be burned by 🔥).

Let me ask you a question. If you were given a task to put out a fire, what would you expect? ,

• Work overtime
• Physical strength live
• Crazy to bug

However, it was not terrible, and I even gained some insight during this period:

Code needs to be cleaner, or it will be too painful for others to change.

And we did not give up Codereview because of urgency. Once I was assigned a development task. After I finished writing it quickly, my tutor reviewed it for me repeatedly. This was in the midst of a project emergency, and I’m grateful that I didn’t go off on a whim during that time because of the project emergency.

I remember telling my advisor, “I think this project is urgent, so I want to get it done quickly.” But the tutor at that time: “Why are you in such a panic? Do your job well, you can’t finish it. The project leader will carry it.

After repeated codereview, experienced the baptism of shit code, in order to improve, I went to the reading:

• Clean code
• Complete Code 2 (Part)
• Refactoring: Improving the design of existing code (read this year)

This is why I now regularly recommend these three books to readers in this article, because I think cleaner code is a consistent quest and a great quality for our engineers.

How to clean code requires evidence, which can be quickly learned by reading previous experience.

I’ve written recommended articles about these books: Clean Code and Refactoring

Soc period

Happy end of the fire fighting period, I came to SOC, I see a lot of companies have SOC system, want to know what soc means to look it up, hey hey hey. Here I also mainly do a few things (front to back chronological order) :

• Out of the work order module (micro-application) refactoring design, review after the completion of code refactoring and rewriting

This is actually because my reading experience during the fire fighting period provided me with a lot of theoretical basis for refactoring, and the review process went very smoothly. Of course, since I feel I have learned a lot about how to do front-end design recently, I will share with you in the future. Please stay tuned.

• Participated in the construction of three groups of platforms

With many new technologies (VUe3 / Nestjs/GraphQL), you can also summarize problems through daily work and solve them through this platform. My document tree and small screen templates are still standing on the platform. Look back at my vue3 code, what the hell is that? It’s nothing lol.

• Soc main safety operation and maintenance module

During this time, I became a nominally safe operations big modules, two of the modules to follow up the requirements and design stage, I mainly responsible for development and two modules, this paragraph of time is very hard, and also are worn by the product manager (words every programmer should be product) torture, that time I was:

1. And push requirements backwards (push requirements to product, test, server)
2. And help to keep an eye on the determination of test cases (no way, the requirements test given by the product can not understand)
3. I’m a front end engineer doing my job

During that time, I put forward a lot of optimization suggestions for the product, swept back the full interface design and promoted the consistency of interface design, etc. Gradually, I became the role that most understood the requirements of this module. Document writing and speech skills have been greatly improved.

But then, because I had fewer bugs (Versailles), I was free while others were debugging, so I started working on a few things:

1. In order to solve the file name consistency problem, introduced fe-File-Rename plugin, I also published my first VS Code plugin development: Fe-File-rename && some verbose, I don’t know if you have read
2. Try to achieve automated testing through the front-end technology, but this do half of the other things delayed, has been ridiculed customization is too strong, has also been out of the article, you are interested in can go to see, have time I must fill pit JS to achieve key wizard — try to achieve automated testing front-end (a)

• Responsible for the Winter Olympics SOC customization project

When my company became a sponsor of the Winter Olympics, I was looking forward to participating in the Winter Olympics. I was also serving my country in a way. In fact, as a member of a security company, it is the most exciting thing to be involved in this kind of thing, hahaha. And because so much of the Winter Olympics is about work orders, I became the front end manager of the Winter Olympics projects, and I have always maintained a strong work personality (to put it simply, hammer me, hey, hey!). I made a lot of suggestions, and I tried to make the design reasonable, the code and the interface specification. During a total of ➕ changes to add a total of about ten micro applications, but also spent a period of troubled time.

Now I have basically finished my time in SOC. To sum up, I feel more involved and active during this period. Soc even has a fan group of cold grass. I’ve been in SOC for the longest time, and of course a lot has happened during that time. For example, I’ve shared a few things here:

• Clean code

If you want to see it, I will consider whether to do a video on B station, now I also have a contribution, you can check it out: Mature front-end engineers must learn to make birthday gifts by hand ~

• Browser rendering mechanism

I have something to say about this. It was very difficult for me to prepare this project. I spent nearly two months discussing and studying with my colleagues. Finally, I drew a full blackboard 🌟 in the form of undrafted sharing in the group. I don’t know if you can accept my handwriting, but I put it here.

Here’s another picture I shared at the Nuggets:

The link is here, so you can click on: Browser Rendering Mechanism

Not only the group, but also the whole BBFE front end held a lengthy sharing activity with two major topics:

• Code 2
• CSS project

Every Friday there is a share, two major themes alternate updates, follow-up, refactoring: improve the existing code design is also included, as well as the master share in vuE3 at the beginning of the song is still fresh.

As well, at the beginning of the year, yao brother pulled the front of the camp colleagues held a small meeting, indicating that we will be more and more active, do not only play the code of the front end, but also do understand social, fun front end, to make the work happy. I wanted to say, “FREEDOM! For freedom!” Ha ha ha.

There is this time addicted to badminton, inspirational to become the first badminton player in the universe (sorry, I’m joking). The atmosphere of partners is also very good, a lot of people involved, healthy work, healthy life ~

During this period, I feel that BBFE is not only a fighting team, but also a team that works happily, knows how to share and grow together. (and I every day, 🐯, also not be hammer, said that everyone is inclusive ~)

Day holding period

Then, the time came to the last month, I came to the day with terminal platform (yes, appreciate me, must be a dream to evening sister here continue to shameless 🍉), provide the foundation for the production line of business ability, feeling to come here and then just to soc big bad not bad, it’s just that I’m stronger, more thoughtful, more confident to express, certainly also is stronger (right). Here still maintain my smelly shameless style ~

Of course, just came to tianqing, listened to the GRPC share, harvest a lot, but because at the beginning did not have how to use, so some can not fully understand, I will continue to work hard to write GRPC article ~ this interesting technology to share with you.

Come to tianqing, it is a new start, cold grass at BBFE continue to refute ~

Road block and long, line will come, line and ceaseless, the future can be

BBFE in my eyes

All the way to now, I have spent my whole working life in BBFE, and it has been over a year. Here is my feeling:

• Our team is becoming more and more orderly
• Our team is gradually moving towards high quality r&d
• Our team is young and has a certain heritage
• Free tolerance, harmonious atmosphere (like I dare to write articles open obsidian brother joke 🤪)

Of course we still have a lot of problems and points to optimize, but I believe BBFE can find its own path. In fact, I have been looking forward to more people to be my colleagues, so HERE I send the following words from senior JK (also a front-end veteran, I actually knew him when I was in college, because I saw his reply 🔥 on Zhihu) :

Look forward to each student’s shining point 🌟, here to implement amplification, output value

conclusion

On the whole, it is just like our internal evaluation of ourselves: “THE overall strength of BBFE front-end team is in the middle of the domestic front-end industry (2021), but we believe that TOB direction has enough stage and imagination, which will promote BBFE to become a professional, open and happy front-end team”.

Young grass department small front 🌿 also looking at the young BBFE, thinking: the future can not be 🔥, after all, I am in, certainly the future can be ah (I am really shameless)

Ok, the end of this article, if you like my article, your likes 👍 and attention ➕ is the biggest support for me, I will have more technology to share, experience, and interesting practice 🌟

Notice when young, once made the world's first class, we break through, we have a long way to go

Add me on wechat: Hancao97, invite you to join the group, understand the github group of cold grass 🌿, learn front end together, become a better engineer ~ (QR code here -> communication group)