Lead:
Now that front-end development is more and more well-known, and front-end development engineers have been derived, how can one become a qualified front-end engineer? How can we avoid detours? If you don’t have a plan, just follow the steps below, which can save you a lot of detours and save a lot of time.
The first stage
Learn HTML+CSS and be able to use these two things to write particularly simple pages, such as box models or articles with pictures.
Recommended learning website rookie tutorial
second stage
Learn native js and its methods of manipulating html. Note that if it is native js, only by understanding native js can you quickly master various frameworks and their principles.
It is still recommended to learn the URL rookie tutorial
The third stage
Learn about jquery and bootstrap framework, the former is js framework and the latter is css framework.
This is the first framework you learn. You need to study carefully. Follow the examples inside and write each one manually.
The fourth stage entry is completed
Learn html5 and css3. As long as you finish this stuff, you can imitate Taobao or Jingdong homepage and write an imitation Taobao or Jingdong homepage. At this time, you will feel full of accomplishment.
Fifth stage
Learn mobile page layout
Introduction to cross-terminal WEB and mainstream devices, viewport, streaming layout, flexible box, rem, mobile terminal JavaScript events, common JS effect production in mobile phones, mobile phone scrolling. Make your page adaptable in the mobile browser.
Sixth stage
Object-oriented advanced and learning network requests (using the interface get and post), and the use of ajax. Understand what cross-domain is. Understand the introduction of ajax and the concept of asynchrony, the encapsulation of the ajax framework, and the detailed introduction of the XMLHttpRequest object. json and json analysis, jsonp solves cross-domain problems, and uses ajax in jquery.
Stage 7 qualified front-end developers
At this time, you are already a qualified front-end engineer. We have to learn about mainstream development frameworks, understand what MVC/MVVM/MVW frameworks are, and choose from React.js, Vue.js, Angular.js One to learn, and use webpack for project engineering and packaging.
Eighth stage
Advanced
Node.js full-stack development, to understand what node is and its current role, in fact, it can also be used as a background development language, and its syntax is very similar to js, so for our front-end development engineers It's really a very good tool to understand the background operation.
Learning native nodejs, express and koa2, deep understanding and using node.js, will greatly improve your engineering thinking.