From this foundation phase begins formal learning HTML Web programming language development needs of the front, CSS and JavaScript. HTML and CSS for presentation static Web content, JavaScript for Web dynamic interaction. The front end of the development phase of learning, you can independently implement a dynamic Web front-end project combining it!
Phase II: Advanced front-end skills
Advanced stages of learning web front-end development, first and foremost is to allow us to quickly grasp today's popular, practical, new skills, such as: less, sass, json, ajax, etc., and these front-end skills into practice quickly, in line with the development of even more customers the front page of the web experience.
The third stage: the main structure use
Excellent Web front-end development engineer necessarily the pursuit of high-power "lazy." The construction phase is to teach you how to use the Web front-end structure prevalent today, including bootstrap, Angularjs, etc., to improve front-end development power. In the front-end structure their learning together, hope you can grasp the way web front-end structure of any one of the quick start! ?
The fourth stage: front-end skills to broaden
web front end skills development by leaps and bounds, and therefore broaden the learning and practice the skills of front-end is very important for the web front-end engineers. This phase is to broaden learning and web front-end project development exercises based on actual combat, Backbone, bootstrap and other skills.
first part:
Html, css, js root, jq portion
The primary project site master the game, the more skilled knowledge
the second part:
Js advanced, large data visualization, modular, HTML5, mobile terminal, etc. Ajax
The primary master:
Advanced javascript project combat Snake game
html5 game project combat Bird Flappy
MVC design Design project combat Zeences
nodejs project combat Baidu album system
node socket project combat live chat system
node socket project combat multiplayer online games online
The six projects proficiency in more than knowledge
the third part:
Use ES6, Webpack, vue2.0, react, angular structure such as
The primary master 11 projects practical, skilled use of the above knowledge points
Micro-channel project combat personalized postcards, Raiders and needle punch gadgets
micro-channel project combat Keshi ordering system
Vue cli project combat power the US group's website
React Bootstrap project combat BootStrap official website
create-react-app project combat Tencent News
Angular6.0 Ionic3.0 project QQ client combat
complete set project combat
React PC end buy site
Vuex mobile terminal buy site
KOA + MongDB establishment server
Angular 6.0 to establish the background handling system