如何教会非计算机专业的女友写代码

这半年一直在教女朋友写前端，分享一下学习心得和方法，给更多正在前端路上战斗的朋友们一些参考。

背景：

女友14年本科毕业，学的是商科，大学里一点编程都没接触过，毕业后也从事与编程无关的工作，工作了一年多觉得工作不合适自己，想换一份持续学习、有挑战的工作；与此同时在我的耳濡目染下渐渐对写程序产生了兴趣，于是我们就做了大胆的决定，转程序媛吧。

我目前还是上海交通大学计算机系研二的学生，虽然未来的职业规划不是前端方向，但学生时期做过许多项目，教她前端入门完全没有问题，与此同时还需要帮她自底向上构建计算机基础知识，这一点对所有方向的程序员来说都至关重要。

关于技术选型，我们没有多想直接选了Web前端，一来是因为效果容易展现保持学习的成就感，二来是因为NodeJS的存在可以很容易学一些后端知识。

在学习方法上，我们分了好几条线路同时学习：

线一：HTML/CSS/JavaScript

这是一条入门和打基础的线。

我们看的第一本书：《HeadFirstHTMLandCSS》，这是本非常基础的书，适合初学者作为第一本书。

之后做的第二件事：完成了codecademy（强烈推荐这个网站，计算机入门的好资源）上的JavaScript教程，并做了课后配套的几个网站项目。

看的第二本书：《JavaScriptDOM编程艺术》，这也是本入门好书，讲了一个网站从简单到复杂是怎么一部部完成的，力荐。

看的第三本书：《HeadFirstHTML5》这本书同样写得深入浅出，在讲JavaScript和DOM的时候与第二本书有一点点的重复，可以看看不同的书是如何讲解JavaScript的。