Hello, doupi fans, we have seen so many hardcore articles, but let’s also look at some sentimental stories. This time, we have invited four girls working on bytedance’s data platform, namely “White space”, “Midnight Fall”, “Tifa” and “Xiaoci”. Let’s begin the text.

Authors: White space, Night fall, Tifa, Xiaoxi

Source: Original

Programmers this type of work have on social stereotypes, “black-rimmed glasses wear plaid shirt hairline slightly tall young man” image thorough popular feeling, but the programmer is not just a boy’s exclusive title, among them there are a group of girls, we call them “program are gentle, kind as kind can be together to listen to their stories.

1

Blank: a little flustered to find the direction

From internship to entry, from chaos to orderliness, from the winter of 2019 to the winter of 2020. Byte accompanied me through the initial social panic and discomfort, led me to the front-end code farming road.

I still remember that when I filled in the application form after the college entrance examination, I was reluctant to choose the major that my parents had decided. I dreamed of becoming a hacker and plunged into software engineering. But the reality is cruel, there is no solid foundation, there is no direction and planning, there is no strong action, everything is like a mirror and a moon.

Unwilling to give up halfway so, thinking how to insist on a, I took the first step. The first step is to define the direction for the future. Software development directions can be divided into several kinds according to different dimensions, and each direction is extensive and profound, so you need to choose one and choose the best one when you first enter this field.

This opportunity appeared in the group project cooperation in sophomore year. Group leader “or you write in the front” laid in group I, although is considered to be ignorant of the arrangement, but in the subsequent development of slowly fell in love with the front end, fall in love with web “fancy” style, fell in love with the integration of nature and value of design feeling, fall in love with the friendly and considering the body design of the satisfaction of mutual inductance and wrote that is visible. In order to better understand the road ahead, I chose to practice, to really experience.

Byte, my first internship company, here, there are a group of friends who love front-end, there are a group of good teachers who are enthusiastic about teaching, there are countless knowledge and secrets. Here, I firmly stepped into the front end engineer door.

2

Night fall: Flag recycling king’s front end journey

I never expected that the causality effect of raising flags would come true in this way.

Departures of no consequence

Primary school signed up frontPage interest class, now the motivation has been difficult to prove, until now the impression left only crayon small new.

Yes, that’s right, Crayon Shin.

I was exempted from the final exam and watched cartoons on the teacher’s computer while other students were struggling.

I guess this was my first encounter with the front end, because it planted a confident (and false) belief in my mind that maybe I was talented at playing with computers.

The source of the flag

This strange perception persisted into high school.

At that time, the information technology teacher was a young and thoughtful little sister, and the class taught the front three musketeers. Unfortunately for me at that time on computer class ≈ play computer games. Class is obviously not good to listen to, and the teacher is strict, so this and the front end of the contact is not happy, “hate” house and black, I make up the homework side set a flag: after killing I will not learn this stuff.

Flag harvest

My university experience is not very impressive, and the biggest intersection with the front end is that I learned UI design, drew the class website which is not mature now, and left it to the front end to cut graphics. My postgraduate direction is mainly graphics and rendering, and I went to the front end to do Java development.

At that time, because I was a girl, I was positioned at the front end of the direction (although TO this day I do not understand the logical relationship). Working with the remaining jquery code, suffering from horrible redundancy, I went down the road of “no return” refactoring until I had the opportunity to build a front-end project from zero to one.

Even so, I never thought I would choose the front end so soon. I think the turning point came one day in June 2019 when I bought the webGL Programming Guide online.

Since I had a basic knowledge of graphics in school, it was not difficult to learn webGL. Besides, the content in the book was a little superficial, which inspired me to “regain my old profession”, which was my real interest.

It is the right time for Bytedance to recruit a front-end position in the direction of visualization in Nanjing. For me, it is the right time, the right place and the right person. Three points are adaptation to reality, three points are accumulation, three points are hard work and one point is luck, which gives me this opportunity.

Looking back, I’m thankful for everything good and bad in the process: The stereotype of a “program girl” was an objective fact, but it didn’t make waves in my career, it gave me new directions; It seems that the direction of my study life is not good for me to find a job, but it provides me with a foundation for visualization. And flag, please smile

Anyway, it is always right to learn and improve yourself. I hope everyone can grow and gain in ordinary and ordinary work!

3

Tifa: No simple front end at all

I graduated 10 years ago “old Cheng Xuyuan”, also shameless to tell the story of me into the “front-end faction”.

Plain opening

At that time, I was an ordinary university of ordinary ordinary engineering school non-computer major freshman students, there is the beginning of the campus confusion and trouble, coupled with their own “thick skin, pocket money is not enough”, really greedy, want to rely on selling labor to earn some money to supplement supplement, and pull not face hair leaflets to sell a newspaper. “I have a friend who is writing PHP in the innovation experiment base. He can make some money. Come with me?”

Then I entered a “small outsourcing company” composed of school teachers and students. The teacher looked at me with a face of dislike and only knew how to draw blocks with VB binding button and click the operation, which indicated that girls were poor in code ability, so let’s learn simple front-end first.

Huh? Simple front end?

Yi ~ look back at other friends, PhotoShop is not easy to use, the page is Table layout, slightly difficult interface effects and animation effects are not easy to play.

It’s not easy! Come on, let’s see.

First, the Table layout is very Low, it was already popular Div+Css layout, this layout is much more flexible, but also can express richer special effects, the most important is to save the amount of code; There are also demoted compatibility (new CSS properties at the bottom, old CSS properties at the top), hacker tricks, etc.

Look at JavaScript on the browser already has good support, popular in the streets of jQuery framework, very suitable for us to do a small website “hanging advertising”, what is left and right banner, what is tofu full screen flying, within 20 lines of code, but it is too easy to use; Can also do a variety of animation effects through JS, rich website interaction.

Other submitted forms can also be partially refreshed using Ajax, reducing the waiting time.

You see, the front end is not simple at all, but also very test code and logic ability, the most important and is not a girl!

Try to make people progress

Later, I learned front-end basics through online help documents and learning websites. I took over most of the front-end page implementation work of the team, repeated experiments and adjusted my code implementation, and kept trying:

Since a website design style is similar, you should split a large number of style CSS, reusable parts sorted out, such as the page layout is only a few, write a public CSS in advance, when the need to cite the need of the part, high efficiency and quick money (laugh.

Customers are struggling with IE6, wanting better results and the js functionality available. Study browser compatibility differences and compare how to better achieve style compatibility; Plus the study of jQuery source code, also learned js compatible processing scheme, standing on the shoulders of predecessors to do things.

There are also improved page loading speed, fast debugging problem location and so on is worth investing efforts in the direction.

During this “making money” experience, I laid a solid foundation for front-end technology, which enabled me to find a satisfactory job as a front-end engineer after graduation.

Looking back, although these techniques seem outdated now, what benefits me the most is the process of learning and working hard.

Even now, after years of joining Bytedance, I’ve seen the front-end get more complex, the skills get more refined, and I’ve seen what “NB” front-end development is like. The environment inspires me to study and think 180 points every day, so that I can keep competitive and progress, worthy of my work goal — to write the most NB code to do the most NB front-end program yuan.

4

Xiaoxi: By chance, the front end of the journey began

When I was in college as an electrical engineering major, I was sure I wouldn’t be writing programs. Therefore, I don’t pay much attention to computer-related courses. I’m not going to write code anyway

After graduation, successfully entered an electrical related company to work, really do not need to write procedures. But who would have thought that in my third year, I went to the software department and started writing C++.

I was a little nervous about this course that I failed in in university. As expected, my C++ was mediocre, and I was really not interested in it. Therefore, during that period, I was thinking about what I want in the future. When I was confused, a senior in my department recommended me to learn HTML because he thought I was too bitter every day.

Honestly, I was thinking: what the hell is HTML? Forgive me for only knowing C, C++ and Java. But other people kindly recommended, or to understand the concept of the front end for the first time, understand the front end of three major pieces: HTML, JavaScript and CSS. After trying the first demo, I decided that this was the code I liked and the positive feedback was so strong that I decided to become a front-end programmer.

Therefore, in 2015, IN my spare time, I began to learn front end by myself, bought some books and looked up various materials on the Internet. Fortunately, in 2016, my department ushered in the first B/S architecture project, which gave me an opportunity to practice. After the project, I planned to work in the Internet industry in the second half of 2016, considering that doing front-end work in the traditional industry was not conducive to the improvement of technology. Fortunately, I worked in a large Internet factory.

At the end of 2020, I joined Byte and was responsible for business content that was quite different from before. It was both a challenge and an opportunity for me, with great pressure and a lot of harvest. Along the way, of course, a lot of hard work, however I feel lucky. The New Year, continue to work hard, may we all become better themselves. 5

Afterword.

Thousands of faces, one person a story, I do not know these four different styles may have a little bit of long-winded story, will now be confused about their future direction for you, give a little guidance and help.

Reference:

Program are gentle story onto the front of road: mp.weixin.qq.com/s/GiqveBdHO…