Web Front-end experience (3)

Development Tool Set:

The following are all the tools used in my daily work. The front-end is basically covered.

Webpage development tools: Photoshop, Microsoft Visual Web Developer 2010 Express, Aptana Studio 3.

Photoshop:

Image processing software, front-end work, as long as it will cut the picture, so it will not be introduced.

Microsoft Visual Web Developer 2010 express :

Learning vs for Web,: http://msdn.microsoft.com/zh-cn/aa570309#three

The jquery framework of Web can be used to run the debugging environment. For more information, see the documentation on msdn.

Aptana Studio 3

Aptana,: http://aptana.com/

This is a professional web development tool. The biggest feature is that CSS JavaScript supported by IE and Firefox have two-way prompts, supports CSS 3 HTML5 development, and has debugging functions.

Document editing tool: notepad ++

This is a commonly used document editing tool, which has the most common functions such as highlighting, wrapping, viewing, and replacing. Being small is its biggest feature, it is particularly suitable for viewing files that need to be modified in a project.

Web development debugging tool: firebug yslow iedeveloper (included) Google Chrome (included)

Firebug: this tool is often used. You can view styles, scripts, and debug functions.

Yslow: this tool is a website performance analysis tool. Based on firebug, you can tell you how to optimize website performance, such as script, style compression, and background image merging.

IE developer: this tool is a development tool that comes with IE8 and later. The shortcut key is F12. Although many people are not used to it, it is indeed a good tool for JS debugging, provide detailed data for JS analysis.

Google Chrome: a development tool that comes with the Google browser. It also provides feedback on the time of Ajax reflection and is also a good debugging tool.

In fact, as long as the tools can be used in the actual environment to help development, there are not many, the above has basically met most of the needs. Of course, there are still many good tools, such as selecting colors, specifically recording the communication time of data transmission, and HTTP requests.

Compression tool: Yui compressor online version, has met most of the site needs, online address: http://refresh-sf.com/yui/ support compression CSS and JS

Documentation Automatic Generation Tool: jsdoc,: http://code.google.com/p/jsdoc-toolkit/ it runtime environment needs JDK, so use it shoes, also need to install Java.

CSS Sprites coordinate analysis tool: online version: http://csssprites.com/This is not much to say, upload the merged image, it will help you analyze the coordinates.

Frequently visited learning websites:

Blog Park: http://www.cnblogs.com/[it does not need to be said]

Yui: http://developer.yahoo.com/yui/

Msdn: http://msdn.microsoft.com/zh-cn/

Jquery: http://jquery.com/

Kissy: http://docs.kissyui.com/

Google developer: http://code.google.com/intl/zh-CN/

Here are the books I learned to buy:

HTML authoritative guide, CSS authoritative guide, CSS practical guide, HTML5 and css3 authoritative guide

Javascript authoritative guide version 5 and JavaScript advancedProgramDesign, high-performance JavaScript, and JavaScript art and science

Sharp jquery and getting started with JavaScript jquery and CSS Programming

Writing High QualityCode"," High-performance website construction Guide "," perfect user experience"

Ajax authoritative guide and Ajax + PHP programming

PHP practical programming [this book can be bought or not bought. Because we use PHP for modular development, we still need to know the commonly used PHP scripts]