Recommend a 2019 end-date learning route

We always told me to learn some of the web front-end route and some vue, angular, react tutorial, I lazy, he did not finishing off the tutorial system, because the Internet is also more than that, I'll have time to get started and to enhance the popularity of recommendations , thinking improved, clear like a natural route, so he put together this learning path under article dry content in the end the welfare ↓
for many people, the problem lies not found the right direction, he did not know what to learn? Front-end system is complex, difficult to single-mindedness, so deliberately take time to summarize routes to help you.
One. Front-end concepts established
main elements:
concept browser Introduction: the role of the browser, work
concept browser Introduction: the role of the browser, works
HTTP protocol: the reason the agreement produced effects and content of
the page load process: when what happens after a user opens a browser and enter the address bar and press enter
two. HTML-CSS-JS basis -jQuery
learning content:
HTML and HTML5: to understand how the browser parses HTML, the basic rules of grammar, use different labels, nested
CSS: understand the rules of grammar Cascading Style Sheets, all kinds of box model and common layout
CSS3: pseudo-class, new selector and advanced box model
JavaScript: understanding the role of the JS, operating rules, grammar rules, the data type determines, loop
objects, arrays, functions, date, regular, exception
the jQuery:
$ function , selector, commonly used method, chained calls, project combat
III. JS Advanced - new features of object-oriented -H5
main contents:
DOM: DOM understand the role and rules of use
Advanced JS: Shortcut properties and size, browser detection, event flow
object-oriented: the constructor, prototype, inheritance
H5 new features: multi-threaded, event push, front-end storage, canvas, history, etc.
IV. -AJAX-NodeJS- database design pattern
learning content:
Design Patterns: singleton, factory model, closure bags, the MVC thought, like the MVVM
AJAX: AJAX disadvantages, asynchronous requests string templates, cross-domain
NodeJS: Node server knowledge, interfaces, file operations, Express frame
database: concepts data, classification, use the Node to operate the database, MongoDB database
V. Engineering -CSS precompiled -ES2015- applet
main elements:
engineering: Gulp use, Webpack use
CSS precompiled: Less use, Sass use
ES2016: block-level scope, the new definition of key variables, new ways to expand, string interpolation with a template, a new data structure, a new way of programming, classes, inheritance, modular
applets: applet registration, introduction, components, API, cross-platform common procedure
VI. Vue-React-Angular
learning content:
Vue: Vue Detailed, Vue plug-in, Vue scaffolding, Vue project combat
React with ReactNative:
React Detailed, React component-based, Redux state management, React project combat
ReactNative Detailed, ReactNative create a mobile client application, ReactNative project combat
Angular:
Detailed Angular, Angular characteristics, Angular project real
good web front-end development prospects, naturally want to attract more young people into the ranks of the web front-end engineers.
I need the information can be added to receive qq3252897743