学编程

English original：How my sister n my girlfriend learned to code，翻译：Ekaterina@yeeyan 就像我在上一篇博文中提到的，Eva和Fong（译者注：根据博主的上一篇博文，Eva是博主的姐姐，Fong是博主的妹子）来到旧金山跟我学编程。在这篇博文中，我将记录下我教她们的方式，我构建这种学习过程的理由，以及这种学习方式奏效的原因。虽然以时间顺序列出她们在这段时间做的或学习的每一件事再容易不过，但是这毫无用处，而且读者们也会遗漏重点。了解学习过程中的细节并且明白它起作用的原因至关重要。所以我会从基本原则开始讲。本文较长，请做好准备。 我姐和我女友是如何学编程的 请在编程过程中始终牢记这些基本原则。 1）交流沟通 在Eva和Fong开始学习之前，我为她们申请了博客，并请她们记录下她们的编程之旅和学到的东西。万事开头难，你可以问问她们。我大概花了一周的时间跟她们唠叨才让她们写了第一篇博客。但是现在，她们不在博客上写点儿自己投入了大量时间的项目就觉得不对劲。 如果你在项目中使用了API（译者注：Application Programming Interface，应用程序编程接口），发推文或者是邮件给这家公司告诉他们你关于他们的API的想法。当你在黑客马拉松中赢得奖项时，发个不错的推文@他们表示谢意，或写篇相关的博文。每写一篇博文都使它成为一直以来最好的，并怀着它会被放上黑客新闻版首页的期望将它提交（尽管大部分时候这种期望都不能实现）。 健康交流的最大好处就是，它使你对你的项目负责， 由此也引出我的下个要点。 2）完成 Fong和Eva都知道，完成一个项目困难，却重要。我声明：除非她们写了一篇关于手头项目的博文，在推特上@了API公司，并且将它发布在黑客新闻网版上，我们是不会开始一个新项目的。尽管她们的第一个项目只是井字棋游戏，但这是她们做过的最好的井字棋游戏。从来就没有人想写一个蹩脚的项目，所以不管这个项目有多简单或者不相关，如果你要着手做个项目，那它必须是你能拿到的最好的那个。我已经见过太多开发者为毫无前景的次要项目工作。如果你在学习编程，你必须从一开始就认识到要珍惜你的时间和精力，完成你的项目证明它的价值。 完成整个项目的最后20%需要花费全部努力的80%。开发者可以在1、2天之内实现一个项目的概念。而测试每种情况并且解决每一种边际情况从而成就一个“完美”的产品则需要两倍的时间。在项目最后的20%花费那80%的精力，将会在许多许多访问中传为佳话。 3） 思考 如果你卡住了，不要紧盯住你的代码。出去散个步，呼吸点新鲜空气，再考虑一下。你卡住了是因为你的逻辑中有错误，而修正它最好的方法就是在脑海中或是在纸上一步一步地彻底想通它。程序员靠思考赚钱，问题在你的思考中被解决，编程是个蛋疼的工作。伟大的项目经理通常都有广博的编程背景，并且在思考和问题解决方面接受过出色的训练。 有一种说法：当你被卡住20多分钟时，并且你仍然茫然无绪，请教别人吧。如果在20分钟内没有任何头绪，那么在接下来的一个小时，你也不会有任何进展的。相信Eva。她有一天就浪费了5个小时，因为一个愚蠢的错误——血的教训啊。散个步，做个其他事。然后再回到项目上来。能将自己与问题切断并转移注意力，是个技术活。 4）再思考 也许你现在已经明白了，思考，在一个程序员的生活中是至关重要的。不要去复制-粘贴代码，尤其当你在学习如何去编程的时候。如果你想学习怎么编程，复制，粘贴——“看，有用诶！”不会使你有任何成就。相反，无论何时你看到代码，你必须在企图去试运行它之前想清楚它在干什么。当你能轻易看懂别人的代码了，将其简化到你刚好需要的程度，然后写出来。如果从一开始就定期这么做，你会在几个月内成长为一个非凡的开发者。 5）谷歌 学会独立解决问题。除非至少被卡住20分钟，不要问编程问题。程序员们必须是独立的。他们是伟大的思想者和伟大的交流者。为了成为他们中的一员，你必须逻辑地思考，想出问题出现的原因。许多年轻开发者面对的问题是，写出他们真正需要的代码对他们来说很困难。我们中的许多人也是这样，明知道问题是什么，但就是不知道要去找什么去解决它。这是个你必须从一开始就培养的技能，它漂亮地联系了第一点，“成为一个交流者” （译者注：疑为博主手误，communication 应为communicator）。 现在，有了这五点牢记于心，以下是Eva和Fong学到的东西，以时间顺序排列。 第1-3天：通过Ruby语言学习编程基础 我选择Ruby语言，因为它用来上手是最的。在Ruby语言中，有很少语法限制（space键与tab键，类型声明，等等），所以Eva和Fong能够关注编程的思考过程而不是解决语法问题。她们学习了if型语句、循环体、数据结构，解决了一些编程题目，比如说FizzBuzz（编程初级问题，即满足a条件时输出Fizz，满足b条件时输出Buzz，同时满足a、b条件时输出FizzBuzz）,替换字符串中的字符，转换一个数组，找出最大值。关于类别和对象的学习也是重要的。 *注*我没有教她们特定的ruby语法，而是让她们对参数都使用括号，并且以返回空结束每个函数。 这样的话，她们下次学一种新的语言时就能更快上手。 第4天：HTML HTML或CSS严格上来说不能算是编程语言，所以没必要在这里花上太多时间。Eva和Fong在HTML上花了一天时间，编了几个标签玩儿，快速完成了表单、信息页等内容。这样，对CSS的兴奋感就建立起来了。在这里重点要学的是区分块HTML与内联HTML、标识与分类。 第5天：CSS 在摆弄过HTML后，“如何在那里表达这个，怎样使这个丑陋的HTML页面看起来更漂亮”的问题浮出了水面。CSS就是那个完美的答案。花上一天的时间尽情设计网页（所有HTML页面都已经在前一天建好）。这一块的重点是，相对/绝对/固定定位，HTML浮动元素，以及如何用绝对、固定定位来控制正常的浮动。 第6-7天：通过jQuery来学习javascript jQuery需要花点时间来适应，而且因为涉及到编程，学习jQuery框架需要占用点时间。她们花了几天时间将HTML页面做成交互式页面。 第8-15天：第一个项目- 井字棋 这时，Eva和Fong已经了解了HTML/CSS/Javascript，但不是特别习惯。这正是让她们开始第一个项目（井字棋）的绝佳时机。虽然她们花了两天的时间来完成这个项目，又用了几天时间来对其进行润色修饰。项目的最后20%要花费精力的80%是个金科玉律。作为一个初学者，学着去完成你的项目是很重要的。 第16-20天：Sinatra框架 在那个看起来永远都不能结束的井字棋项目之后，Fong和Eva迫不及待地想学点新东西。学点服务终端代码对她们已经在做的事来说是个激动人心的全新体验。我选择Sinatra，是因为它是我使用过最整洁、最简单的网络框架，而且这种简洁性让解释网络的工作原理变成小菜一碟。 第20-22天：Photoshop Photoshop对非凡的设计非常重要。对那些从没用过它的人来说，它有点儿吓人（至少对我来说是这样），但是用Photoshop做出来的网站比典型的bootstrap（译者注：由Twitter推出的一款开源前端框架）站点要高端一个档次。而你真正要知道的只是混合、协调功能就够了。任何一个相当成功的开发者都会需要Photoshop，所以学会它并且在你所有的项目中使用它非常重要。 第20-27天：项目2-Dragpic（译者注：通过拖动图片实现从网页上方便地保存图片的软件） 项目2涉及到Javascript的大量使用。这个项目涉及到使用ajax（译者注：一种用于创建更好更快以及交互性更强的 Web 应用程序的技术）的需要，facebook的API，以及cookies。这是个将所有网络编程基础联系起来的绝佳项目。这个项目所需要的技术范围比第一个要更广，我觉得这也向更多更复杂的项目迈进了一步。在这段时间里，她们凭借GIT（译者注：分布式文件管理工具）通力合作。这可是一个开源项目啊！ 第28-30天：RSpec 这时，Fong和Eva已经能相当自如地构造网络应用了。也正是这时，她们意识到，代码是多么地脆弱，一个细微的改动，就能导致满盘皆输。现在，测试驱动开发就显得有重要意义。我们花了几天时间重温了rspec，Eva和Fong则写出测试案例作为每天早晨的编程练习。我之前提过她们每天早晨都要解决一个技术问题吗？从第28天开始，她们就必须为这些技术问题写出rspec，在她们开始编程之前也不例外。 第30-35天:BackboneJS（译者注：一个开发网络应用的框架，提供了强大的对模型、视图和交互的抽象） 通过负责一个设计技术范围广泛的项目（比如Dragpic），你能学到很多，遇到很多你希望能有更优解的问题。只有这样，你才能这正意识到那些帮助你的框架的价值。我还没有找到任何一个优秀的backboneJS教程，所有教程都一下子提供了太多信息。以下是我教授它的方法： 第一步：学习模型。仅为一个数据库数据库条目创建一个模型。学会如何去修改和保存。 第二步：学习视图。为你已经在做的模型创建一个视图。添加事件接听程式，体会视图如何能够隐蔽地与模型连接，以及这一切组装为一体是如此地合适。 第三步：集合的意义现在就明确了。 你不可能手动打印输出每一个模型，尤其是当你不知道模型具体数量的时候。 我们没有学过常规课程，到现在为止，我也不认为这有什么要紧。 第35-40天:Android 假如你现在还没怎么注意，我们已经在短时间内涵盖了大量的材料了。伟大的程序员适应变化，因此我们最后一个计划就是学习Android系统。在编程中你不能忽视移动设备，这块实在是太重要了。我教她们Android编程，这不是特别难，Android编程与web编程非常类似。在视图上你有XML（译者注：extensive makeup language,用于标记电子文件使其具有结构性的标记语言）,同时也有足以和web控制器相媲美的Java代码。模型-视图-控制！通过用Ruby语言和Java语言工作，Fong和Eva开始寻找编程语言之前的共同点，成为了编程语言不可知论者。对她们来说，编程语言仅仅在语法上有所不同，但工作起来却是一个道理（其实不是这样，稍后我会对其进行辨析，厘清混淆）。 结论： 1）女孩们在编程上天赋异禀。 2）没有获得计算机科学的学位不是个不学编程的借口。 3）在快乐中编程，人人都能学。 继续探索，然后征服编程吧！