博客

这礼拜给您准备了 Express 框架的使用，再了解一下 Windows 平台上的工作流程，还有继续了解自定义 Drupal 界面的方法。

更新

《Drupal：自定义界面》

继续了解自定义 Drupal 界面的方法。

• 找到需要的 template，hook 还有 API
• 在本地动作链接上添加 CSS 类：template_preprocess_menu_local_action
• 去掉元素上不需要的 CSS 类
• 禁用 Library里定义的资源

新的

《Express》

用 Express 框架创建一个小应用，快速了解一下这个框架的使用方法。

《我的工作流程：Windows》

我把自己在 macOS 平台上的工作流程，转换成了一套也可以在 Windows 平台上使用的方法。

cmder

在宁皓网的课程视频里我经常会说，打开命令行工具，或者打开终端（Terminal）。在 Windows 系统上，应该就是打开 cmd 或者 powershell。最近朋友推荐了一款更好用的命令行工具，叫 cmder。强烈推荐 Windows 平台用户都试一下这个 cmder。

这款工具的使用已经包含在了：《我的工作流程：Windows》。

Windows 上缺少的工具

Windows 与 Unix，Linux，macOS  不是一路的。Linux，像 CentOS，Ubuntu，还有 macOS，他们其实都有一些血源关系。你会发现很多操作都比较类似，文本与目录的权限的管理也都差不多，很多工具也都可以通用。

我们平时的开发工作，经常需要用到一些 Unix 工具。比如你要登录到 Linux 服务器，你需要使用 ssh 。但是，在 Windows 上默认是没有这些工具的。cmder 里面包含了几乎所有这些工具。所以，通过 cmder ，你可以直接在 Windows 系统上使用 ssh 登录到你的 Linux 系统的服务器，不再需要其它的特殊工具，比如之前我会推荐你用 putty 工具登录服务器。

第二阶段课程推荐完成期限：14 天 。在第二阶段我们要了解一款编辑器，这是你以后工作的主要工具，可以选择的编辑器非常多，一开始，我推荐大家不要在选择工具上花费太多时间，选择一款自己已经熟悉的，或者我推荐的这款编辑器，名字是 Atom。开源，可扩展，可定制，是一款现代的编辑器。

然后需要再学一下版本控制工具，名字是 Git。这是以后设计，开发，协作必备的工具，一定要学会。推荐一开始，了解 Git 在命令行下的操作。它也有图形界面，比如 Github 与 Bitbucket 都提供了图形界面的 Git 版本控制工具。

接着再学两门标记语言，HTML 与 CSS，这是网页设计的基础。非常简单，只需要记住标记的名字，使用方法，与规则就行了。没有复杂的逻辑，不需要多想，只需要理解，记住也不是必须的，只要理解就行。忘了标记的名字，记不清 CSS 属性的名字与用法都可以去搜索一下。你只需要知道自己具体要搜索什么就行了。

任务一：编辑器

编辑器，下载 Atom 编辑器。学会打开文件与目录，知道在哪里做基本的设置，安装插件与主题。一开始不用成为编辑器专家，了解个基础，能正常工作就行了。以后慢慢完善你的编辑技巧 ：）

推荐 1 天完成，最多用两天时间。

哈哈，我哪知道怎么做，不过我保证，如果我知道一定会告诉你具体的方法。

怎么完成一个不可能完成的任务，比如让收入增加 500 倍。这是我不久前的一个想法，对我来说，不管是 500 倍，还是 5 倍，或者 1.5 倍都不是一件容易的事，也可能我认为这是一件不可能的事情，可是我为什么会认为这是一件不可能的事情？

目标

有一天我做俯卧撑，跟往常一样，一般做到 50 个左右我就自动停止了，我都没有特意停止，肌肉或许有记忆，到某个点上我就自动停止了。十几年前我就能做 50 个，为什么到现在仍然只能做 50 个？当初我也是从零开始的，是什么让我觉得 50 个就可以了？

我也顺便想了想，发现自己在其它地方也是类似的，到一定程度就自动停止在那儿了。当时我就做了一个小目标，我说我要做 200 个俯卧撑，然后我想如果实现了这个目标，我就可以写篇博客跟大家吹一下，感觉自己发现了什么神奇的现象。

2017.02.22 更新：创建 React Native 项目

最近更新了一下在 React Native 课程里做的一个小项目，支持新版本的 React 与 React Native。我录了一个视频，没有过多剪辑，基本上就是一个完整的在 macOS 上运行 React Native 的 iOS 应用的全过程，你可以边看边操作。

项目更新

安装新版的 react-native-cli  工具，然后用这个新的工具去创建一个全新的 React Native 项目，我又把自己写的项目代码复制到这个新的项目里面，这样再次运行 React Native 就不会有什么问题了。

项目代码更新

我们在 React Native 课程里做的小项目用了豆瓣提供的 API：

• Top250：豆瓣评价最好的 250 个电影。
• 北美票房榜
• 电影搜索：搜索关键词返回相关的电影。
• OAuth 2.0：登录认证。

您刚刚转行做技术，假设你对技术没有任何概念。下面是为你在宁皓网准备的第一阶段的学习路径。
第一阶段课程推荐完成期限：7 天 。

任务一：命令行

在一个命令行界面上，通过手工输入文字命令去执行对应的任务。您既然决定用技术改变世界，命令行工具是您一定会用到的东西，无法避开。熟悉以后，它会成为你的朋友。

课程：

《命令行》：学会用命令行操作文件与目录。

任务二：虚拟机

在你的电脑上安装一台 Linux 系统的虚拟机，在上面熟悉 Linux 操作系统。创建与管理虚拟机，推荐使用 Vagrant，虚拟机软件可以用免费的 Virtualbox。

课程：

《Vagrant：虚拟机管理》：创建与管理虚拟机。

任务三：Linux

Linux 也很多种类，这些种类叫发行版，CentOS 就是其中的一种 Linux 操作系统，服务器经常用 CentOS 作为操作系统。在本地创建一台 Linux 虚拟机，然后在上面做练习。

我一直不太喜欢教育这个词，因为我觉得这个词有压迫力，而且被动。“我被小雪同学教育”，“小雪教育小羽要主动跟别人打招呼”。我更喜欢 “学习” 这个词，因为它很主动。别人强制你捐钱给慈善，跟你主动拿出钱捐给慈善，虽然结果是一样的，就是你的钱花在了慈善事业上。不过两种情况，你的心理感受是完全不同地。在我有限的几年被教育地经历里，没有留下美好地回忆。但我清楚的记得，因为学到了一个小技巧，出门骑着车，迎着风，哼着歌地感觉。

我记得我最最原始的学习动机是想自由职业。但是，直到 30 岁，我才真正感受到学习的重要性，有点遗憾当初浪费了大量的时间。如果从我辞掉工作开始，就能有计划的学习，公司早上市了，这种永远不成立的假设可以随便吹，是吧。现在看来，公司上市还得再等几年：）张老师说：“学习，什么时候都不晚” 。

开始严肃的对待学习，是之前我跟朋友合伙开的公司面临转型，从一个培训班，转到要做自己的产品，我学了一个叫 Drupal 的程序。那时的动机就是要马上学会，这样才能做出我们想要的网站。有压力，它给我当时的学习提供了动力，因为公司没有收入，马上就要黄了。在这种状态下，学习的效果还是挺好的，压力转成了动力。动机就是要做出自己想要的东西。

这篇文章的目的是让你理解创建一个 React 项目的最小配置过程。React 官方为你提供了创建 React 项目的工具（create-react-app），用它可以很简单创建 React 项目，基本不需要做任何的配置，直接就可以进入到开发过程。但这个过程太过神奇，我认为还是要理解一下，创建一个 React 项目，至少要做的一些配置。

创建 React 项目（2017）

打算创建一个 React 应用，你得先准备一大堆工具，你还得配置一下，让它们可以混合在一起工作。比如你需要编译 JavaScript 用的 Babel，打包用的 webpack，一个在本地运行的服务器等等。

React 现在提供了一个 create-react-app 小工具，使用它可以非常方便的创建 React 项目，它会为你准备好一个简单的 React 项目，并且安装配置好 React 应用需要的所有的工具。

安装工具

确定电脑上已经安装好了 node 与 npm。然后去安装 create-react-app：

npm install -g create-react-app

创建 React 项目

使用 create-react-app 创建一个简单的 React 应用，ninghao-react 是我的 React 项目的名字：

现在订阅宁皓网，新订用户可以多赠送 6 个月会员时间，老用户续订或重订可以赠送 18 个月。这个活动到本月就结束了 ：）

这就去订阅