`

转:10 个步骤让你成为高效的 Web 开发者

    博客分类:
  • web
阅读更多
10 个步骤让你成为高效的 Web 开发者

10 个步骤让你成为高效的 Web 开发者
2011 Linux(中国区)技术峰会              Linux技能大赛

要成为高产、高效的Web开发者,这需要我们做很多工作,来提高我们的工作方式,以及改善我们的劳动成果。

下面是10个提高效率的步骤,虽然不能保证解决你在开发中的所有问题,但至少是非常实用的,可以简化你的Web开发流程,使开发的每一个环节快速、流畅。还可以帮助你节省大量的时间,以便开发更多、更好的项目。

1. 使用Web开发框架



一个良好的Web开发框架,可以帮助你

    解决常见的Web开发问题,如标准的Web页面布局、Web表单处理、浏览器兼容性解决等)。 测试Web开发的bug、安全和性能。 使代码重用更容易,因为有一个统一的API。 社区开发的插件和工具,可以进一步增强开发(jQuery有很多非常棒的插件,比如用户界面、图像和网页排版等)。 遵循编码的最佳实践和伟大的编程设计模式,你甚至不用去思考。 有开发社区和用户的支持,你可以获取帮助以及进行协作。 初学者使用起来非常容易。

有很多Web开发框架你可以选择

    完整的Web应用程序框架,如Ruby on Rails或CakePHP。 JavaScript框架,如jQuery、MooTools和其他许多鲜为人知但很优秀的用于处理用户界面、客户端逻辑和Ajax的JavaScript框架。 如果你想加快视觉层设计,你可以使用一个CSS框架(如,Toast),或者网页布局框架(如,960 Grid System)。 专门的框架,如用于内容管理系统开发的WordPress主题框架。 现在还有移动Web应用程序开发框架。

2.  建立一个代码片段库

IT界的名言“不要重复发明轮子”。回收你的代码,创建一个你最喜欢和经常使用的代码片段集,并确保代码组织良好,可以被轻易搜索到。

最简单的方法是,你可以在硬盘中建立源代码目录。但这未必是最好的方式。

一种方法是使用允许保存代码片段的源代码编辑器或IDE。例如,Notepad++的SnippetPlus插件和Dreamweaver内置的片段面板。

Adobe Dreamweaver的片段面板


另一种方法就是使用专门的片段工具,如Snippet或Snipplr.。

你甚至可以使用自己喜欢的代码库/版本控制系统,像Git,来更好地管理你的源代码。

3.  使用正确的工具

这应该是显而易见的,确保你拥有一些优秀的、你知道如何更有效地使用的工具和装备。

如果你是一个网页设计师,你可能需要Photoshop和Illustrator。如果你是一名开发人员,你需要一些优秀的Web开发应用程序,以帮助你完成工作。

当然,各领域之间、开发者之间的工具集是不同的。重要的是你的工具应该可以帮助你尽可能地高效完成工作。



4. 收集和整理免费设计资源

在网络上有许多网站放出免费设计资源。你可以将这些网站添加到你的RSS阅读器,它们每发布一个免费软件或资源,你就可能了解到。

对于一个设计师来说,这样可以得到大量的图标、PSD模板、矢量插图、风景图像、按钮、GUI元素、Photoshop笔刷、字体库和各种其他的设计元素。



5. 冲刺式工作(短时间高效工作)

不要连续工作几个小时,这样你的效率可能会下降,随着时间的推移,你的工作品质也会下降。每次连续工作10~20分钟,可以保持你大脑活跃,可以更好地产生新的想法。

在短时间的工作,意味着你总是有一个新鲜的开始。

6.  休息

冲刺工作最重要的部分是休息。让你的头脑休息至关重要。利用这些休息时间将自己的工作区分开,干些其他工作或运动一下。

另外,除非有必要,否则不要计划你的时间。你不必每次都工作15分钟,然后休息5分钟。要选一个好的休息点,有一个舒适的休息。

你可以参考番茄工作法。



7. 在学习上投入时间

短期内,不断学习、跟上行业形势并保持领先是很费时间的。

然而,通过在自我提高上投入时间,你可以在工作的其他方面节省时间,可以增加你的劳动成果并提高工作质量。

8. 不要过度规划

你不应该严格规划你的每一天。你的头脑需要有一定的灵活性,需要有时间去认真思考。

请一定要保持你的时间表灵活变化。我发现,超过规划的工作,我可能会一拖再拖。

9. 不要急于直接开始

这和过度规划是两个极端。虽然你不应该过度规划,但你需要计划下。

每当你开始一个项目的工作,确保知道你对这个项目的期望。做网页设计项目时,需要了解客户期望做的、首页内容、颜色设置等工作。

了解有关项目的某些内容,可能会使你工作在正确的方向,而不至于在黑暗中摸索。

在我开始客户的网站项目工作时,我需要先确定:

    颜色方案 网站的目标 他们能够提供的任何内容 他们已经拥有的任何设计思路


10. 不要使事情复杂化

这可能是所有这些最重要的一条:不要使你的工作复杂化。不要做更多的工作,不要在给定的时间内为自己分配过多的工作。我不主张给你的客户提供最少的交付时间,但你肯定也不能提供最长的时间。 要明白客户他们需要什么,不能多也不能少。 另外,不要制定过于复杂的开发战略。让事情简单一些。

VIA  http://sixrevisions.com/project-management/ways-more-productive-web-developer/
原文出处:http://www.iteye.com/news/22883
分享到:
评论

相关推荐

    高性能网站建设进阶指南:WEB开发者性能优化最佳PDF

    《高性能网站建设进阶指南》是一本专为WEB开发者设计的性能优化手册,旨在帮助开发者们构建更快、更稳定、更高效的网站。这本书深入探讨了JavaWeb和Java在网站开发中的应用,结合实际案例,提供了丰富的优化策略和...

    开发者突击_Java+Web主流框架整合开发_J2EE+Struts+Hibernate+Spring+源代码

    《开发者突击:Java+Web主流框架整合开发》一书涵盖了J2EE、Struts、Hibernate以及Spring...总的来说,熟悉并掌握这些主流框架的整合开发,对于Java Web开发者来说,是提升专业技能,适应现代企业开发需求的关键步骤。

    嵌入式web服务器:appweb

    要构建和运行AppWeb,你需要遵循以下步骤: 1. 解压`appweb-src-2.4.2`压缩包。 2. 进入解压后的目录,如`cd appweb-src-2.4.2`。 3. 执行`make`命令编译源代码。 4. 使用`sudo make install`将AppWeb安装到系统...

    Delphi WEB SERVICE10

    在Delphi中创建Web服务的步骤通常包括以下几个关键知识点: 1. **理解Web服务基础**:首先,需要了解Web服务的基本概念,如SOAP、WSDL(Web Services Description Language)、UDDI(Universal Description, ...

    appweb 嵌入式的web服务器

    总结,AppWeb是一个强大而灵活的嵌入式Web服务器,其小体积和高效性能使其在嵌入式环境中有广泛的应用前景。结合EJScript和CGI的支持,开发者可以轻松创建动态Web应用,满足各类项目需求。通过简单的安装和配置过程...

    vue3开发者工具vue-devtools

    Vue3 开发者工具 Vue DevTools 是前端开发者在构建基于...无论你是初学者还是经验丰富的 Vue 开发者,Vue DevTools 都是你高效开发的得力助手,它能让你更深入地理解 Vue 应用的工作原理,并有效地调试和优化你的代码。

    简单迅速的web容器 简单迅速的web容器 简单迅速的web容器

    它们为开发者提供了一个环境,使得动态网页内容能够被高效地处理和分发。"简单迅速的web容器"可能指的是一个轻量级、快速启动且易于部署的Web服务器解决方案,适合小型项目或开发测试环境。 在提供的文件列表中,...

    科大讯飞实时语音转文字webapi版本,此资源为vue版本

    【科大讯飞实时语音转文字Web API Vue版本】是一个基于Vue.js框架构建的应用,用于实现高效的实时语音识别功能。科大讯飞作为中国领先的智能语音技术提供商,提供了丰富的API接口,使得开发者能够轻松地集成语音转...

    vue开发者工具.zip

    在谷歌浏览器(Chrome)中安装Vue DevTools,可以让开发者在浏览器的开发者工具中查看并操作Vue组件状态,进行实时调试。 安装Vue DevTools的步骤如下: 1. 打开谷歌浏览器:首先确保您正在使用的浏览器是Google ...

    js webflow WEB工作流

    总的来说,JavaScript Webflow为开发者提供了一套全面的工具,用于构建高效、灵活的WEB工作流解决方案。它不仅简化了工作流的创建和管理,还通过XML文件的导出增强了可移植性和可维护性,是现代Web应用开发中不可或...

    web2py_win

    【web2py_win】是一个专为Windows用户设计的版本,它是基于Python的全功能Web应用框架——web2py。web2py提供了一种快速、安全且可扩展的平台...无论你是个人开发者还是团队,web2py都能为你带来高效、稳定的开发体验。

    海康威视WebSDK3.0最新版 包含云台控制

    总的来说,海康威视WebSDK3.0是一个强大的开发工具,它为开发者提供了与海康威视摄像头进行交互的一系列便利工具,使得构建高效、安全的网页监控系统成为可能。通过深入学习和应用这个SDK,开发者能够创建出符合业务...

    Web IDE 开源软件

    总结起来,Web IDE如Codiad-v.2.8.4以其开源、轻便、高效的特点,正逐渐成为现代开发者的首选工具之一,尤其是在分布式团队和远程工作日益普遍的今天,它的重要性更加凸显。无论是个人开发者还是大型团队,都可以从...

    TMS WEB組件的DEMO

    这些组件提供了一系列功能丰富的控件和功能,使开发者能够构建出高效、交互性强且具有现代感的Web应用。DEMO是为了让开发者更好地理解并学习如何使用这些组件而提供的实际示例。 在“TMS WEB组件的DEMO”中,你可以...

    Web Security Testing Cookbook

    在众多的Web应用测试中,安全性测试被认为是最重要的一个方面,但同时也是最容易被忽视的部分。本书强调了安全性测试对于保护Web应用程序免受攻击的重要性,并提供了一系列实用的方法和技术来帮助开发者和测试人员...

    K3 Cloud WebAPI 及DEMO(Java版本)

    通过这个SDK,开发者能够高效地构建Java应用,实现与K/3Cloud的数据同步、业务逻辑整合等功能。 【kingdee-1.0.0.jar】:这是一个Java归档文件(JAR),包含了金蝶K3 Cloud WebAPI的Java库。开发者可以将这个JAR...

    大华webplugin_demo.zip

    标题中的“大华webplugin_demo.zip”表明这是一个与大华摄像头相关的Web插件的示例程序,用于二次开发。...通过学习和理解这个压缩包中的内容,开发者可以更高效地进行定制化开发,提升项目的完成度和用户体验。

Global site tag (gtag.js) - Google Analytics