课程列表

##网站一个完整的网站案例。每周一更新。

##Sketch 界面设计工具。

命令行

我保证在你的工作中一定会用到命令行，尽早熟悉在命令行界面下工作会非常的有帮助。macOS 用户打开 Terminal（终端），Windows 用户打开 Powershell，练习一些常用的命令。

命令行

编辑器

准备一款现代的代码编辑器，开始不要浪费太多时间在选择上，用你最熟悉的就行。如果还没谱用哪个，可以跟我一样使用 Atom 编辑器。如果我发现更好的，绝对不会自己偷着用。

版本控制

项目的代码要用版本控制工具来管理，这是一定要做的事情，这样你才有机会进步，去跟别人合作。Git 是版本控制工具的一种。macOS 安装 Git 以后可以使用终端来操作，Windows 安装 Git 以后可以使用 Git Bash。

Git：版本控制

虚拟机

你打算学一下 Linux，模拟一下服务器环境，搭建一个运行网站的环境，可以在本地创建一些 Linux 系统的虚拟机。用 Vagrant 管理虚拟机简单方便。

Vagrant：虚拟机管理

前端工具

前端项目相关的工具，需要的时候可以过来学一下。

HTML

网页上的文字，标题，列表，表格，表单... 这些元素都是用 HTML 标记组成的。

HTML：标记语言

CSS

网页上的文字，标题，列表，表格，表单的显示样式，比如颜色，大小，阴影，背景... 都是用 CSS 添加的。

JavaScript

网页上元素的交互功能是用 JavaScript 语言创建的。比如点击了什么，要做什么。提交了表单以后要怎么样处理表单里的数据。

Semantic UI

CSS 与 JavaScript 框架，可以基于它创建应用的用户界面。

Bootstrap

CSS 与 JavaScript 框架，可以基于它创建应用的用户界面。

React

Facebook 出品的前端应用框架，可以基于它创建前端应用。

React Native

用 React 的方式创建移动端的本地应用，比如 iOS 或 Android 应用。

Vue.js

一个与 React 齐名的前端框架。

正则表达式

正则表达式

Linux

Linux 是最常用的服务器操作系统，有很多发行版本，比如 CentOS，Ubuntu 等等。

Web 服务器

自动化配置

Ansible：自动化配置

Docker

网站从本地到生产之间的业务流程，使用 Docker 会更简单。只有尝试之后才知道它到底是什么。

阿里云

支持应用运行的服务，可以使用阿里云提供的各种服务。不贵，稳定，可扩展。

PHP

一种后端应用的脚本语言，Drupal，WordPress，Laravel 都是基于这种语言编写的。

MySQL

一种关系类型的数据库管理系统，应用产生的数据可以放在这种数据库里来管理。了解下 SQL 语言的基本用法。

MySQL 基础

Drupal

内容管理系统，你可以基于它创建自己的应用。企业，政府，大学，娱乐界的很多大牌都相信 Drupal。

版本: 7.x

版本: 8.x

WordPress

蓝色星球上用的最多的内容管理系统，你也可以基于它创建自己的网站应用。

Laravel

这个框架改变了很多人对 PHP 这种语言的看法。

版本：4.x

版本：5.x

Ruby

Ruby 语言

Rails

Ruby on Rails。

版本 5.x

Node.js

在服务端运行的 JavaScript。

Swift

创建 iOS，macOS 应用需要用的语言。

Swift 语言

网站实例

网站实例课程。

网站实例：设计

其它

不知道把它们放到哪里合适。

废弃

这些课程可以存档了，无聊的时候可以看看当初的傻样。

附录

宁皓网

前端

Bootstrap 3.x：CSS 与 JavaScript 框架。
Semantic UI 2.x：CSS 与 JavaScript 框架。
Plyr：视频播放器。
Vide：视频背景。
ScrollReveal：滚动动画。
Headroom.js：滚动隐藏页头。
Animate.css：CSS 动画。
MixItUp：带动画效果的过滤与排序。

后端

Drupal 7.x：内容管理系统。
Discourse：论坛。

服务

阿里云：ECS - ecs.s1.small - 4 台：云服务器。
阿里云：SLB - 1 台：负载平衡。
阿里云：RDS - 240M 内存 - 1 台：云数据库。
阿里云：Memcache - 1G - 1 台：缓存服务。
阿里云邮件推送：发邮件的服务。

Atom 插件列表

emmet：html 与 css 的缩写。
color-picker：颜色选择工具。
git-plus：git 在编辑器上的高级功能。
language-nginx：nginx 配置文件的高亮显示。
language-babel：写 React 应用时会用到。
linter-js-standard：JavaScript 代码风格标准。

Chrome 插件列表

Empty New Tab Page：新建的标签会是一个空白页面。
Postman：开发前端应用时经常会用到。
React Developer Tools：React 开发工具。
Wappalyzer：查看网站是用什么做的。
Vimium：用快捷的方式浏览页面。

macOS 应用列表

Evernote：笔记。
Snip：截图。
Noizio：自然的声音。
Toggl：时间跟踪。

视频录制

软件

Screenflow：屏幕录像与编辑软件。
Adobe Audition：声音编辑软件。
Handbrake：视频压缩软件。
MetaX：媒体文件打标签。

硬件

iMac (21.5-inch, Late 2012)：苹果一体机。
MacBook：苹果笔记本。
Sennheiser MK4：森海塞尔麦克风。
Sennheiser MKS4：森海塞尔麦克风防震架。
Sennheiser eW100 G3：森海塞尔无线麦克风。
Sennheiser MKE2-eW Gold：森海塞尔领夹式麦克风。
M-Audio MobilePre：USB 声卡。
iSK Microphone Stand：iSK 麦克风支架。
Canon EOS 5D Mark III：佳能全画幅单反相机。
Canon EF 16-35mm f/2.8L II USM：佳能全画幅单反相机镜头。
Canon EF 100mm f/2.8L IS USM 微距：佳能全画幅单反相机镜头。
Marsace MT-1541T：马小路三角架。
Marsace FB-1R：马小路三角架云台。

ninghao/path

ninghao

Reviews

Repository Details

目录

工具

语言

服务

应用

实例

附录