Web项目利器-工具与敏捷实践

这是昨晚给俱乐部的小朋友们做的一个内部分享准备的东西,标题起得特别玄乎,其实讲的内容倒是没什么深度的,不过看到一双双求知若渴的小眼睛,还是很激动呀。

思考了很久要讲什么,老讲些怎么写代码的东西太枯燥太痛苦了,那些编程的基本功还是自行修炼,还是讲点基本功修炼之外不容易注意到的东西吧。

编程就像修炼武功一样,功力要想突飞猛进,大致有三种方式:第一是遇到某临死之武学大师他把全身功力都度给你了(这个可能吗?),第二种是在某个山洞里发现了本惊天动地的武学秘籍(多看书吧),最后一种最简单,就是拿到把像倚天屠龙一样的神兵利器——而这次分享的东西正是Web编程中的神兵利器,用的好了便立即功力倍增!

好吧,这里把我准备的一些内容全部搬上来吧。

 

第一部分:工具

Chrome Developer Tools

陈总本来让我介绍下Firebug,不过我个人一直比较推崇Chrome,所以就选择了Chrome开发者工具来介绍。讲的内容基本来自Chrome官方的介绍文档(中文,本来觉得英文的介绍应该会详细些,可是竟然没有英文版本……)

Fiddler

Fiddler是一种Web调试代理,它记录你的电脑和网络之间所有的HTTP(S)流量。可以用Fiddler检查所有HTTP(S)流量,设置断点,干涉进来或出去的数据。一般入门者知道和使用这款工具的比较少,国内也比较少介绍它的文章,这里推荐一篇还算不错的,不过更多的内容还是自行看Fiddler的官方文档比较好,要详细的多。

Subversion

关于SVN的介绍倒是有不少了,官方也有很详细的文档(中文,易读易懂),另外再推荐一下海龟工具TortoiseSVN。写代码的时候(无论是个人还是团队),最好都弄一个SVN来管理代码,不然日后会很纠结的。

SVN服务器的搭建比较繁琐,不过新浪SAE有提供这样的免费服务,不用白不用嘛。

Log

这个其实也不是一个什么工具,只是介绍了一些常见Log应用的地方,初学者比较不重视这个。另外还顺口提到了一下前端的Log记录,具体可以看我之前写的《JavaScript错误监控机制

 

第二部分:敏捷实践

这部分我瞎扯的比较多,介绍了一下之前实习是的产品开发方法和路线,简而言之就是:

如果想做一个日后拿得出手的项目,最好要想清楚产品针对的对象和大致的最终形态再开始编码,因为你会花20%的时间写代码,而80%的时候在维护,小心编码!不要想写挫了日后还可以重构,重构是恶梦,重构应该越少越好!(关于重构的讨论,个人比较推崇这篇文章的观点)

这里推荐去看看Wikipedia上对Scrum敏捷方法的介绍

另外还提到了两个工具:一个原型设计工具——Balsamiq(Web Demo),和一个在线项目管理系统——禅道(在新浪SAE上有)。当然类似的东西都还有,其他大家就自行挖掘吧。

 

最后应陈总的要求, [奥特曼]  把PPT放在这了[奥特曼] 。分享时主要是瞎扯和演示工具,PPT内容较为简陋,敬请海涵。

 

发布者

Rolf

伪文艺IT攻城师,热爱前端,热爱互联。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

[喜欢] [嘻嘻] [奋斗] [问号] [鼓掌] [泪] [酷] [强] [耶] [握手] [心] [给力] [神马] [围观] [奥特曼] more »