10种方法让你成为更高效的Web开发人员

我们都可以更有效率。我们可以做很多事情——或大或小——来改进我们的工作方式，改善我们活动的结果。虽然我不能保证我能够帮助你治愈你所有的生产力疾病，但我确实希望我可以为你提供一些有用的、可靠的技巧，以简化你的web开发工作流程，并使开发周期的每个部分快速顺利地进行。

遵循这些技巧中的每一个，我几乎可以向你保证，你将节省时间，能够创建更多或更好的工作，并成为一个更高效的开发人员，准备好用一半的时间来处理下一个任务。

1.使用Web开发框架

我曾经拒绝用于web开发的框架，因为它们可能会因为多余的东西而膨胀。但自从我收养了一只，我就很喜欢它。好的web开发框架:

• 具有提供解决常见的web开发问题(如。

  标准的网页布局，处理网页表单的功能，以及浏览器兼容性修复)。

• 由许多其他web开发人员测试错误，安全性和性能。
• 使代码重用更容易因为有一致的API。
• 社区开发扩展和工具进一步增强开发(例如，jQuery有大量的插件来处理像这样的事情用户界面，图片而且网络排版）.
• 经常迫使你遵循编码最佳实践优秀的编程设计模式想都不用想。
• 有进展社区你可以向支持者和用户寻求帮助和合作。
• 通常初学者更容易开始使用。

所有这些好处都节省了你的时间，提高了你的交付成果的质量。你可以采用多种类型的web开发框架。

• 有满的Web应用程序框架就像Ruby on Rails或CakePHP。
• 你可以使用JavaScript框架就像jQuery，MooTools而且许多其他不太为人所知但优秀的JavaScript框架处理UI、客户端逻辑和Ajax。
• 如果您想加快外观/视觉层的设计，可以使用CSS框架(我正在使用Toast，我强烈推荐它)或只是一个网页布局框架，如960网格系统．
• 有专门的框架，例如WordPress主题框架加快内容管理系统的生产和部署。
• 最近，我们有了移动web应用程序框架．

使用web开发框架的一个经常被引用的缺点是，它们总是会带来你不会使用的额外东西。

由于代码膨胀，这些额外的东西会降低网站的速度和性能，所以你必须确保使用它们的好处超过潜在的性能损失。通常情况下——这尤其适用于那些刚刚起步的人——框架的代码是使用最好的编码实践和设计模式编写的，并由许多聪明而充满激情的开发人员审阅，与普通web开发人员自己编写的代码相比，这通常会转化为更好、更快和更安全的代码。

2.创建一个代码片段库

没有理由去重新发明轮子。回收你的代码!创建一个您最喜欢和经常使用的片段的集合，并确保它易于搜索和组织良好。

在最简单的层面上，您可以在您的硬盘驱动器中拥有一个源代码和文本文件的文件夹/目录。然而，这可能不是最有效的技术。更高级的是使用源代码编辑器或者允许您保存代码片段的IDE。

例如，notepad++有一个插件叫做SnippetPlusDreamweaver有内置的片段面板它甚至有预先打包的代码片段可以使用。adobedreamweaver的片段面板。另一个解决方案是使用专用的代码片段工具，例如Snipplr．我有个想法:你甚至可以使用private代码库/版本控制系统，比如Git为了更好地控制你的源代码。

这还允许您恢复到您的片段的旧版本，并查看它们在您的职业生涯中是如何发展的。我收集的代码片段跨越了几种不同的语言，并一直用于重复的任务，如插入新的CSS3规则使用浏览器前缀。对于那些容易被遗忘的常用函数，它也很方便，比如如何在WordPress循环中显示自定义字段。

在选择收集代码片段的工具或方法时，请考虑确保它具有以下节省时间的特性:

• 搜索
• 分层组织，因此您可以轻松地对代码片段进行分类
• 语法高亮显示以增强可读性
• 在理想情况下，它与源代码编辑器集成(或可以集成)以减少应用程序切换

记得定期检查、改进和更新现有的代码片段。

3.使用正确的工具

这应该是一件很简单的事情:确保你配备了好的工具，并且知道如何有效地使用它们。如果你是一个网页设计师，你可能需要Photoshop和Illustrator。如果您是开发人员，您需要一套良好的Web开发应用程序帮你完成任务。

当然，工具集在不同的职业和人之间是不同的。不是每个人都需要Coda web开发套件为了建立他们的网站，有些人只需要一个终端。重要的是，您的工具应该帮助您尽可能高效地完成工作。

4.收集和组织免费的设计资源

网上有很多网站会提供免费服务免费设计资源．将这些网站添加到你的RSS阅读器中，每次他们发布你可能会用到的免费赠品时，就抓住它。我已经这样做了几个月了，现在有一个巨大的图标库，PSD模板，矢量插图，创作共用许可的图像和艺术品，按钮，GUI元素，Photoshop笔刷，@font-face包，以及各种繁杂的设计元素。

拥有如此庞大的库使得在Photoshop中组装模型或准备向客户展示快速草图变得非常容易。我的图标和按钮库对我即将完成的网站进行了完整的润色。这个收藏小细节是超级方便-立即修饰一个设计。

以下是一些链接:

• 寻找帖子已经剔除了巨大的互联网上最高质量的免费设计资源资源类
• 读到这优秀的免费设计资源列表
• 请查看免费赠品部分在这个网站以及Design instruction上的免费资源(合作网站)

5.在sprint中工作

“冲刺”工作可以极大地提高工作效率。例如，我在短时间内写这篇文章，一次写两到三个要点，休息很长时间去做别的事情，然后在当天晚些时候再回来。每次工作10到20分钟可以让你的大脑有时间产生新的想法防止它烧坏．

不要一次工作几个小时——你的速度会慢慢下降，你的工作质量也会随着时间的推移而下降。在短时间内完成一个项目意味着你总是精力充沛地回来。

6.休息

基于冲刺的工作中最重要的部分是休息。让大脑休息是很重要的。利用这些休息时间把自己从你的工作空间中分离出来——出去伸展一下，或者如果你足够幸运是一个在家工作的自由职业者，去厨房做一点零食。

同样，如果没有必要的话，不要费心记录你的时间。你的冲刺不需要恰好是15分钟，你的休息不需要恰好是5分钟。一直工作到合适的停止点，然后在合适的时间休息。

以我的经验来看，事无巨细地管理时间只会导致进一步的拖延。然而，对于一些开发人员来说，更多的结构可能会更好。如果你是这样，试试番茄工作法。

7.花时间学习

短期内，不断学习，及时了解行业动态保持领先是在浪费他们的时间。然而，从长远来看，把时间花在自我提升上可以节省时间，增加产出，提高工作质量。

8.没有计划的

在我生命中有一段时间，我习惯安排我的一天。我把每件事都计划成30分钟或60分钟的增量，把它们整齐地堆放在iCal里。我以为我很有成效，但实际上我只是在为自己的失败做准备。

你不应该让你的一天变得更加死板——你的大脑需要一些灵活性，需要一些时间来呼吸和充分思考。确保你的时间表随时有变化。我发现过度规划一天只会拖延得更久，看着那些整洁的小块工作时间一闪而过，我感到绝望。

9.不要一头扎进去

这是过度计划的另一个极端。虽然你不应该过度计划，但你也不能计划不足。在不知道该做什么的情况下就开始行动会导致灾难性的网站项目吗．

当你开始做一个项目时，确保你知道别人对你的期望是什么。在一个网页设计项目中，这可以是任何东西，从知道网站应该做什么，有登陆页面的内容，有一组颜色从你的客户端工作，等等。在我开始在客户的网站上工作之前，我总是有以下几点:

• 配色方案
• 网站的目标
• 他们能提供的任何内容
• 他们已有的任何设计想法

了解项目的某些事情可以引导你走向正确的方向，而不需要你在黑暗中猜测客户想要什么。

10.不要把事情复杂化

这可能是其中最重要的一条:不要让你的工作过于复杂。不要做超过你必须做的事情，也不要让自己在给定的时间内做太多的工作。我并不是提倡每次都向客户交付最小的可交付物，但您当然不需要交付最大的可交付物。

这里没有任何明确的指导方针，所以你必须根据具体情况来判断。满足客户的需求。不多不少。

此外，不要让你的效率策略过于复杂。保持简单。我试着用一个“把事情做好”的应用程序来组织我的生活，但它不起作用。

我开始使用便利贴，最后TeuxDeux，一个可爱的最小任务清单。

结束

我不建议你这样做完全追随我的脚步，思考如何提高效率;每个人都是不同的，需要自己的流程来完成事情。但是记住上面的技巧，希望你的工作流程会比以前更精简一点。

如果你有任何提高效率的技巧，请在下面的评论中分享!

相关内容

• 接受新事物的5个步骤