Shulou(Shulou.com)06/02 Report--

At present, web front-end development engineer has become the most popular position in China's Internet industry.

1. Learning route

1. The first stage-the study of HTML5

Hypertext markup language (HyperText Mark-up Language referred to as HTML) is the skeleton of a web page. Whether it is a static web page or a dynamic web page, the HTML code is finally returned to the browser. The browser interprets and renders the HTML code to the user. Therefore, we must master the basic structure and common tags and attributes of HTML.

The learning of HTML is a process of memory and understanding, and the split view of Dreamweaver can be used to assist in the learning process. See the effect in the "Design" view, learn the essence in the "Code" view, and maximize the advantages of various views.

After learning HTML, we only mastered the production methods of various "raw materials". If we want to build a building, we also need to put these "raw materials" together according to the scheme we designed and beautify some styles.

two。 The second stage-the study of CSS

CSS is the abbreviation of Cascading Style Sheets, which is called cascading style sheet. It is a style design language that can really separate the performance of web pages from the content. Compared with the performance of traditional HTML, its style is reusable, which greatly improves the speed of our development and reduces the cost of maintenance.

At the same time, the box model, relative layout and absolute layout in CSS can accurately control the location of objects in the web page at the pixel level. Through this stage of study, we can successfully complete the construction of "one building".

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

3. The third stage-the study of Java

Java is a footstep language widely used on the client side, providing us with some built-in functions, objects and DOM operations in Java. With these contents, we can achieve some client-side special effects, verification, interaction, etc., so that our page does not look so rigid.

4. The fourth stage-the study of jQUery

JQuery is a free, open source lightweight Java library that is compatible with various browsers (jQuery2.0 and subsequent versions give up support for IE6/7/8 browsers). At the same time, there are many jQuery-based plug-ins to choose from, which makes it easier and faster for us to achieve some rich dynamic effects, which greatly saves our development time and improves the speed of development. This also fully reflects the core purpose of its write less,do more.

Modularize each individual part of the building and combine it together like building blocks when it needs to be built. This idea is also suitable for Web front-end development, so there are various front-end frameworks, and here is recommended to you is Bootstrap.

Bootstrap is an open source toolkit for front-end development released by Twitter. Sjz.java.tedu.cn is a CSS/HTML framework and supports responsive layouts. Once launched, it is very popular and has always been a hot open source project on GitHub.

In the process of project development, we can quickly complete the page layout and style settings with the help of CSS styles, components and Java plug-ins provided by Bootstrap, and then fine-tune the style, which greatly shortens the development cycle based on the framework.

two。 Learning suggestion

1. Learning software

Dreamweaver,Zend Studio,Visul studio, wait.

two。 Suggestions and methods

One of the problems that need to be paid attention to in the CSS layout is that many students lack an overall analysis of the page layout and are unable to grasp the nesting relationship between the boxes in the page macroscopically, so they are eager to do it, which leads to confusion in the relationship between the elements in the page, and is prone to dislocation when the box is floating. It is recommended that we adopt the idea of "top-down, gradual refinement" in the layout, first divide the page as a whole with several boxes, and then gradually continue to nest boxes in the box.

In the process of learning, we should also browse some excellent websites, be good at analyzing and drawing lessons from its design ideas and layout methods, and see that many parties can know a wide range of things, so that we can integrate and use the strengths of others for our own use. At the same time, you should also be good at using Firebug as a sharp weapon. On the one hand, Firebug can help us debug our own pages during our learning process, on the other hand, we can use Firebug to easily view and analyze the source code of other people's websites. "stealing" is also a skill!

Everyone's growth is different from the foundation, combined with their own actual situation, in the implementation. Again, the core of the front end is js. Css is not difficult, but it needs to be accumulated.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.