1. Getting started with web front-end development
In the introduction stage, you must first learn the most basic skills: HTML static page generation based on UI design draft. This requires you to master the skills of HTML, layout of CSS pages, styles of styles, etc. At this stage, you need to learn:
1. HTML + CSS basics
Master HTML tag usage, typography, CSS layout, styling, and browser compatibility. HTML and CSS Coding Standards: Master some coding skills to write better, higher-quality code.
2. Basics of JavaScript
Master the basic syntax, conditions, statements and loops of js, and learn common algorithms for enhanced logic.
Second, common front-end tools
such as Webstrom, Sublime, Dreamweaver, etc. Mastering technologies such as quick key settings can quickly improve the efficiency of development and debugging.
This stage of learning is relatively difficult. After learning these, we can complete the production of static pages. Of course, this is just an introduction, if you want to use these skills, it will be hard to get a job.
In the next stage, our goal is to meet the basic requirements of the front-end development industry, so that we have the courage to go out and find a job with a monthly salary of more than 8,000 yuan. At this stage, attention should be paid to these two capabilities:
1. Use jQuery, Bootstrap and other frameworks to develop complex interactive functions and effects.
2. Develop mobile terminals using HTML5, CSS3, and canvas.
Taking into account the first area of competence, you need to learn:
1. Basic special effects of javascript
It implements common network special effects such as Trojan horse, drag and drop, magnifying glass, etc.
2. The basics of jQuery
Master the general API using jQuery, and be familiar with jQuery's plug-in development mechanism.
3. Boot response
Master the mechanics of machine responsiveness, use grid layout and responsive layout in the boot process, and develop complex page layouts.
4. Ajax basics
Fully understand the principle of Ajax, master Ajax native and jQuery ajax usage.
5. UI popular framework
Master the use of JQueryUI, the role of web pages is to achieve fast and effective.
Learning these skills, you can independently create business and business websites, realize the dynamic effects of ordinary JS, and realize cool effects and complex functions under the guidance of jQuery.
For the second aspect of mobile development, you need to learn:
1 new features of HTML5 and CSS3
On the mobile side, master the skills of HTML5 and CSS3.
3. Front-end development steps
I know that you are an ideal person and will not be satisfied with the main front-end development. The next step is to take an advanced development path and improve your ability. Wages will go up a notch!
However, if you are a new front-end, you may not have used or heard some of the knowledge in the next article. Don't worry, you can collect articles first and then slowly understand.
Then, at this stage, we should focus on mastering the following two capabilities:
1. At the same time, we consider the elegance of the code, and pay attention to the performance and reusability of the code.
2. Deep understanding of the principles of front-end framework implementation and the ability to develop and reconfigure front-end general terminal components.
At this stage, you need to learn the following:
1. Thinking about object-oriented development
2. Object-Oriented JavaScript
3. Advanced functions such as javascript closures, scope chains, prototype chains, etc.
4. Commonly used design patterns
5. Implement framework encapsulation using native JavaScript principles
6. jQuery framework encapsulation principle
7. Implementation principle, jQuery plugin
Master the implementation principle of jQuery plug-ins, and deeply understand the two extensions of the plug-in implementation mechanism.
8. Component-based and modular development: SeaJS, RequireJS
If you master these skills, you will be able to solve complex problems and technical problems, and be able to independently design and develop complex functional modules. If you have reached this level, congratulations, you have fulfilled the intermediate needs of the front-end industry. According to market feedback data, the average salary is 13,000-20,000 yuan per month.
Fourth, advanced front-end development
The entire stack development engineer is not only the front-end, but also the back-end, which can quickly solve problems and solve problems quickly. According to the collection of statistics, the 20k-50k salary development engineer Beijing group is as high as 60%, and the talent is very short!
In order to improve a bunch of developers, we have to do this at this stage:
1. We can understand the principles and implementation modes of popular frameworks from the global perspective of the front end.
2. Have a deep understanding of the development model and technology selection of mobile applications.
3. Familiar with full stack Node.js solution;
4. Understand the mainstream background technologies and collaboration methods, and understand the entire life cycle of the project from a global perspective.
So you need to learn the following:
1. Workflow framework for website development: homesteader/guru htoon kiosk.
Mastering popular front-end workflow tools can make front-end development more convenient and efficient!
2. MVC/MVVM framework: AngularJS, etc.
Master the implementation mechanism of the front-end MVC/MVVM framework, understand the practice of the MVC development model of AngularJS, and understand the related concepts of two-way data binding.
3. HTML5 Responsive Framework
4. Popular UI frameworks: JQueryUI, EasyUI, ExtJS, etc.
Master the general UI framework packaging principles, and deeply understand the concept of component-based development through source code analysis.
5, ion, angle
We should master the hybrid development mode of mobile terminals, and combine the understanding of ionic and angular with the JS implementation mechanism of HTML5 and CSS3.
6. Response to nature
Master the development mode of mobile terminal.
7、HTML5 Plus
8. All stack Node.js development
Master Node.js full-stack solutions and efficient development of server-side JS.
If you can master the knowledge and skills of the above four stages, you can meet the advanced needs of the front-end and mobile development industries.