博客

第 11 周课程与内容简报

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

更新

Drupal:自定义界面

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

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

新的

Express

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

我的工作流程:Windows

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

cmder: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 个俯卧撑,然后我想如果实现了这个目标,我就可以写篇博客跟大家吹一下,感觉自己发现了什么神奇的现象。

React Native 课程更新:创建项目

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 项目的最小配置过程。React 官方为你提供了创建 React 项目的工具(create-react-app),用它可以很简单创建 React 项目,基本不需要做任何的配置,直接就可以进入到开发过程。但这个过程太过神奇,我认为还是要理解一下,创建一个 React 项目,至少要做的一些配置。

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 个月。这个活动到本月就结束了 :)

这就去订阅



微信好友

用微信扫描二维码,
加我好友。



微信公众号

用微信扫描二维码,
订阅宁皓网公众号。



240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

7291
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点