Learn how to develop front-end zero-based learning route _ _ large web front-end advanced from white to God

Below we explain the need for front-end technology and learn what route master
the basics of Web front-end:
a. 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 understanding of the role and use of the rules of
JS Advanced: 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 advantages and disadvantages, asynchronous requests, string templates, cross-domain
NodeJS: knowledge Node servers, 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:
Angular Detailed, 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. Then you want to accept the web front-end training, web front-end training institutions ×××? Here we suggest that you can consider the web front end Ashoka classroom training institutions.
Required you can add me to receive qq3252897743

Guess you like

Origin blog.51cto.com/14334627/2413846