About self-learning web front-end development (for your own use)

other people's warning : most beginners learning the integrated development environment (IDE) used for Web authoring is mostly Dreamweaver (I'm using DW cc), and this WYSIWYG IDE brings us great convenience. But : Although it is quick to get started, quick results, it is easy for beginners to fall in love, intelligent IDE also fulfilled our inertia.

the right direction is better than useless effort: do not know whether it is right, there is no big God guidance of aluminum child paper is also no way to:

The first stage of--html Learning: Hypertext Markup Language (Hypertext mark-up Language) is the skeleton of a Web page, whether it is a static web page or a Dynamic Web page, the final return to the browser side of the HTML code, The browser interprets the HTML code as rendered to the user after rendering.

HTML learning is a memory and understanding of the process, learning, with the help of DW split "view-assisted learning" in the "design" view of the effect in the "code" to learn the essence, here, only a variety of "raw materials" production methods.

The second stage of--CSS learning: Cascading Style sheets (cascading style Sheets), a real Web page performance and content separation of a style design language, greatly improve the development speed, reduce maintenance costs.

CSS in the box model, relative layout, absolute layout and so on can be achieved in the Web page of the location of the object layout of the pixel-level precise control.

Third Stage--javascript: It is a widely used scripting language on the client side, providing some built-in functions, objects, and DOM operations that enable some client-side effects, validations, interactions, and so on, to make the page look less stiff.

About compatibility: It's very annoying.

Fourth Stage--jquery: is a free, open source lightweight JavaScript library, and compatible with various browsers (jQuery2.0 and subsequent versions give up support for IE6/7/8 browsers), There are a lot of jquery-based plug-ins to choose from, which makes it easier and faster to implement some rich dynamic effects, greatly saving development time, and improving the speed of development, which also fully reflects its write less, does more core purpose

Bootstrap: twriter is an open source toolkit for front-end development, a css/html framework that supports responsive layouts and has been a popular open source project on GitHub.

In the project development process, you can use the CSS style, components, JavaScript plug-ins provided by Bootstrap to quickly complete the page layout and style settings, and then a targeted fine-tuning style, so that the framework-based development greatly shorten the development cycle.

Other people's advice: many beginners lack the overall layout of the page analysis, can not macro on the page in the nested relationship between the box to grasp, rush to do, resulting in the relationship between the elements of the page is very disordered, prone to the box in the floating dislocation and so on. The idea of " top-down, gradual refinement " is suggested by using several boxes to divide the page from the whole, and then gradually nesting the boxes in the box.

Also need to browse the excellent website, good at analysis and reference design ideas and layout methods, well-informed, and then mastery, take the length of others for my use.

At the same time also be good at using firebug this weapon, on the one hand can help us in the process of debugging their own page, on the other hand can use firebug convenient to view, analysis of other people's website source code.

About self-learning web front-end development (for your own use)