How to learn front-end technology from scratch
No technology can't be learned, 10 hours can introduce a new technology, 10000 hours can become an expert in a field.
01 Preface
The Internet is extremely popular in today's world. Everyone tries to break their minds to learn and enter this industry. As a front-end person who has learned from scratch, I will explain in detail how I came here. I hope everyone will find their starting point from this experience. If you do n’t have any idea about the front end, in fact, this is just a one-way technology. For example, we see gorgeous websites, an open WeChat applet, and an open APP, which are actually front-end content.
At this time, everyone may ask, do we have to learn so many technologies? Actually, otherwise, basically you can master one of these technologies, and you can find a good job. There are very few people who are proficient in each technology.
02 Climbing stage
Bronze stage
We start with the most basic front-end basics, which is also our initial starting point. In this process, you will feel that the front-end world is so small, everything is handy, and once immersed in your own world, you cannot extricate yourself. You want to go out on your own, but you are afraid of the outside world, so you may linger here for a while, and you will naturally climb over when you feel that you can have confidence in Daguai upgrade.
I also started from the two basic knowledge of html and css. After writing some static web pages, it can be opened and run locally, and I can see my results. In fact, I do n’t even know that the webpage needs to be deployed on the server in this process, or what the so-called animations and interactions are. In short, you will not pay too much attention to your knowledge, but will appreciate your work silently.
In fact, at this stage you can also find some webpage templates to look at, mainly to learn some structural knowledge. In other words, you need to know where to put the div and where to write the p or h1 tags. After the structure is built, you can pay attention to the use of these attributes of css, where does the red color come from, and where is the blue background set here.
Here you can recommend everyone to see:
- Rookie tutorial
- w3c school
- Take someone else's page research (static)
Silver stage
In the previous stage, you have learned how to make a simple / complex static web page, but all are hard-coded content. So at this stage you can learn how to make animations. With JavaScript as a scripting language, it is even more powerful. At this stage, I was very concerned about how the page moved. I just used a timer function and nothing more.
If now, everyone will not write these functions to make the page move, there are many ready-made components or frameworks. Maybe you did n’t care much about these things in the past two years, but nowadays various frameworks are emerging one after another. We will not care about the realization of the underlying principles. We only care about out of the box.
Here I recommend everyone to see:
- Introduction to JavaScript Classic (Book)
- JavaScript Advanced Programming (Third Edition) (This book is difficult and suitable for people at all stages to learn)
Golden stage
When you have mastered the "three-piece set" at the front end, we should be able to do something, and it is time to test our learning results. But do n’t worry, there are a lot of things that can cause headaches at this stage. The fundamental reason is that you did not learn well in the previous two stages.
Yes, at this stage, your main task is to choose a more popular framework to learn, and then understand the surrounding ecology of this framework, how difficult it is to get started, and whether it caters to the current company environment. In fact, it seems that you can rest assured to learn the three major frameworks of vue / react / angular, because many large companies will basically use these technologies. And basically you must master one of these techniques.
Here you can choose the vue framework, which is relatively difficult to get started. This framework has been maintained. Now it is ready to release version 3.0, and everyone must be ready to learn. In addition, the surrounding ecology of Vue is very good, and it is used by people all over the world. The official website has rich and comprehensive documents. You can find the knowledge you want on it. It is for this reason that there are a lot of vue-based frameworks that support vue's syntax. A better one is uniapp, which can be turned into a variety of terminals. Its goal is to create a multi-end unified framework.
You can use vue templates to easily configure beautiful, usable background management system templates and some webapps.
Here I recommend everyone to see:
- Framework's official website
- Vue.js actual combat (book)
- A simple explanation of vue.js (book)
- github project about vue
Diamond stage
I was thankful that I had already survived that year, and you thought that life finally reached its peak. But you are wrong, your front-end life has just begun, and the various things you have done just to start now. This is why many small friends will feel that the front water is deep, so that the more they learn later, the more they doubt life. I do n’t understand why I should treat myself like this, just tell me that the front water depth is good, right? But what I want to say is, since the road is chosen by yourself, you will be happy to go on, you will be grateful.
After going through the previous stages, you can already find a job where you can practice. You can exercise what you have learned before to see if it is different from what you have learned. But if you are going to an internship in a small company, the content may not be learned by yourself, because each company has its own internal framework, you may need to re-learn. So be sure to understand what technology stack the company uses before going?
At this stage, you generally need to learn front-end packaging tools, such as the use of webpack, as well as front-end engineering content, code merging, code segmentation, unit testing, performance optimization, automatic build, deployment and other content. There is also a lot of knowledge in it. Thought cannot be learned in a moment, and it can only be understood after a long period of accumulation. And the role of theoretical study of these things is not great, you must experience it in person to understand the essence.
Here I recommend everyone to see:
- Simple explanation of webpack (book)
- Front-end engineering (book)
Here is a summary:
It is not easy to reach this stage, at least about half a year has been learning and practice, which is why many training institutions will have a training period of 4 to 6 months, but I can tell you that the training church is only your business Knowledge, teach you how to develop pages. If you want to study by yourself, you must learn its theory and principles, this is useful, and it is also a key part of your passing the interview. In general, like the picture below, you thought it was finally over, but it was just the beginning ...
King stage
Generally speaking, when you reach this stage, you can get through your life. If there is no accident, you will be able to independently lead a small team to develop products and be responsible for a certain production line project, that is, leader-level characters, and many You are responsible for the interview.
However, only a small number of people can arrive at this stage, and it may not be necessary for someone to give up and inherit the property in the previous stage. Since I haven't reached this stage, I don't know what to say or what to recommend. When I have the ability, let me talk with you in detail, the topic is reserved.
03 Interview basics
This part has been running through the entire learning process, because you will eventually have to work in a company. But you need to understand that you can only enter through the interview, otherwise even if you have a strong skill, but you do not pass the interview is just busy.
Here I suggest that you must pay more attention to the basic knowledge of computers. These are generally asked more in the first round of interviews, and they are also more basic. However, I found that many students do not pay attention to this part, and think that it is not necessary, and they will not use this very partial knowledge in the future. Simpler will ask you the difference between threads and processes. These are the basics of computers. Is it simple? simple. is it hard? It's really difficult.
The emphasis of each company's assessment is different. For example, the knowledge of byte jumping is more partial algorithm. Each round of interview will call you a handwriting algorithm. Such an interview is a process of looking for abuse for students who cannot algorithm. However, for example, Tencent, he may focus on some knowledge, such as computer networks.
In any case, the best way to pass the interview is to read the face of the brother and sister, and then summarize a set of questions, so that the interview will not panic. But you have to understand the principles inside, and you can make an analogy. The back answer cannot pass the interview.
I recommend everyone here:
- Sword finger offer (book) () Oriented algorithm / brush question
- Graphical http (book)
- Graphical tcp / ip (book)
- Niuke.com (Look at the face)
04 Summary
I will not elaborate on the specific and in-depth knowledge. The above is only the general direction of front-end learning, and this is also my own learning direction. It does not mean that the front-end should be such a process. But generally speaking, most students will go through such a process. There is always one step to learning. Many things are not achieved overnight. I believe that everyone can create their own learning route according to their own situation.
If you have the habit of self-discipline, don't go to a training institution. If you can afford it, buy more books. The current investment is responsible for the future.
