What is the front-end?
That front-end web front section, also known as front-end development, web show to the user running the browser on the PC side, the mobile terminal and other browsers. With the development of Internet applications HTML5, CSS3, front-end framework, cross-platform responsive web design to fit screen resolutions, the perfect move-efficient design, giving users a high user experience. (Core technologies: HTML, CSS, JavaScript)
The core technology is the front-end development of the most fundamental and essential three skills. The development of front-end, when the page layout, HTML elements will be defined, CSS positioning of the elements of a presentation, and then achieve the corresponding effects and interactions using JavaScript. Although the surface looks very simple, but this is something which needs to master absolutely no less. Before proceeding to develop, these concepts need to figure out, figure out, this will be handy in the development process.
The first stage
1.html+css
HTML, CSS, div + css layout, HTML + css whole point of development, the appropriate knock some pages of static pages
2. Primary JavaScript (js)
Encyclopedia of Common DOM tree operation, Js based tutorial, js built-in objects commonly used method, ECMAscript, DOM, BOM, timers, and the focus map
3. Advanced JavaScript
Regular expression, sorting algorithm, recursive algorithm, closures, throttling function, the scope chain, moving frame based on the distance, the object-oriented basis,
Hanging device, DOM operations, special effects and animation, drag, deform, JQueryUI basic components used (use of JQuery)
second stage
1. Mobile Web Development
Try different service ports, the most common iOS, Android, iPad, etc. (page layout should write perfect)
Now the mainstream technologies include: 1.iOS application development; 2.Android application development; 3.WinPhone7 / 8 application development. There are some system-level development, such as an embedded operating system, usually for WinCE, Linux, Android, JVM technology.
Must be able to: Cross-WEB terminal and mainstream device profiles, viewport, flow layout, flexible box, rem, the mobile terminal JavaScript events, phone common JS effects production, Zepto.js, scrolling, and so important phone technology
2. Small program development
With the mobile side, now more and more fire applet, you can do some small program to develop micro-channel to improve their
3. expand
Common AJAX request and json parsing, Bootstrap layout, echarts like to use.
The third phase
The most important thing is the front module component-based development
Learn mainstream popular frameworks and libraries
React.js, Vue.js, Zepto.js, Angular.js, Backbone.js etc.
To master at least one or two kinds of methodological framework, or need to develop their own learning framework in accordance with the direction of their own future work,
The fourth stage (full stack development)
Attempt to try to end the service request, although there are a lot of language background, such as PHP, JAVA, Phton and so on, because here we learn is JavaScript, so we recommend learning Node.js, this is relatively easy to get started, node development include:
Node.js development, ecosystem, Io.js, Linux / Windows / OS X environment configuration, REPL environment and the console program, asynchronous programming, non-blocking I / O, modular concept, module management tools, development process, debugging, testing Wait
We learn the background most want is this idea later in the development process, developers can back with better communication, avoid some of the gap created