博客

《 Remote 》是一本关于在公司实行远程办公的书，书中介绍了远程办公的好处，挑战，与方法。宁皓 QQ 群（240746680）里的 Cooper 推荐。我离开传统的办公室也快十年了，一直也是用这种远程办公的方式工作，读了这本书，对我又有了新的启发。

中文版在线阅读《 Remote 》

中文版翻译：梅晨斐

不断完善中...

学习前端

所有的 Web 项目都离不开前端开发，前端的设计决定了项目的界面，与用户的交互功能。HTML，CSS，JavaScript 这几样东西是前端开发的重要组成部分，一个高效的工作流程也是必不可少的。

语言

HTML，CSS，JavaScript。

HTML 与 CSS

很难把 HTML 与 CSS 分开，通过下面这几个课程，你可以了解 HTML 与 CSS 的基础，去创建一般的静态页面。

一个网页的结构，是用 HTML 创建的，网页上的不同部分与内容，需要用到不同的 HTML标签去标记，比如网页上的一段文字，要用 <p> 标签去包装一下，内容的标题需要用到标题标签，像 <h1> ... <h6> ，表示不同级别的标签。

Gulp 与 Grunt 都是可以自动化执行任务的工具。在平时开发的流程里面，一定有一些动作需要手工的重复的去执行，比如把一个文件复制到一个指定的地方，把多个 JS 或者 CSS 文件合并成一个文件，并且最小化一下，去把写好的 Sass 或者 Less 编译成 CSS，最小化处理图像文件，创建一个可以实时刷新的本地服务器等等。

只要你觉得有些动作是要重复去做的，一般你就可以把这些动作创建成一个 Gulp 或者 Grunt 的任务，然后在指定的条件下，比如文件发生变化以后，自动去执行这些任务。

Gulp 与 Grunt 选择哪个？

Gulp 与 Grunt 做的事情都差不多，只不过背后的原理还有方法不同。在项目里用哪个都可以，完全取决于个人喜好。另外也可以根据你的项目用到的其它的东西来决定，比如 Bootstrap 这个前端框架就用到了 Grunt，Semantic UI，AngularJS  用的是 Gulp 。相比，Grunt 比较老牌，根据在 Github 上的星星数，Gulp 更受欢迎。

新年了，小雪给大伙挑了几个礼物（保温杯），数量是有限地，您在文章下面留下评论，然后把您的快递信息发到 53166188 这个 qq 的邮箱里，下礼拜一，由犬女随机选出几位朋友，在新年之前给您寄过去，到时候我在您的评论下面会留下快递单号。没能得到杯子的朋友，请收下我们的祝福吧，新年快乐：）图片上这只杯子是我自个儿用的，也是小雪给买的，快一年了，我觉得挺好，送您的是比这个更可爱一点的（小一些）。

家，给人安心。最近我又搬到了第十三个被自己称为是家的地方。让我回想起所有以前的家。

草房

84 年春节过后几天，我见到了第一个家，在黑龙江的一个小地方，她是泥跟草混到一块儿建成的，东北叫草房，墙是泥做的，顶是厚厚的草。这是爷爷的房子，一进门左右是两间屋，左边是我的家，右边是爷爷家，往里走是厨房，有两个大铁锅，得点柴火做饭，中间有口压水井，想把水从地下抽出来，得先往井里倒点水，然后不停的压，一会儿冰凉的水就出来了。

屋子后面有个小院子，里面有奶奶种的罂粟，黄瓜，还有我埋的一个盒子。一到七夕，奶奶会给我讲牛郎跟织女的故事，她说那一天你可以在黄瓜架下面听到她们说的话，我都会跑到黄瓜架下面去努力的听，有时候真的感觉听到了一些什么。然后我会去把自己埋的盒子挖出来，假装找到了宝藏。我家在林区，经常得注意防火，有时候风大，做饭前，妈会叫我出去看看，别人家的烟囱有冒烟的吗，我很认真，看到了冒烟的烟囱就回来跟妈汇报。

我们最近的课程还是要完善一下基础的部分，特别是前端开发的基础，包括跟开发的工作流程相关的工具，CSS 预处理器，前端开发框架等等。我认为这些是每个 Web 工程师必学的东西，至少您得知道他们是怎么一回事，这样我们不管到哪个团队，都有自信很快的融入进去。自动化，团队协作，工作效率，都是现代的工作方式要考虑的东西。

前端工作流程

您应该听说过一些工具，但一直不知道他们都能干什么，比如 bower ，grunt，gulp，yeoman，这些工具经常会用到前端开发的工作流程里面。

bower 很简单，它是一个 web 包管理工具，比如你在命令工具里，可以使用 bower ，去下载想要的前端框架（jQuery，Angularjs，Bootstrap... ）。你可以在一个特定的文件里（bower.json）指定一下，你的项目需要的前端框架，然后通过一条命令，bower 会去自动下载这些指定的框架还有它们所依赖的其它的东西。

朋友问我平时是怎么学习的，方法是什么，有啥窍门没。这里就跟大伙分享一下自己的一点经验与浅见。也非常希望您能在评论里留下自己的想法与方法。

用一大段时间

学一样从来都没有接触过的新东西，通过我需要一大段完整的连续的时间。

一大段时间可能是几个小时，几天，甚至也个月。重要的是，不能受到干扰。我从一个事情切换到另一个事情，需要很长时间来调整，有时候进入一个状态可能需要一两天的调整时间。所以如果打算学一样新东西，都是先调整好自己的状态，然后用一段完整的连续的时间学习。如果这期间有一天去做别的事了，比如陪小雪逛个街什么的，回来以后，又需要重新调整好状态。所以，你开始学习之前，最好跟家里人说好。

我看过一个演讲，说思考跟睡觉差不多，都需要个过程，开始迷迷乎乎，慢慢再到深度睡眠。我有这样的体会，进入状态以后，听力下降，反应很快，这个过程需要一段时间。

找个安静的地方

我认为最好的学习环境，就只有自己一个人，桌子上可以放一杯咖啡，在安安静静的地方。

很多会员受到我的蛊惑，都把自己的 PC 换成了 MAC，也有很多会员看到视频里都是在 OSX 系统上录的感到不爽。开始的时候我的确推荐用 Mac，因为它跟 Linux 系统有很多相似的地方，许多东西也只能运行在这样的系统上。不过现在，我觉得您用什么都可以了，因为不管是前端还是后端的开发，都可以在使用 Vagrant + Virtualbox 搭建的 Linux 系统的服务器上进行。我们的视频越来越不受系统的限制，您在 Windows，Mac，Linux 上都可以跟着练习，不过还是有一点小区别，下面总结一下。

• Mac 电脑上用的系统叫 OSX（Mavericks，Yosemite ...）
• PC 上面的系统一般就是 Windows（Win7，Win8 ...）

刚刚发布了《 Git 版本控制 》课程。不用多考虑，Git 是您必备的工具，无论您是前端开发还是后端开发。Git 可以让你的开发过程中的每一步，都有一个记录，你可以随时查看，你的同事也可以随时查看这些记录，你有能力让你的项目回到任何一个时间点上。使用 Git ，你还能更好的与你的同事协作。Git 是在现代工作流程里，不可少的一个工具。

开始使用 Git 是很简单的，你在某个地方创建了一个项目的目录，你打算把项目需要的文件都放到这个目录的下面，你用命令行进入到这个项目，用命令去初始化（git init）一下，也就是告诉 Git ，我现在要跟踪这个项目目录里的文件的变化。你开始去开发你的项目，完成一步，你就去向 Git 提交一下（git commit），在提交的时候，你需要写一条备忘录，这样你可以很容易了解到项目的开发的历史。

你有了一个新点子，打算去试一下，你不知道能不能行，这时候，你可以去为项目创建一个分支（branch），然后你切换（git checkout）到了这个分支，在这个分支上你去实验自己的新想法。你觉得可行，就可以把在这个新的分支上做的修改合并到你原来的主分支上，然后继续去开发。