About the Web front end learning One

Why write this article, first of all, I am also a rookie, write blog is to record their own learning process, write this article about the "Web front-end learning", mainly to customize a learning route, toward the goal forward! PS: I also look at other people's articles, and then write, I read someone else's article and then record it, will be more impressive.

First of all, what is the Web front end, the following is the answer from Baidu to see:

In fact, the Web front-end is a new vocabulary, just at the beginning of art and programs, and then with the development of the web, the need for user interaction is more and more high, it is derived from the UI (user interaction page) this out of the visual effect and interactive experience, you need JS to achieve, after all, a person's energy is limited, So much work can not be achieved by a person, so out of the picture has become the front-end art, cut out the HTML CSS has become the front-end cut graph, JS becomes the front-end interaction. In general, the plot and HTML page is a person to complete, and the JS effect by the programmer to write, because after all, the program script, the programmer is relatively easy to learn.

The previous answer estimated to see also probably can understand what is the matter, the Web front-end is divided into two, one is the front-end, one is the front-end interaction, the front-end cutting diagram is mainly responsible for the design of the page, front-end interaction is responsible for the page interaction, effect.

To the front-end learning, we have to persevere, in fact, the front-end of the introduction is relatively easy, but learning more things, so later to grow need to learn more things, to become a senior engineer is also a hard thing.

The front-end learning route, first of all must first start from the front three core: Html,css,js, this is the front-end of the compulsory course, the Web front-end is composed of these three core. (Reference website: http://www.w3school.com.cn/)

HTML is the meaning of Hypertext Markup Language, it is the front-end structure layer, the front end is like a house, HTML is the structure of our house, the foundation. Writing a Web page is the structure of the Web page that needs to be built with HTML.

CSS is the meaning of cascading style sheets, it is the front-end style layer, like our house decoration appearance, in the Web page, you can use CSS, the page layout, font, color, background and effect to achieve precise control.

JavaScript is JS, it is the front-end behavior layer, the same is the building, outside we have built, and then our house light behavior, and JS the same truth, it is the core of Web front-end development, mainly to help achieve the interactive page and some special effects of the implementation.

After learning the above three core, we should further improve, HTML also out of the new version Html5,css also out of the CSS3, learn the foundation above, the next is to learn HTML5+CSS3, can achieve a lot of animation effect.

Next is to learn the framework of JS, what is the JS framework? is a lot of JS function method package up, convenient for others to use the JS file, we call the framework (my personal understanding).

We learn the first JS framework is the jquery framework, this framework is the syntax of JS simple words, originally we need to write a long JS statement, are encapsulated into a method, and then we go to call on the line. Generally learn the jquery framework, with a handy development is faster than writing native JS, and use it more cool. (jquery Handbook: http://jquery.cuishifeng.cn/)

After learning the first JS frame, we will learn the second JS framework--bootstrap (URL: http://www.bootcss.com/), this is a very good frame, generally do mobile site preferred Bootstrap, which has a well-written CSS style, Grid systems, components, and so on. To learn, you know, there is not much to say.

Next should learn about the production of adaptive Web site, is to do a responsive website, PC-side mobile kill.

The additional need to improve is to understand the different browser compatibility issues, which is often encountered during development.

The above learning route is aimed at the primary front-end development, learning the above knowledge, basically can do a cut figure, can do their own page, HTML and CSS is easy to get started, JS need a little logic, so novice learning JS need to add some kung fu, JS learn, After learning the JS framework is a change of ideas to write code.

The following re-organized the Learning route:

1). Html/css/js

2). HTML5/CSS3

3). jquery

4). Bootstrap

5). browser compatibility (Internet search available)

About the Web front end learning One