What is the learning route of Web front-end? I can understand it after reading it.

1. The first stage-learning HTML

HyperText Mark-up Language (HTML for short) is the skeleton of a web page. Whether it is a static web page or a dynamic web page, the HTML code will eventually return to the browser, and the browser will interpret and render the HTML code and present it to the user. Therefore, we must master the basic structure and common tags and attributes of HTML.

HTML learning is a process of memorizing and understanding. In the learning process, Dreamweaver's split view can be used to assist learning. See the effect in the "design" view, learn the essence in the "code" view, and give full play to the advantages of various views. This method of contrast learning makes up for the boredom of simply memorizing HTML tags and attributes, and it must be excellent for beginners!

After learning HTML, we only have mastered the methods of making various "raw materials". If we want to build a building, we need to arrange these "raw materials" together according to our design scheme and beautify some styles.

2. the second stage-learning CSS

CSS is the abbreviation of English Cascading Style Sheets, which is a style design language that can truly separate the presentation and content of web pages. Compared with the traditional HTML, its style can be reused, which greatly improves our development speed and reduces the maintenance cost.

At the same time, the box model, relative layout, absolute layout and so on in CSS can realize the precise control of the position layout of each object in the web page at the pixel level. Through this stage of study, we can successfully complete the construction of "a building".

after the building is completed, we can give it to users, but if we want to give users a better experience, we can further "decorate" the building to make it look more luxurious.

3. The third stage-learning Java

Java is a kind of footstep language widely used in the client, which provides us with some built-in functions, objects and DOM operations. With these contents, we can realize some special effects, verification and interaction on the client, which makes our pages look less rigid, and the diaosi instantly attacks Gao Fushuai! Is there? At this point, you may still be immersed in the surprise that Java brings you, but your project manager suddenly yells at you, "This effect is not compatible under the XX browser, so do it again ..." "Incompatible?" It's petrified in an instant. Is there wood? "I wipe, pit dad! That took me a night to write hundreds of lines of code, and I vomited blood! " The compatibility and complexity of Java sometimes really give us a headache, but fortunately, there is a "great god" to help us package it.

4. the fourth stage-learning jQuery

jQuery is a free, open source and lightweight Java library, and it is compatible with all kinds of browsers (jQuery2. and subsequent versions give up the support of IE6/7/8 browser). At the same time, there are many plug-ins based on jquery to choose from, which is more convenient and fast when we realize some rich dynamic effects, and greatly saves our development time. This Feel is cool! Is there? "Luxury buildings" have sprung up here, but Gai Lou is so complicated day after day, year after year! Can you modularize every single component in the building, and when Gai Lou is needed, it will be combined together like a pile of wood, which is not cool? Can it be achieved? The answer is yes. This idea is also suitable for Web front-end development, so various front-end frameworks have emerged, and Bootstrap is recommended to everyone here. Bootstrap is an open source toolkit for front-end development launched by Twitter. It is a CSS/HTML framework and supports responsive layout. Once launched, it was very popular and has always been a popular open source project on GitHub. In the process of project development, we can use the CSS styles, components, Java plug-ins provided by Bootstrap to quickly complete the page layout and style setting, and then fine-tune the styles in a targeted way, thus greatly shortening the development cycle based on the framework. Standing on the shoulders of giants is cool!