Front-end learning path
1.WEB the front Quick Start
At this stage, we need to know HTML and CSS-based, of course, also includes new features H5 and C3. This part is very simple, and very easy to grasp. I believe you are also more willing to learn this part, after all, he can make you feel the charm of the most intuitive front end. In order to exercise the code you write, you can go to achieve results based on your favorite sites. This phase is very important foundation stage, the so-called foundation is possible at this stage of our learning content, allows us to develop sites out gorgeous site, but feature-rich but temporarily can not. In order to complete a more beautiful site, we need to have common effects of implementation, and take advantage of new features css3 h5 achieve animation, layout, Sprite map, sliding doors, tab switching and other special effects. And master the basic site optimization content. For example sprite and so on. While we can not do more interactive content, but we will learn a lot of knowledge and theoretical models, and these models and theories of knowledge is the cornerstone of our late work and study. With a solid foundation, we can go faster and more stable.
Note: This stage does not involve programming, mainly familiar with the use of a variety of labels HTML5, CSS3 various uses of the property.
2.JavaScript foundation and in-depth analysis
JavaScript language is very important, we can say learning is essentially the front end of learning "JavaScript" programming. Behind the school they are all JavaScript-based. JavaScript language allows page elements with dynamic effect, makes the experience of more smoothly. This is the current popular B / S architecture system, is extremely important. This is why the popularity of front-end engineer, is the root cause of a wide range of needs. At this stage, we mainly learn basic JavaScript syntax and in-depth analysis JavaScript, DOM manipulation also includes covers and object-oriented design patterns, the course also covers the compatibility processing and data analysis. We hope everyone can master this knowledge point at this stage.
3.jQuery application and project development
jQuery is a fast and concise JavaScript framework, jQuery design aim is to "write Less, Do More", that is advocated write less code, do more things. It encapsulates the JavaScript code for commonly used functions, provide a simple set of JavaScript style, optimization of HTML document manipulation, event handling, animating and Ajax interactions design. At this stage, we focus on how to better explain the application of his design approach and jQuery, jQuery also includes extended content.
4.PHP, Database Programming and Design
Back-end server engineers need to understand the basics of the front, the same front-end engineers must understand the basics of server-side programming. We can not proficient, but you must know the whole process. As a front-end development engineer, will be a back-end language is inevitable. In our course, your choice is PHP, because PHP environment to build simple language and JavaScript similarity is relatively large, and easy to use, connecting to the database is also very convenient. We hope the contents of this stage can help you grasp the front and rear end interactive data. By learning PHP, front-end engineers also known as "full-stack engineer." Not only do the front-end development, back-end server can do the development.
5. Http service in Ajax programming
Ajax really is a very old technology, but until now, this technology is still widely used, can be seen, how good he Yes. At this stage, we will take you through Ajax, and to master its application. Also contain understand the relevant knowledge Http. For the site, in addition to the results page can see it is the data. Therefore, to obtain a reasonable fit is particularly important data. Ajax is also included with the relevant cross-domain process, we hope everyone can master the core knowledge points.
6. Make a stage of the project
This phase of the project is purely practical, in front of mastery can be learned, no real equivalent to no learning; main practice network requests, site layout, website optimization, content, and we need to have a certain project and understanding. Therefore, under the leadership of the teacher, you can quickly understand how to build a project, how to achieve a more elegant code. The teacher will complete the entire project development process are set out. This stage also apply BootStrap exercise, but also include some popular third-party plug-ins. Display specific application in actual combat.
7. H5 development of new features and the mobile terminal
H5 new features now, is no longer new content, the project can be seen everywhere, after all, there will be no end mobile compatibility issues, and reflect these new features in the mobile side is also very good. Positioned, for example, semantic and the like. Use Canvas to achieve greater effects.
8. High-level framework
With the demand for more and more projects. The traditional development methods can not meet our needs, so we need more support. At this stage, we explain the modular program will be broken down into modular development. We need to do Nodejs support,
Either as a builder and server exists, or provide data simulation test for us, it is essential. With ES5 who experience hair hiding something under development, ES6 soon solve all kinds of headaches. We also have to master more of a focus there, for example, more than collaborative development (git or svn), written using the CSS Less and Sass completed better. Next we introduce the three current front-end framework: Angular: Angular is a development platform, he can help us to easily build a Web application, we will explain Angular declarative template in this part of the curriculum, dependency injection, end-to-tool and some of the best practices in one. We cooperate examples to explain the curriculum through the complete project, so that everyone is easier to understand the application of Angular.
React: As one of the three front-end framework, React has a declarative and assembly of two characteristics, React can easily create interactive user interface. Simple design views for each state in the application, when the data changes, and React to efficiently update the correct render component. Declarative view makes your code more predictable, easier to debug. Created components have their own State (state), and then a combination constitute more complex UI interface. As the component logic is written in JavaScript, rather than a template, so you can easily pass through the application of rich data and State (state) remain outside the DOM.
VUE: On the basis of borrowed Angular and React on two excellent framework, Vue is undoubtedly very popular, it is easy to use powerful ecosystem, efficient operation speed is one of our choice in development. Vue is a progressive frame for constructing user interfaces. And other large frame difference is, Vue core libraries only concerned with the view layer, is not only easy to use, but also allows visual integration. On the other hand, when used in conjunction with a modern tool chain and various support libraries, Vue also fully capable of providing drive for complex one-page application. Vue's really a learning process, we will come to explain his use of two enterprise-level projects, so that you better master the use of Vue skilled developers.
9. The micro-channel applet
As a micro-channel launched a new project to show the form of micro-channel applet must be very attention of people, and,
So far, most of the promotion-oriented companies have existed for small micro-channel program, also gave birth to a job, a small micro-channel program to open
Hair engineer. One can imagine, micro-channel program is very small fire.
I am currently working front-end development, if you now want to learn front-end development technology,
in which the entry process of learning the front have met no one on learning methods, learning problems route, learning efficiency and other aspects,
you can apply to join my front-end learning skirt AC: front: the intermediate 731: 771 last: 211. Which gathered some of the front-end are self-starters,
finishing some of the latest study manual front-end development tools, live video tutorials, seven days free entry!
