Internship Series 1

Internship, holding a learning mentality because the foundation thin, found a lot of things will not, learn completely enough to use! This is a quick catch. These one months have touched a lot of new things, zepto, adaptive layouts,-webkit-private properties, Less,git,ajax, form validation, regular expressions ... Every knowledge point takes time to learn well, but I ah, every time is not a lot of flowers, a little floating on the top, always feel a lot of learning, want to learn, and finally found that there is no one is taking the shot. This is not good, my heart tells me, sink down, step by step, focus on one thing, make a study plan (focus on the implementation plan) ... Said a bunch had not entered the subject, ashamed.

First, summarize the one months of work experience:

Because the company is still growing, many systems are not perfect, I in a back-end and do the front-end of the master to write the front-end code, in order to avoid some of the habit of writing conflicts, so that their own Baidu a writing standard, modified, as their own code to comply with the writing specifications. Reference Specification reprinted from: often used HTML, CSS, JavaScript front-end naming conventions.

: About page Optimization:

• Minimizing the nesting of unnecessary tags;
• As few selectors as possible find the target, the selector should not be too long (reduce the amount of CSS code
• Added readability: Set comments on special styles;
• Avoid using hack
• Using a unified naming convention
• There are some merge icons using Sprite to reduce the HTTP request, JS outside the chain files are placed in the Bod end, CSS in the head section and so on

Here are two front-end code optimization tools: YUI Compressor online compression javascript/css;cssmin functions such as name.

About git use

I write in also small white one, here is not to teach you how to use Git, fraught is not good

Let's start by introducing a few git learning URLs:

Git Chinese tutorial git version control software combined with GitHub from getting started to mastering common Command learning Manuals 10 best tutorials for git beginners Think like (a) git

Even the novice, will only be html+css, in the project development also need to learn how to use git, eliminate every time after each modification to keep a copy of the trouble. Imagine the day before work to replace the files that were backed up the day before today on the page to write a daily code, the next day to work to find the page changed a sample, their own crazy, leaves, and giggling. So, learn a few simple git commands git init, git add, git status,git commit,git push git clone, temporarily can use control or necessary, other slowly learn.

use Git a little bit of experience each time a new feature, submit a version, each debug, keep a copy of the backup, easy to reproduce the bug and fix the bug; If you can't solve the problem, submit it or save it yourself. Do the others first, and ensure the efficiency.

About page color matching and details processing

First of all, I only primary school when the art class, also did not study web design related courses, so the tragedy: no manuscript, directly on the css+html to see the effect, where not pleasing to change where.

Do you want to start with some dry UI design? Try these 7 rules (Part 1) for Beginners 6 web Design safe Color Guide for Beginners to learn web design and web color formula

Introducing the two online color scheme designer Adobe color CC

This is my last week's page details of the adjustment of some notes : The amount of white space occupied; The transition between the block dividing line and the block is harmonious; color debugging, the overall page of the first main tone, auxiliary other colors, according to the theme of the page to set the overall page style, light color: Relaxed lively, deep tone: calm, depressed, etc. Try different shades and shades to match the color palette, and find the color palette that fits the theme.

Welcome to leave a message, correct, also have to knock code ....

Subsequent updates:

Internship Series 1