我们都想在我们所做的事情中成长，在web开发领域，我们花费大量时间的一个主要领域就是我们的代码。这可能包括HTML, CSS, JavaScript, PHP, Python, ActionScript或任何其他你可以选择用于构建网站的语言。在本文中，我将分享一些实用的步骤，您可以采取这些步骤来扩展您的技能集，并成为更好的编码员。
我想提出五个不同的习惯，你可以适应，以帮助自己在你所做的事情上变得更优秀。
1.一次只学习一种语言
如果你正在为网页设计和开发，通常会有多种不同的语言你需要熟悉它们，尝试一次性学习它们是很有诱惑力的，特别是考虑到它们是如何相互联系的。我想，在某种程度上，这是不可避免的。但如果你真的想快速提高，我建议你专注于一个特定的专业领域。
你想更好地使用CSS吗?把你的注意力放在这上面。尝试使用单一的HMTL文档，只使用样式创建各种布局。
的CSS禅园这是一个很好的例子，说明相同的标记可以使你的网页变得多么不同。您还可以通过查找元素列表并处理它们来集中精力。例如，如果你对CSS2很熟悉，但想提高你对CSS2的理解CSS3有什么可能，你可以研究CSS3的属性，并开始一个一个地研究它们。
你可以读出电流CSS3规范．您可以试验每个模块，看看它在哪些浏览器上能做什么(不能做什么)。您可以使用类似的方法来编写JavaScript和PHP等脚本语言，尽管尝试有条不紊地处理它们的所有函数可能有点乏味。
另一种选择是学习一些专门针对这些语言的教程，最好是在您最擅长的特定领域。你需要在WordPress开发方面做得更好吗?有有很多关于这个的教程．
想了解更多关于服务器端图像操作的信息吗?也有相关的教程。找到它们，收藏它们，然后研究它们——只是不要在你学习CSS、HTML5或任何其他网络语言的教程时做这些事情，这样你就不会把自己的精力分散得太分散了。
选择一个并坚持它，直到你掌握它，然后再转向下一个。
2.通过注释写出你的逻辑
说到编码，我有很多原则和想法。其中一个是那个代码是95%的逻辑。另一个原因是，当从人类语言翻译成编程语言时，逻辑不会改变。
这意味着，如果你能用代码来写，你就可以用英语或法语这样的口语来写。例如，假设我想编写一个函数，根据一天中的时间(出于什么原因，我不确定)锁定或解锁某个东西。我可以退一步，以注释的形式用简单的英语编写逻辑，而不是直接对函数进行编码。
例子
// FUNCTION: Lock On Time //此函数将接受两个时间值，指示通过//返回未锁定状态的范围。//创建新的数据对象//使用数据对象获取当前时间//如果当前时间在传递给函数的范围内//返回false -表示当前未锁定// ELSE //返回true -表示当前已锁定。// endif //结束函数
在这里，我们有了函数的完整逻辑结构，这几乎类似于建造房子的蓝图。
从这里开始，我可以开始添加实际的代码，允许注释指导整个过程。显然，这是一个非常简单的示例，但当我需要构建一个明显更复杂的函数时，我经常使用这种技术。通过这种方式，我可以思考完整的逻辑，并尝试在实际开始编写代码之前解决问题。
我发现这是一个非常有价值的习惯，往往会导致更少的错误。作为额外的好处，因为我很少会删除注释，所以通过注释编写逻辑也意味着我的代码已经被记录下来了，这使得其他人在不得不使用我的逻辑时更容易遵循我的逻辑，或者即使只是我自己，如果我必须在几个月或几年之后重新使用它!
3.学习模板、插件和开源代码
网络是一个令人难以置信的可访问和开放的地方，特别是在设计和开发社区。对于任何想成为更好的编码员的人来说，这种对网络的配置都是有价值的资源。例如，如果您真的刚刚开始使用HTML，您可以下载无数中的任何一个免费的模板在互联网上存在的，或者研究你最喜欢的网站的标记。
因为这些模板通常只是普通的HTML(和CSS，也可能是JavaScript)，所以它们能够在本地工作，让您有机会打开源代码并开始深入研究。使用标签和结构来更好地理解它们。移动东西。
看看修改样式规则时会发生什么。当然，我强烈建议将这个实验与阅读一些关于标准和最佳实践的可靠资源结合起来。毕竟，您不希望染上不好的编码习惯。
这种技术可能对JavaScript或PHP之类的编程编码更有用，因为它们在作用域和逻辑方面比HTML或CSS要复杂得多。例如，一个内容管理系统WordPress它几乎完全建立在各种PHP脚本的基础上，这些脚本一起工作来建立核心功能。发布平台还支持一个庞大而强大的体系结构来扩展核心功能，允许你下载和安装插件来做各种很酷的事情(有时是非常普通的事情)。
这样做的好处是WordPress和它的插件是完全开源的，这意味着你可以完全访问所有的代码。因此，继续前进，利用这一事实，通过深入插件和研究代码。再说一次，这是一个尝试和实验的好机会。
关于这个习惯的最后一个建议是:永远不要把你在别人的代码中发现的技术或结构当作确定的(或“福音”)确保你也试图理解发生了什么而不仅仅是模仿别人的代码。总是要问事情为什么是这样的。始终尝试考虑与特定语言的公认过程和标准相关的代码。
同样，这将帮助你避免陷入一些坏习惯。
4.读书
但是有很多各种博客上有很棒的信息在网上(就像在Six Revisions网站上)，仍然没有什么比读一本关于某个主题的好书更好的了。对于特定主题的文章和教程来说，博客是很棒的，并且可以为快速提示创造奇迹，但在我看来，在帮助建立对更大主题的强大基础理解方面，没有什么比一本好书更好的了。当我终于厌倦了我在90年代末到21世纪初一直在创建的基于表格的布局时，这一点对我来说再清楚不过了。
那时，我终于意识到是时候切换到最佳实践了(div然而，到那时为止，我在自学如何正确使用标记方面只取得了一定的成功。我没有完全理解CSS选择器语法，这是grokking的一个很大的部分div的布局。
因此，我也没有得到伪类(例如:徘徊)，而特异性和遗传的整个概念对我来说毫无意义。定位和浮动也是如此。现在，我可能已经慢慢地学习了这门语言，从各种博客(当时的博客少得多，我可以补充一下)中拼凑出一些信息，以形成一个更全面的CSS整体图景。
那样会花很多时间，而且我有工作要做，所以我在寻找一个更方便的解决方案。所以，我出去买了用CSS样式查尔斯·威克·史密斯著。这是一个启示。
在短短的几章里，我掌握了CSS的基本概念。所有那些我甚至不知道存在的事情都以一种节奏井然有序的方式呈现在我面前，每一章都建立在前一章的基础上。在大约一天的阅读中，我获得了从各种各样的文章和博客文章中获得的相同数量的知识。
当然，从那以后我学到了更多，但这本书真的是我CSS知识的基础，我仍然把它放在书架上作为参考(它有一个非常方便的附录)。如果你需要从头开始深入研究一项新技术，一本好书是最好的方法之一!
5.实验
我建议大家养成的最后一件事就是玩得开心。坐下来，尝试一下，看看你自己能想出什么。目前，这是一种流行的趋势CSS3，因为不同的程序员试图推动技术和技术，以发现它真正的能力。
以下是这类实验的几个例子。
CSS3变换& @font-face实验
这是一个非常酷的实验，创建一个类似海报的排版设计使用CSS属性，以及一些阴影和令人惊叹的旋转变换，当所有浏览器都完全支持时，将在网页设计中打开各种令人惊叹的新可能性。
CSS的海报
在这篇Design Informer的文章中，Jad Limcaco实验只用CSS创建了许多不同的海报设计。
纯CSS折线图
有很多不同的教程可以演示如何使用CSS创建柱状图．这篇文章使用了一种不同的方法，通过使用实际的折线图来可视化数据。根据你的观点，你可能认为它不是“纯粹的”CSS，因为它使用了一个巨大的精灵，但它仍然非常酷。
CSS3豹式堆栈
这篇文章展示了一个很好的尝试，通过可视化地模拟Mac操作系统的一种行为，尝试使用CSS来重新创建非web效果。它也做得很好，所以看看它的灵感。
纯CSS推特失败鲸
当然，并不是所有的CSS实验都是完全实用的，这个可能是所有实验中最不实用的，因为它实际上只使用CSS重新创建了著名的Twitter失败鲸插图。耗时吗?是的。
实用吗?不。但它确实很有趣，并证明了CSS的强大功能。
所有这些实验都用CSS做了引人注目的事情。有些应用程序比其他应用程序有更多的实际应用，但我确信它们的创建者实际上都从CSS的探索中吸取了一些东西;也许是更好地理解他们正在使用的特定CSS属性，或者是一些他们能够应用到实际网站设计中的技术。你能进行什么样的编码实验?
这是一种有趣而有效的学习方式。
临别赠言
所以，你有了五个不同的习惯来提高你的编码技能。不是所有这些都适用于每个人，但我希望你能找到至少一个吸引你的习惯。记住，这个叫做互联网的地方一直在成长和进化。
成为一名优秀的程序员意味着一生的学习和成长。希望你旅途愉快。作为一名程序员，还有哪些好习惯需要养成?
相关内容
- 为什么设计师应该学习如何编程
- 10个益智网站来提高你的编程技能
- 设计师与开发人员合作的技巧
作者简介
马特·沃德是一个在名字下畅所欲言的数字艺术家吗回声恒久传媒擅长平面设计、插画和写作。看看他的博客阅读设计方面的文章。你可以跟着他走推特．
