How to make your own web page?

I mainly study three parts: HTML, CSS and JavaScript.

First, html+css:

This part is particularly simple. Searching for information on the internet, there are many books and videos. Box model, flow, block, inline, cascade, style priority and so on in css are also very easy to learn by yourself. Finally, we should have a deeper understanding of the differences between browsers. A brief understanding of the compatibility below ie9 is enough. It is a trend that browsers below ie9 will be eliminated. There is no need to waste a lot of time learning to be compatible with mainstream browsers, such as Google chrome, Firefox, safari and opera. There are many differences in browsers, so it is recommended to accumulate them in practice.

Second, the JavaScript part.

1. Basic learning:

Difficulty is also the key. There is a lot to learn. There is no foundation of other programming languages, so it may take some effort to learn them. There are many abstract concepts that must be deeply understood, such as closure, prototype, object-oriented and encapsulation. Reading is essential. Find an excellent js book and study it from beginning to end. The first time, you can read quickly and get a general idea, but the second or third time needs in-depth study. In addition, js object-oriented programming must be learned, which is very important. I personally recommend a book, javascript Object-Oriented Guide, translated by Stoian Stefanov and Ling Jie. Practice while learning, and practice makes true knowledge.

Conditional, many friends prefer self-study. However, the power of self-study is limited after all. In order to make those who want to learn better, I recommend a skirt with 6 1 1 in the front, 4 28 in the middle and 1 42 in the back. There are many people who want to learn to communicate with you, and there are also Daniel who teaches for free every night. Anyone who wants to learn can join us, but we only welcome those who want to learn, not for learning.

2.jQuery learning:

After mastering these basic knowledge, you need to learn jQuery, which is an excellent Javascript library and necessary for large-scale development. It simplifies the complicated operation of Javascript, eliminates the cross-platform compatibility problem of Javascript, provides a lot of practical methods, has good documentation and help manuals, and is a very mature Javascript library. Massive open online course network learning video curtain course network. The learning method is also very simple. Just make a few pages according to the product documentation. You don't have to cover everything. Just check the documents when you encounter problems in the future.

This is probably the process, as shown in the following figure:

3. Advanced learning:

With the above knowledge, you should be able to write working code for most small websites. But if you want to be a more professional front end, you need to continue to work hard. There are probably four higher requirements: easy maintenance, easy testing, high performance and low traffic (mobile).

Intermediate and advanced front-end

1. Tool learning: In large-scale projects, front-end code building is not a simple compression. Dependency management, module merging and various compilation steps are indispensable. You need to learn to use front-end building tools such as grunt and gulp. You also need to learn: package manager bower, npm, code optimization CSS Lint, JSHint, JSLint, CSS preprocessor less, sass, code management and version control svn, Git, web framework/server node, Express, code specification, HTML modularity, CSS modularity.

2.Bootstrap and other layout framework learning.

3. New technology html5 learning.

4.js framework learning, requireJS, AngularJS, etc. , close to the front-end architect.

5.nodejs research.

It is correct to go to the recruitment website and refer to the employment requirements. Examples are as follows:

1. Proficient in html and css, able to make static pages conforming to W3C standards;

2. Proficient in JavaScript programming and have a deep understanding of object-oriented programming ideas;

3. Proficient in the mainstream Javascript library/framework jQuery；;

4. Understand and master the core technologies of Javascript language DOM and BOM, and have experience in JavaScript performance optimization;

5. Have in-depth research on browser compatibility and be proficient in various browser problems;

6. Understand MVC frameworks such as Backbone.js and AngularJs, and have practical project development experience;

7. Understand the server background technology, and have certain C# programming ability is preferred;

8. Have a certain understanding of interactive experience, usability and user experience;

9. Have a good sense of responsibility and teamwork ability, and can work under great pressure;

Do your own search and determine the goal and direction. The above is a personal route for reference only.