With the rapid development of the Internet, the demand for web front-end personnel is increasing day by day. The continuous rise of Internet projects has made players in them put forward higher requirements for user experience, and front-end development has gradually become an indispensable. With a professional R & D role, Web front-end development has begun to be valued in China, and the popularity of "front-end engineers" has continued to increase and continues to show a growing trend.
Front-end development is a profession with obvious characteristics of the times. In fact, it has not been taken seriously for a long time. In the past few years, front-end technology has been updated at an alarming rate. More and more applications on the market require the support of front-end technology. The popularity has led to a wave of learning front-end development, so today we will talk about how to learn front-end development.
Lay a solid foundation
To become a front-end engineer with an annual salary of 30W, you must have a solid foundation. If you don't know the basics, you should not laugh.
Basic knowledge of css and js must be mastered . Can you use css to achieve zebra stripes background and frosted glass effect? Can you achieve a filter effect for pictures and all adaptive layout effects? Prototypes, prototype chains, and closures are essential knowledge for implementing design patterns. Do you really understand? What is the reason for the memory leak caused by closures, have you figured it out? How many kinds of ajax cross-domain solutions can you say? It's 2020, do you still just tell me jsonp? Have you understood the http protocol? How to implement static resources without caching in http protocol?
It is now 2020, and you might say that these problems are old-fashioned, but what I want to tell you is that it is important to master these old-fashioned foundations. The upper-layer technology can be changed quickly, the foundation changes very slowly, invest time to learn the foundation, and the cost performance is very high.
Investigate the principle
With the popularity of Angular, React, Vue frameworks and scaffolding, more and more front-end engineers are floating on the surface. Calling the API of the framework to complete the task is done. To become an excellent front-end, you must not become a simple "API calling engineer", you must master the principle knowledge behind the framework.
Virtual DOM diff algorithm, two-way binding principle and the mechanism behind the framework are all worth learning. Framework APIs can be updated quickly, and the principles behind them are similar. Learning the principles can not only give us a deeper understanding of the bottom layer of the framework, but also allow us to quickly grasp the constantly updated surface of the framework. Only a frame can never become a great god.
Attention to detail
At work, people who do things well are often embarrassed to take up positions. As front-end engineers, they are no exception. The perception that "code works" is often a common problem for junior programmers. As an engineer who has ideals on the technical road, he must strictly demand his own code and keep improving .
For example, HTML must pay attention to semantics to facilitate SEO optimization. The use of <section>, <head>, <foot> can not be done with <div>; when writing styles in CSS, you ca n’t use styles on the page. The sorting of names and attributes is a mess. It is recommended that you write good-style code according to the BEM specification; random naming of variables in js is a very common irregular behavior. An unintuitive variable name often makes colleagues look at their heads.
"Ten million lines of code, the first line of comments. The naming is not standard, and colleagues have two lines of tears." A popular poem contains the blood and tears of many programmers.
Ascend and see far
After so many years of rapid development, the front end has long become a vast sea. It is undoubtedly very slow if you ponder your head and study hard by yourself.
If we go directly to learn from the Great God, it will make us grow fast. There are many excellent front-end projects on github. Studying the code of these projects carefully and viewing the evolution of programming ideas and logic in the commit record is a direct face-to-face communication with the God. It is a wonderful learning journey.
Now online courses are also very rich, there are many technical Daniel courses that let us learn technology quickly through live video explanation, is this not a way to learn from the gods quickly.
Liangshu Yiyou
Although various documents and blog posts on the Internet are now abundant, for students with insufficient work experience and weak foundations, picking up the books and being able to learn from time to time is the king. Checking and filling vacancies is a solid foundation.
I recommend several books worth buying for everyone, "Illustrated HTTP", "JavaScript Design Patterns and Development Practices", "In-depth Understanding of ES6", "High-Performance JavaScript". These books are worthy of repeated reading many times, and are of great benefit for consolidating the foundation, learning the basic knowledge of the framework, and writing high-performance code.
I am currently working in front-end development. If you want to learn front-end development technology now, you will
have any questions about learning methods, learning routes, learning efficiency, etc. in the process of getting started with front-end learning.
You can apply for my front-end learning Exchange skirt: 600: 610: There are some beginners who are self-study front-end in 151, and
there are also some front-end learning manuals, front-end interview questions, and
front-end development tools in the skirt file. , PDF document book tutorial, you can download it if you need it.
Follow the trend
Now the front-end technology system is updated very quickly, thinking about whether to try to use Vue as if it were still yesterday, and today I woke up and saw that Yu Yuxi announced that he would develop Vue3.0.
In the front-end system, SPA has not been a new term for the past two years. PWA, SSR, and small programs are becoming more and more popular. The trend of front-end microservices has also emerged. RN and electron are more and more used on the mobile side and the desktop side. ES10 It has been months since the standard was released.
Therefore, the most important thing is to break through the limitation of current job requirements, integrate various technologies, create a new technical framework, be a technology leader, and adapt to the development of the times.
