Project Summary of Studio Portal website

The first time did a complete project, lasted one months, finally came to an end. The following is a summary of the project in three ways:

First, the more you know, the more you don't know.

When my brother talked about this project in the group, I thought it was a good opportunity to improve my ability, and then I was positive. In the discussion, we have a basic requirement is that the interface must be tall, in fact, I am not good at design. In the occasional discovery of a landscape painting, thinking of using ink style as the theme of the user interface. But two days knocked down, the interface and imagination is too far away, and before the response is not familiar with the page response of their own there are many problems later had to abandon their own page, so we decided to use the framework. But I did not touch the framework and felt that the project could not go on for a moment. Depressed a bit I will go to MU class on-line learning bootstrap framework, learn while practicing, with two days to learn the basic knowledge of bootatrap. Then downloaded a bootstrap framework on the Internet, in accordance with the requirements of the background design modification interface. This project not only contacted the framework, but also learned some plug-ins, learning to understand some JS. Deep understanding of their own learning is too little, after the completion of the project, it is necessary to carefully plan the future learning route. It is true that the more you learn, the more you understand that you don't know.

Second, code writing specification is very important

In the past in the learning process to hit the code will also notice some code specification problems, but did not care about this problem. In this project, it is because the code is not standardized to the background programming brings a lot of trouble. Here we summarize some of the code specification issues we discussed.

1, pay attention to the code format, increase readability . In page editing, the indentation of the code is not correct, he will not affect any features of your site, but if you do not have a standard indentation principle, so that people who read your code is very angry, so that the correct code indentation can enhance your code readability. The indentation of the standard program should be a tab (or a few spaces). And a sign on both sides. A space to make the code look neater and more readable

2, from the external introduction of CSS and JS. There are a number of ways to write CSS styles on a page, some to put styles directly into the page's "

3 . CSS styles and JavaScript for each page are placed in a folder. facilitates the modification of page styles. And can avoid the reaching caused by the late modification.

4.CSS styles write classes or IDs in an inherited way. This avoids accidental overwriting of CSS styles.

5, naming norms . Naming conventions can make our code more readable. Use English names as much as possible and capitalize the first letters of the words after the words. Encounter the words can be online search, do not because of laziness and use pinyin instead, it appears very low.

6, write comments is very important! annotations are the only way for you and your little friends to understand the code and purpose. In particular, when it comes to writing seemingly trivial, unimportant code, annotations become particularly important because the memory points are not deep.

No code can be completely self-explanatory. and code comments, it is never too much. Be careful when you write notes: Don't write what your code does, but write down why your code is written, and what's behind it. Of course, you can add a link to the question or solution you're thinking about.

7. Other matters needing attention:

Multimedia Backtracking : For the media on the page, such as pictures, videos, canvas animations, and so on, to ensure that they have an alternative access interface. Image files We can use meaningful alternative text (ALT), video and audio files that we may add captions or subtitles to. Providing alternative content is important for usability. Imagine how a blind user can know what a picture is, if there is no @alt. (The Alt attribute of the picture is not filled in, and a purely decorative picture can be used to do so: ). Try to use the ALT tag to describe the picture, and imagine what you need to express it to users who can only speak through the voice or see the image.

In short, the pre-strike code does not pay attention to the specification, then the late revision maintenance will pay a great price to rectify, so we must pay attention to the code specification problem.

Okay, well, the deal is three points, only two points. This project let me reap a lot of, but also let me realize that my study on the lack of many, but also to work harder!

2016.4.26 15:24

Project Summary of Studio Portal website