好的 web 开发人员应该知道的 10 件事 已翻译 100%

贝才 投递于 2013/01/09 08:36 (共 11 段, 翻译完成于 01-09)
阅读 8980
收藏 266
23
加载中

我最喜欢web开发的一点是,它包括许多许多不同的技能。作为一个好的开发者,一定要好好学习,天天向上,因为我们有很多重要的技能要学习,而且它们总是在不停的发生变化。

这里我列出了其中最为重要的10个技能,它们有点倾向于前端开发,但总体上适合所有的开发人员:

  1. 正则表达式
  2. 基本SEO
  3. 不错的Javascript库
  4. 跨浏览器调试
  5. 图片处理和优化
  6. 用有效的HTML/CSS进行布局(不适用表)
  7. 版权/基本网络法规
  8. Apache rewrite
  9. 调试软件
  10. 版本控制

AlfredCheung
AlfredCheung
翻译于 2013/01/09 10:19
3

1. 正则表达式

regex

正则表达式 常用于字符串的解析.其最基础的运用便是文本中字符的查找与替换了。而这看起来并不算什么,正则表达式的多样性是其真正强大的原因。往往可以通过很多方法来优化你的正则表达式,这也意味着你的应用程序的性能的大幅提升。

正则表达式适用于任何一种编程语言,像JavaScript的replace() ,PHP的 preg_replace(), Apache rewrites等等。

奇怪是的只有为数不多的web开发者认为正则表达式相当有用,如果你还没有学习,那就准备好开始吧 learn regular expressions。  

贝才
贝才
翻译于 2013/01/09 10:31
2

2. 基本的搜索引擎优化

SEOmoz

对于网络开发者来说,了解搜索引擎优化的基本信息是必须的。虽然你可以预留导向你客户端的关键字,开发人员应该用有更合理的在页面上安排这些关键字的策略。这意味着,在整理前端的标记,好好利用 <TITLE>、<META>、<h1>和<h2>标签,同时在后端组织更加稳固的的链接和目录结构。

我找到的学习SEO的最佳资源是 Beginner’s Guide to Search Engine OptimizationSearch Engine Ranking Factors v2,二者都来自 SEOmoz。

K6F
K6F
翻译于 2013/01/09 11:05
1

3. 一个优秀的Javascript库

jQuery javascript library

即使你不太写Javascript代码,掌握一个优秀的Javascript库也会带来很大的帮助。无论是jQuery(我的最爱)、Mootools,还是其它什么库,都可以让你的Javascript开发工作事半功倍。首先,这些库都提供了跨浏览器的功能,使你可以直接上手,不需要再去管这方面的事情。而且,它们都提供了大量简单的动画,像在DOM中选择节点这类工作变得易如反掌。

更大胆的Javascript程序员也许会想要接触Javascript UI语言。以上说的几种库都有相关的插件,但我个人推荐Dojo with Dijit。


AlfredCheung
AlfredCheung
翻译于 2013/01/09 10:28
1

4. 跨浏览器调试

cross-browser

为了让网站被更多的人看到,显然应该让它支持所有主流浏览器(IE6、IE7、IE8、FF2、FF3、Safari 4和Opera 9)。每个人都很厌恶跨浏览器调试,但

最好的方式是预防,从有效的HTML和良好的reset样式表开始。就我来说,是使用* {magin:0; padding: 0}。不过,大家也可以使用其它更健壮的方式

另外,还应了解某些浏览器的怪癖。最著名的当然是IE家族,特别是IE6(没错,一直是它,依然是它)。尽管大多数问题可以归结为臭名昭著的haslayout bug,但你不能依赖某些笨拙的方式来解决它,例如* {zoom: 1}。

AlfredCheung
AlfredCheung
翻译于 2013/01/09 11:01
1

5. 图片处理和优化

photoshop

尽管大多数程序员都是靠专业的设计师来设计图片,但懂点Photoshop对程序员来说也很重要。掌握一些图片处理技术之后,一些小修改就不需要再踢回给设计师,直接自己改了就是,而且,在修改设计时,你还会马上知道是否可行。

图片优化是Photoshop技能里对web程序员最为重要的一项。图片的大小往往是对带宽最大的威胁,图片优化直接关系到网站的载入时间。Photoshop和Illustrator的「Save for Web」选项极大地简化了图片优化环节,大家只需要在PC上按下Ctrl-Alt-Shift-S或在Mac上按下Command-Alt-Shift-S即可进入这一向导。

AlfredCheung
AlfredCheung
翻译于 2013/01/09 11:21
1

6. 使用有效的 HTML/CSS 进行页面布局(而非表格)

CSS box model

我们需要重视:现在已经不是1996年了,即时是后端开发者也应该知道如何写好前端代码,——使用有效的 HTML 和 CSS——而非一堆表格。标记应当整洁,CSS 和其它类型的文档应当同 HTML 分离,这样,就不会有内联样式,特别是不会有 <font> 标签。

初学者应当学学到 CSS 标签 以及 CSS 盒子模型。然后学学 W3C规则,了解如何写出合理的代码

你写的 HTML 应该符合 xHTML 规则;应该有着合理的嵌套、闭合且含有 alt 属性信息的图片标签等等。然后你可以去了解那些节点能够嵌套在其它节点中,已经其它的复杂内容。最后,你会发现 w3c 的HTML标记验证程序 不再报错,这样真的很爽。

K6F
K6F
翻译于 2013/01/09 11:27
1

7. 版权/网络法规的基础

law

虽然无需法学学位,但开发者最好能够对版权和网络法规有基本的了解。

因为网页从本质上来讲,是一种出版物,而著作权则是网站最常见的法律问题。从用户生成的盗取Flicker 图片的内容到对纽约时报内容大段的引用,如果不想被起诉,或是收到投诉信件,你最好了解这些。当然,如果你想提起诉讼或是投递投诉信,你也最好了解这些 :) 。

除了著作权法之外,签订注册/使用主机托管或是软件的协议时,你最好也好好看看隐私协议和 COPPA(美国儿童网路隐私保护法 的规定。

K6F
K6F
翻译于 2013/01/09 10:55
1

8. Apache 重写

apache http

Apache 的重写功能使原本凌乱的 URL 更加整洁(只要你了解正则表达式)。你可以将难看的地址: index.php?section=about&page=bioand 重写位更漂亮的:about/bio。

不仅限于规整 URL,使用 Apache 的 mod_rewrite 能够很容易的将简单的一个页面变成包含路径的完整应用。只需要将查询的变量重写为路径即可。

同样,你要注意: Apache 重写也是出了名的不好调试。重写规则无法包含任何调试信息,且常常忽略你引用的其它方法的信息。因此,重写也会导致一些无法追踪的错误。

K6F
K6F
翻译于 2013/01/09 10:29
1

9. 调试工具

firebug debugger

一个好的调试器能让你更快的进行网页编程。

当进行前端调试时,我喜欢用 Firebug ,你可以点击页面上的元素,它将统计样式表中的那些生效的设置。你可以添加或删除样式,同时也可以修改页面。

Firebug 也可以用来调试 Javascript。作为 Javascript 的运行控制台,它能够更好的组织错误信息,显示 fromconsole.log() 的输出内容。最后,它还提供网络信息,显示页面元素加载事件,以及那些无法加载,无法获取的内容。

我不知道如何进行后端调试,不过我听说 PHP 有个叫做 xDebug 的东东。

K6F
K6F
翻译于 2013/01/09 10:37
1
本文中的所有译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接。
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。
加载中

评论(93)

吴叙文
吴叙文

引用来自“gair”的评论

引用来自“吴叙文”的评论

引用来自“littlebin”的评论

“使用有效的 HTML/CSS 进行页面布局(而非表格)”
但对于偶们这种非专业美工,使用表格布局还是最好控制位置的...

表格的浏览器兼容性也存在问题吧

hey,简历请发送至我邮箱一份.thx!

请问你的邮箱是?
gair
gair

引用来自“吴叙文”的评论

引用来自“littlebin”的评论

“使用有效的 HTML/CSS 进行页面布局(而非表格)”
但对于偶们这种非专业美工,使用表格布局还是最好控制位置的...

表格的浏览器兼容性也存在问题吧

hey,简历请发送至我邮箱一份.thx!
刘学炜
刘学炜

引用来自“懵懂一时”的评论

对正则表达式也是一大糊涂。。

学习下吧。很有用
WSDN
WSDN

引用来自“渔樵耕读”的评论

引用来自“红薯”的评论

这十项事情都非常的基本,但是第一条:正则表达式,我完全不会!

以前抽奖中了本 《正则指引》 扔在一边,全新。。

送我
清凌渡
清凌渡
第8, 什么Apache重写,, 不是Rewrite规则嘛。。
Glitter
Glitter
好几个都不会啊~
开源中国首席观察员
开源中国首席观察员
作为程序员,我表示不会photoshop
0123milan
0123milan
我想说的是,正则表达式我都是在网上搜的
火眼金睛容嬷嬷
火眼金睛容嬷嬷

引用来自“红薯”的评论

这十项事情都非常的基本,但是第一条:正则表达式,我完全不会!

你给大家树立了不少信心啊,呵呵
微风帆杨
微风帆杨
正则表达式,每次看到的时候会了,用到的时候忘了。。。
返回顶部
顶部