Story begins
My university is a junior college, and I studied mechatronics at school. When I was about to graduate, I chose to learn web front-end technology, because doing mechanical and electrical work is really tiring and low wages. I prefer to work in an office with air-conditioning. I am very realistic, just want to make more money. I have been a front-end programmer for two years now. My monthly salary is 13K. I have experienced two job-hopping. I got a 10K offer for the first time, and I got a 13K offer for the second time.
Before choosing to learn the front-end, I also thought about what to learn. In the end, why did I choose to learn the front-end, because the technology was relatively hot at the time, and I was also interested in computers, and the salary was good, and compared to the java back-end, the front-end was easier getting Started.
I also encountered many problems in the learning process, such as learning while forgetting. At that time, I felt that the content of the tutorial could be understood by myself, and I could imitate the code and complete the homework. But after a while, I reworked the questions and found that I had forgotten everything. Later, a front-end boss reminded me that I should review and apply the knowledge learned to real scene projects.
Another very important issue is the explosion of the learning mentality, mainly because I encountered a problem that could not be solved. After five or six hours of thinking about it, I couldn’t see what the problem was. I spent a day on this small problem. You will feel that you are stupid, you can't, and you have serious doubts about yourself. And this happens almost every day, because I have never been exposed to this knowledge, so I can't find the problem at all. I did take a lot of detours, but fortunately I persevered.
Then let's talk about how to learn web front-end with zero foundation.
The knowledge content to be learned for web front-end development will involve a wide range. Although it is mainly basic knowledge points such as html, css and JavaScript, in addition to learning these basic knowledge, students should also extend and expand on it. In-depth study, and the Internet age continues to develop, mastering these new technologies and new skills, the competitiveness of the workplace will inevitably double.
How to learn web front-end development with zero foundation?
The first thing to learn is the basics: html, css and JavaScript. HTML is content, CSS is performance, and JavaScript is behavior.
The threshold for front-end development is actually very low. Compared with the learning curve of server-side languages, the learning curve of front-end development is fast first and then slow.
Therefore, for those engaged in IT work, front-end development is a good entry point. Because of this, there are many self-taught colleagues in the field of front-end development.
HTML is the most basic, and HTML5 design is popular now, which can better serve the mobile terminal. You must first learn the web page layout. CSS is used to beautify HTML pages and provide layout and formatting for pages. Finally, learn JavaScript.
Here is a summary of a front-end learning route for everyone, you can refer to it.
1. CSS and HTML: Friends who are just getting started should focus on learning the basics of CSS and HTML. About CSS(3) you need to know the following knowledge points:
- HTML related concepts,
- HTML tags,
- Path related concepts,
- Anchors and others,
- Table label,
- Form label,
- Comprehensive case, registration page,
- CSS selection,
- CSS fonts,
- CSS appearance properties,
- debug,
- CSS composite selector,
- Label display mode,
- CSS background,
- Three major features of CSS and so on.
Generally speaking, the learning of CSS and HTML is relatively simple.
**2, JavaScript: **JavaScript has always been the cornerstone of the progress of front-end engineers. The depth of understanding of JavaScript determines the career development of front-end developers. The learning content about JavaScript includes:
- The browser executes the js process,
- js variables,
- type of data,
- Operator,
- Flow control statements (if else, ternary expression, switch),
- 循环（for、while、do while）、
- Array,
- Bubble Sort,
- function,
- Scope,
- Pre-analysis,
- Object,
- Built-in objects,
- Simple types and complex types, etc.
Only on the basis of familiarity with the basic grammar of JavaScript, can we continue to learn front-end development technology in depth.
3. Library tools: Our commonly used library tools include JQuery, underScore, zepto, Moment, etc.
- JQuery: Reduce the complexity of developers operating the DOM;
- UnderScore: provides useful functions;
- Zepto: a simplified version of JQuery;
- Moment: Date and time manipulation library.
These libraries provide us with great convenience, save us the time to write related methods, and at the same time, our programs are more robust-the methods we wrote ourselves are likely to have bugs in some cases. Of course, for these libraries, we don't just understand the API, we need to learn its source code. See if you have also thought of this way if you write related methods yourself. These library tools are also a good learning tool, and we should not ignore them.
4. Node and Ajax: Learning content includes:
- node environment installation,
- node modularity,
- gulp use,
- Server and http protocol,
- Ajax function encapsulation,
- Same origin strategy,
- The use of Aajx method in JSONP, CORS, jQuery,
- Ajax supplementary content.
After completing this part of the learning route, you can basically master the front-end and back-end data interaction, the development of the front-end and back-end separation model, and the traditional model. Therefore, it can have the basic employment standards of enterprises and can reach the level of junior front-end development engineers.
5. Vue :
The advantages of vue are:
- Flexible choice of templates and rendering functions;
- Simple syntax and project configuration;
- Faster rendering speed and smaller size.
We have to learn about this part
- Vue instructions,
- Modifiers,
- Style binding,
- The underlying principle of v-model,
- Calculated attributes,
- filter,
- Listener,
- vue components,
- Promise、
- Fetch、
- axios、
- vue routing,
- Front-end engineering and modularity, etc.
After learning the above content, everyone can realize the development ability based on the Vue technology stack project, and can basically reach the level of intermediate front-end development engineer.
Seeing this, I believe that everyone has a certain understanding of how to learn the front-end. In fact, the front-end learning route is not fixed, but according to the current market trend, the knowledge points summarized above are all the skills that front-end development engineers must master. Partners who want to learn can poke me and learn together. We also need to think carefully before learning the front-end.
Before you start learning, you need to do the following 5 points:
First: What kind of technical level do you need to get employed?
Since it is for employment, you need to know what technical level you need to learn web front-end programming technology in order to get a web front-end development job.
It is like a score line for the college entrance examination. Whether you can be admitted to the university depends on whether you can pass the score line. Software companies also have a standard for hiring you, so first you need to know what level of learning web front-end programming technology should be able to reach before you can get a job.
Current industry employment standards: need to have project development experience, one year experience in web front-end development project experience or more, one week after joining the company, you can participate in the development of project modules
Second: clarify what technologies the web front-end should learn from enterprises
The IT industry technology is updated relatively quickly, so we must learn the technology that the enterprise needs now, not some technology that has been eliminated. So as a person who starts to learn web front-end with zero foundation, you should understand which technologies you need to learn now, and these will be the content you want to overcome.
Third: a reasonable learning cycle plan
In a reasonable learning plan cycle, you have to learn a strong professional technology. You must not learn blindly. You must learn all the content in blocks. The content of each day is fixed. There is a word for learning programming called "step by step". Don't rush or delay.
The amount of study each day should be similar, and then complete the knowledge of the day, and master it, how many exercises to do each day, and what homework to complete. This should be based on your ability to accept learning ability and how much time you spend every day to study a reasonable cycle.
Example: If there are 8 hours a day, the recommended total duration is 4~5 months.
Fourth: Have a technical boss to guide you
If you are determined to learn web front-end programming technology, you need to have a good technical person to guide you in the early stage.
People who learn web front-end programming skills by themselves do not want to learn well in their hearts. Most of them want to be rewarded without paying.
Because the web front-end programming technology is very professional, someone must bring it in the early stage. The main reason is that the problem cannot be solved, the efficiency of solving is very low, and the more you learn, the more confused you will eventually lead to a waste of time. There is no process of communicating with professional people. After all, high salaries are not casual. If everyone can learn the web front-end by themselves, then you should be a person with strong learning ability such as 985 and 211.
Since people who are not in this industry know nothing about programming learning methods, they will definitely lead to a lot of detours and finally give up.
Fifth: Be determined to form daily study habits
After the above 4 points are resolved, the rest is to study every day for six months.
According to the people I have contacted, most people give up in the middle of the process. The main reason is that the value of desire is very low. If you want to get something, you must be very eager and give a lot of things. Most people are not like this. Therefore, it is very important to be determined to learn web front-end programming technology.
If you encounter any problems in the process of getting started learning the front-end, you can join the front-end getting started , which gathers some front-end beginners and teachers. You can get free learning materials, interview questions about html, css, JavaScript, vue, etc.