My three-year-old front-end Road

A blink of an end, graduation has been three years, the former small meat into a young man, is a bit off guard. Standing in the fork of time, a myriad of thoughts. Engaged in three years of front-end engineers, this way is how to come, here to do a summary, but also to the beginning of the front-end novice a little reference.

A year in the state-owned enterprise.

During my college years, my skills were not outstanding and my qualifications were mediocre. So that participate in Baidu, 360 of the school recruit have been brushed. So after graduating to enter the Peking University founder such large-scale state-owned enterprises. We hope to acquire a set of software development methods from large enterprises.

During this time I completed the transition from student to software engineer, knowing what the standard software development process was all about. In short, it is "stepping into society".

My post is a front-end engineer. In the 2013, Seajs has been a little famous, but we do not use, the overall development model is still the original slash and burn. A jquery as the base library, the whole site JS are used <script> tags to introduce. At that time, the backend is PHP, there is no back-end separation of what, the directory structure of the code is organized according to the PHP framework, template is of course the back-end template.

As for the compression and merging of the code, there was no grunt/gulp at that time, I remember using a client-side gadget to compress the code.

I cut the page, which is worth saying, because at the time our project was going to support both PC access and tablet access. So we used the more popular responsive design, that is, different devices use the same set of pages. At that time, I began to deal with Android/ios's webview. There are so many pits.

In order to learn the flow layout, I hold Zhang Xin Xu every night blog to see, he has a lot of CSS articles, I have seen more than once. According to the learned things, in percent units +inline-block flow layout + Media query, our project in a novice's attempt, successfully compatible with a variety of devices. That time is the fastest growing, but also very substantial.

But after a fresh period, I soon felt the "acclimatized" with the state-owned enterprises, the work rhythm of state-owned enterprises is procrastination, and I am blooded, it is really incompatible. There was a time when I was worried about the project, but others were unmoved, allowing the project to be postponed repeatedly. To know in the Internet company, the extension is very serious thing, but in the state-owned enterprise, is simply the commonplace.

Another thing that bothers me is that I have no object to communicate with. Department only I am a person to do the front end, as the front-end of the new I am very eager to learn from the knowledge, often run to participate in the W3ctech organization of the sharing meeting. But there is no one in the company who can communicate technology. I don't even know how the front end of other companies work, and I don't really have a real front end.

Call you a front-end you dare to say yes? I dare not. So in less than a year, I quit.

A year in a large internet company

After leaving my goal is very clear, is the Internet company, the higher the intensity of work the better. So he joined the 360 that was in the Tigers year.

Then my work is very substantial, see the bigger world, know the front-end of large-scale Internet companies are how to do. At first, the silver great God with, and later with the ink frequent contact with the exchange, growth quickly. Especially the odd dance group weekly sharing, I basically each period does not fall, absorbed a lot of knowledge. This time, I dare to say that I am a front-end engineer.

The company has a lot of Daniel, there are a lot of ready-made tools to use. And I was just a small front line of business, no chance to build wheels with Daniel. From the technical framework, I began to contact Angular,requirejs and Seajs also have some research, at that time because the H5 game started a burst of hot, but also contact the development of H5 Games, learned Cocos2d-js, but later H5 game wind seems to have been scraped, I never went into cocos2d.

At that time there are some needs to do the mobile phone page, so the mobile side of the project has done some, there is no more mature rem plan what, cut the diagram needs some extra skills, such as the size of the font is roughly, it looks almost on the line.

The MVVM development model and modular development are two important milestones in the development of the front-end, and are fortunate to have not dropped these two key nodes.

After I could admit that I was a real front-end engineer, I started to have other ideas, and it was a little boring to make a part in a big company. What I am eager to do at this point is to frame the front end of a project by my own power. So in addition to the various popular frameworks, I also studied some of the front-end engineering aspects of things, grunt tried a handful.

After feeling ready, I began to stir again.

A year in a start-up company

For some very realistic reasons, I joined the current company, a relatively mature start-up company. Two reasons: 1. Wage, 2. The outlook is good. After all, the North has been drifting for two years, and I have to do some preparation for my stay in Beijing.

After joining the present company, my position is no longer a part of the large machine, I need to take more responsibility to the front end of the company, because I am already a veteran. So my way of thinking must also change, before superficial understanding knowledge must now be understood, and more from the project as a whole to consider the problem.

I began to take the job interview and start bringing new people. Always think about how you can use the extra time to do something that brings real benefits to the company's front-end work.

On the technical side, the degree of freedom is also relatively large, you can try something new. First is the large-scale use of MVVM, if previously used angular is only dragonfly water, then it is now in Tens PV large site construction. Because our website also need to support IE6 (main user is teacher student, no way ~), so adopt the knockout that can support IE6. Plus Requirejs and knockout amd-helper plug-in, but also set up a modular development framework.

On the mobile side of the project, other colleagues have started to use Vuejs, using Webpack packaging. Embarrassed, I have great interest in both, but I have not been able to participate in the mobile project.

Last year began to promote sass in the company, because it has always been hand-knocking CSS. In addition, the construction flow is also used on the gulp, to do some project on-line construction work.

As ES6 is becoming more mature, and some of our projects are incompatible with low-browser. So some time ago began to use ES6 in the project, configuration Babel to compile, although now is not very skilled, but also must keep up with the trend is not. In addition, the jquery code in our project is almost gone.

About Nodejs, his amateur is also learning, early this year with the express framework to write a small team internal projects. Say Nodejs this thing, although I think the front end will have to point, but if there is no project-driven, to write Nodejs chance is still very few.

Now the more popular thing, the useless one is react, because there is no suitable scene now, and the current framework can meet business needs. Maybe it's time to try again. Just don't wait for me to find out when it's out of date.

This is the tempting place for startups to try out new technologies. In short, I still enjoy the state, the hands busy, calm heart, the brain plan for the future.

About front-end learning

Found so many years of their own toss or quite a lot of, their own growth in the road slowly forward, learning the pace of the moment can not stop.

I'd be happy if I had to write some advice to the novice students. First, the knowledge system of the front end is many and miscellaneous, so the drip accumulation is necessary. When I was a novice, there was a habit to help me a lot, that is to write a blog. Graduated three years, in the blog Park opened Bo also three years, blogging to your study has a great driving force, and to be accurate to express your understanding, you must know a certain knowledge points in the chest, which in turn can increase your learning depth.

Another is the knowledge route, there must be a plan, generally speaking, this main path does not offset: Native JS, using jquery and writing jquery extension, front-end template, front-end MVC (backbone), modular development (AMD/CMD), MVVM development model, React is represented by the Redux mode.

In addition, CSS is also the front-end of a basic skills, some from the back end to the front-end students do not want to write CSS, I do not think so, understanding CSS helps you to understand the front-end overall. So about the CSS learning, there are generally enough: the use of CSS to complete the page, CSS Fundamentals (see the standard document), sass/less, such as pre-compilation, architecture can maintain the easy extension of the whole site CSS. As for some of the new CSS interface, such as OOCSS, CSS module, I have not studied, these feelings are icing on the cake, you can first put.

Nodejs words, pour is not the most urgent need to learn, I see some novice classmate, Js/css still not skilled, on the Nodejs, which is a bit trifles. If the force, in the front of the foundation to learn to touch Nodejs.

PS. In addition to blogging, I am still writing my own public number, content is outside the technology of some thinking, interested students can pay attention to OH:

My three-year-old front-end Road