preface

It has been 15 years since I entered the society. I have tasted all the ups and downs on the way. Looking out of the window silently, I have been engaged in front-end work for nearly 6 years. A third of that time was in the front end, the longest career. Why did I do it so long? In fact, I often ask myself, how did I fall into the hole, a whole six years. As the Internet spread, a deep into the front end of the sea, often accompanied by bugs.

Six years of work, maybe there will be another six years, two six years, maybe…… The road ahead, no one can say clearly. Take a look at yourself first, and think about the way you’re going to go, and how you’re going to get better. (In retrospect, I don’t know how I came here. Although I know a lot, I don’t know more.)

Also didn’t make any achievement, maybe too lazy, complacent, low expectations, so at the beginning of my public named “lazy yards farmers”, in fact was not like that, is to help as much as I do to more yards farmers together to grow and learn, to learn experience, share out through this way, including community to share.

This section briefly describes his past experience, I believe everyone will not want to see a unknown man, and not what the front, isn’t IT a star, you can skip to continue reading, let your little detours, whether IT’s at the front, or turn to the front, or have set foot on the front of the road, let me say something about their own ideas, the hope can help you.

At that time, I was young, playful and average in academic performance. I also won a college scholarship and went to a third-rate university, majoring in computer information management, which is very suitable for what I am doing now. At that time, after graduation, I had no idea whether to get a job or choose a career first, which job to choose, which job suits me, whether I am interested in it or not, and I would have to rely on it all the time in the future. It was not difficult to make ends meet, so I just looked for a job at random, with no goal, no plan, no direction, not to mention pressure. In this way, what work have done, honed their own hard-working, develop studious, engaged in the catering service industry has been working to the middle management.

Until their 30 appears to step into ranks, disenchanted, often heard family, career, work, life, house, car, money, etc. Various kinds of pronouns, constantly hovering in the mind, the kind of invisible pressure, sudden cannot begin to imagine, if you want to eliminate it, will have to be strong enough to have the ability to earn more money. Finally into the Internet industry, that is high-tech, feel lofty, programmer wages are high, as long as write code, but also their own professional, starting from scratch is not afraid, easy entry, a little effort, not a problem, immediately rolled up sleeves to open dry. Leave out ten thousand words… 😜

Getting back to the Basics Here are some of the things I learned and grew up with:

As the saying goes: do a line, love a line, learn a line, specialized line. 👈

What is the front end?

People often surf the Internet. When you open a website, the page interface content and interactive experience are generally developed and designed by front-end engineers. The content belongs to the front-end part.

The front end refers to the front part of the website, also known as the Web front end, running on the PC, mobile and other browsers to show the user to browse the Web page. With the development of Internet technology, HTML5, CSS3, front-end framework applications, wechat small programs, cross-platform responsive web design can adapt to a variety of screen resolutions, perfect dynamic design, to bring users a high user experience.

Core technology: HTML, CSS, JavaScript

Before not called front-end engineers, called artists, cut figures, web designers and so on, as long as the web page three swordsmen (Dreamweaver, Fireworks, Flash), it is easy to find a job. Nowadays, with the rapid development of Web development technology, the front and back end separation technology is very popular, and the UI design and Web production are simply separated.

Core technology is the most basic and must master the three skills in front-end development. In the development of the front end, in the layout of the page, HTML will define the elements, CSS to display the elements for positioning, and then through JavaScript to achieve the corresponding effect and interaction. While it may seem simple on the surface, there’s a lot to learn. These concepts need to be understood and understood before you start development so that you will be comfortable with them during development.

Why the front end?

Look at these answers

There is no accurate or normative answer to this question. Since you want to work in front-end development, may I ask? Have you thought about that?

If you’ve ever done front-end work, you might say something like this:

• I like the front end, the front end work gives me a very good feeling, write things, you can see the effect immediately
• Front-end entry threshold is low, accidentally into the pit, regret has not reached
• Helpless choice, at the beginning of the team did not front, from other positions to come over, and then so dry down
• The front end is big, everyone knows the whole world is recruiting front end, middle and advanced front end is difficult to recruit

There may be other answers…

But for the young man who has just graduated, college students who have never stepped into the workplace, maybe they have never thought about why they choose the front end? I guess there may be the following scenarios (excerpted from Baidu Wenku) :

• Senior pull water, imperceptibly to stem the front end
• Non-computer major and not very interested in their major, but in order to have a job after graduation, looking for an easy to learn, but also can mix mouth rice on the whole first
• Blindly follow the trend, hear how the front end how good, that front end
• No future thinking of any career, first to solve the problem of work after graduation

There may be many different scenarios…

Reasons for choosing

In fact, many students who do front-end are like me. Take me for example:

• Don’t like the present job, the salary is too low, want to change a relaxed decent job, but also can improve their life
• Front-end entry threshold is simple, learn some BASIC HTML + CSS, will point JS effects, you can start to find a job, while doing while learning
• The front end is what you see is what you get, you see what you do, you know exactly what you’re doing right or wrong

As time passed, there was nothing else to do, and nothing else to do. I kept doing it, but today, I don’t think of front-end as a job anymore, I think of front-end as a hobby. So I feel more and more good, more and more relaxed, although there are still a lot of technology, a lot of knowledge to learn, but I have been insisting on learning, especially systematic learning, so that they can keep up with the pace of The Times, try not to let their early elimination. 🔥

The mentality of the halfway staff is more extreme, one is to value his prospects; Either they didn’t like their jobs (they were poorly paid or they didn’t work well). I myself belong to both. But whether you’ve made a career change, or are about to make a career change, I suggest you take some time to think about the following questions (excerpted from a trip to the front end) :

• What can I do?
• What can’t I do?
• What are my strengths?
• What are my weaknesses?
• What’s in it for me to be front end?
• What will it cost me to be front end?
• Can I keep doing this?

If you can’t answer these questions well and clearly, I suggest you don’t make the leap to the front end.

What does the front end need to learn?

The knowledge system

breadth

• Enthusiastic about new technology and willing to experiment
• Read some extra-curricular books

The depth of the

• Explore CSS, JavaScript design patterns, algorithms, framework underlying principles
• Learn, explore and summarize your own front-end development methodology
• A heart that is not content to dabble

Learning path

According to the corresponding knowledge points to find the corresponding learning materials (such as videos, books, documents, articles, project combat, etc.), the learning roadmap must have been seen, the essence of yong spread:

Xiaobian recommended detailed front-end learning routes, attached at the end of the article reference materials.

Technical output

The previous focus was on input. In fact, the process of learning is not only input, output is also a good learning method. There are many forms of output, such as blogging, teaching others, open source for others to use and so on. It’s actually a great learning opportunity, and it can make you grow exponentially, so don’t underestimate it. I will learn by learning while practicing, for example, I learn Vue, I will quickly read the document, and then write demo, and finally I will “from zero to achieve Vue family bucket project actual combat” combined with each knowledge point to digest it.

I will also make summary, write articles, open source projects and share from time to time, with the purpose of influencing others on the one hand and growing myself on the other.

Continuous learning

Choose this path of technology, it is necessary to be prepared to continue learning, daily progress, and keep up with the trend of The Times.

• Read a book, watch a video, look at the source
• Read some big guy blogs (link at the end)
• Regular summary, technical output
• Learn English (read technical websites in English)
• Pay attention to a few high quality public accounts

How to learn the front end?

Thinking about myself

• Read more – read more books, read more specifications, read more excellent websites, read more excellent source code
• Lots of questions. – Lots of questions. Why? Ask a few more reasons
• Do more – Do more practice, practice the truth, do more, more experience
• Think more. – Think more. Why
• Generalize – Generalize what you see, hear, and think is your own

At the beginning, I learned the front end in a simple and crude way, mainly using online tutorials, videos and official documents. I read the basic knowledge of the front end twice and checked the documents while learning and developing the technologies used in the project. That’s what the average programmer does. Just know how to use it. Over time, I have accumulated some experience in various projects, but the knowledge I have learned is very messy and I have not formed my own knowledge system. As a result, I can learn a lot but not more. After the discovery, I will sort out the knowledge system, strengthen systematic learning, and improve the technology to a higher level, all in the two-year planning. ✍

Do you get anxious?

Problems with career development

The following content is excerpted from the lecture “The Path of a Programmer”, with a link at the end of the article

Programmer’s midlife crisis

Midlife crisis is a real thing. Even with technology, it’s hard to avoid questioning and anxiety about your ability to survive. During these years of career development, I have been looking for a way to eliminate anxiety.

• How deep does the technology go?
• Do long technology always want transformation management?
• What can I do? What do I want to do?

Personal growth model

• A skill, is to cultivate your professional skills, your professional technology. (key)
• Work independently. When you reach a certain level of skill, you need to start thinking about how to work independently. (entrepreneurship)
• Own a business, choose a mission, and lead a team to achieve it. (entrepreneurship)

There are five levels of skill

• In-stack technology – refers to your front-end area of expertise
• Off-stack technology – Refers to the upstream and downstream of in-stack technology, and the relevant expertise outside the field
• Engineering Experience – the “solution” for building a professional technical system
• Leading people – is a requirement for teamwork
• Voice of the industry – summary of work experience to share with others

Never give up a skill, it’s worth keeping for a long time.

Although I am now doing technical management, I will never give up the root of my expertise as a front end. Some front-end students work for a few years after the front-end do more familiar, consider switching to other positions. But I want to say, when you turned the moment, just turn to the field into new technology “inside” stack, you then need to go again technology precipitation process, a few years in a hurry, the past again, so don’t easily “change direction”, the front end is definitely to be able to adhere to the field, for a long time now new software ecosystem, whether it is a small program, application, and even block chain, Will be aimed at JS developers first, because there is a large developer group, tool chain is relatively perfect, so long-term adhere to the front-end work, in the foreseeable future will not be “obsolete”.

The ability to survive independently is the ultimate answer to a midlife crisis.

Write in the last

Xiaobian is also engaged in technical management and project management. In addition to mastering the knowledge in my own field, I also need to understand and even participate in upstream and downstream work (product, design, front-end, server, testing, operation and maintenance to expand my knowledge), so that I can better cooperate with team members or other team members.

Life has no limits. If you want to work hard, it’s never too late to start. If you choose the front end, you should be prepared to fight a protracted war. After laying a solid foundation, you should pay attention to and learn the latest technology and framework at any time and keep pace with The Times, so as not to be eliminated.

Technology improvement needs a certain process, step by step, first set a small goal, and then to achieve one by one.

Have seen a lot of front god growth route, is also from the beginning of nothing, step by step into the front god. 😃

❤️ Love triple punch

• If you think this article is good, please like it, comment on it, and bookmark it to let more people see it
• Concerned public Account:"Lazy code farmers", get more open source projects, will push front end selection for you from time to time.
• In case of technical problems, please add me to wechat"Lazycode520", Xiaobian pull you into the front-end technology learning group.

The resources

• Travel on the Front Road www.w3cplus.com/front-end-t…
• The Web front-end development thoughts wenku.baidu.com/view/c9b9f1…
• Front End: Writing Before the Age of 30 juejin.cn/post/687560…
• Frontend Development Guide roadmap. Sh/Frontend
• The front-end study route zhuanlan.zhihu.com/p/164701269
• The front end how to systematic study from primary level to advanced zhuanlan.zhihu.com/p/129724445
• Growing up as a Programmer github.com/fouber/blog…
• How to Learn JavaScript? zhuanlan.zhihu.com/p/23265155
• Learning source code series www.lxchuan12.cn/
• Technology Stack Series www.inode.club/
• Open Source Project & Front-end Advanced Advanced Series shanyue.tech/