##网站 一个完整的网站案例。每周一更新。
##Sketch 界面设计工具。
我保证在你的工作中一定会用到命令行，尽早熟悉在命令行界面下工作会非常的有帮助。macOS 用户打开 Terminal（终端），Windows 用户打开 Powershell，练习一些常用的命令。
准备一款现代的代码编辑器，开始不要浪费太多时间在选择上，用你最熟悉的就行。如果还没谱用哪个，可以跟我一样使用 Atom 编辑器。如果我发现更好的，绝对不会自己偷着用。
项目的代码要用版本控制工具来管理，这是一定要做的事情，这样你才有机会进步，去跟别人合作。Git 是版本控制工具的一种。macOS 安装 Git 以后可以使用终端来操作，Windows 安装 Git 以后可以使用 Git Bash。
你打算学一下 Linux，模拟一下服务器环境，搭建一个运行网站的环境，可以在本地创建一些 Linux 系统的虚拟机。用 Vagrant 管理虚拟机简单方便。
前端项目相关的工具，需要的时候可以过来学一下。
- 前端库
- 前端工具箱
- Bower 前端包管理
- Grunt 自动化任务
- Gulp 自动化任务
- Browsersync 浏览器同步
- npm：JavaScript 包管理
- Babel：JavaScript 编译工具
- webpack：模块打包
网页上的文字，标题，列表，表格，表单... 这些元素都是用 HTML 标记组成的。
网页上的文字，标题，列表，表格，表单的显示样式，比如颜色，大小，阴影，背景... 都是用 CSS 添加的。
网页上元素的交互功能是用 JavaScript 语言创建的。比如点击了什么，要做什么。提交了表单以后要怎么样处理表单里的数据。
- JavaScript 基础
- jQuery 基础
- ECMAScript 新功能
- HTML5：Web 存储
- HTML5：应用缓存
- HTML5：文件 API
- HTML5：Web SQL
- HTML5：文件系统
- Backbone 基础
- Underscore 基础
- Backbone 应用实例
CSS 与 JavaScript 框架，可以基于它创建应用的用户界面。
CSS 与 JavaScript 框架，可以基于它创建应用的用户界面。
Facebook 出品的前端应用框架，可以基于它创建前端应用。
用 React 的方式创建移动端的本地应用，比如 iOS 或 Android 应用。
- React 本地应用 #1
- React 本地应用 #2 导航
- React 本地应用 #3 文本框
- React 本地应用 #4 存储
- React 本地应用 #5 滚动分页
- React 本地应用 #6：oAuth
- React Native 组件
- WordPress 与 React Native
- Drupal 8 与 React Native
一个与 React 齐名的前端框架。
Linux 是最常用的服务器操作系统，有很多发行版本，比如 CentOS，Ubuntu 等等。
网站从本地到生产之间的业务流程，使用 Docker 会更简单。只有尝试之后才知道它到底是什么。
支持应用运行的服务，可以使用阿里云提供的各种服务。不贵，稳定，可扩展。
一种后端应用的脚本语言，Drupal，WordPress，Laravel 都是基于这种语言编写的。
一种关系类型的数据库管理系统，应用产生的数据可以放在这种数据库里来管理。了解下 SQL 语言的基本用法。
内容管理系统，你可以基于它创建自己的应用。企业，政府，大学，娱乐界的很多大牌都相信 Drupal。
- Drupal 日常维护
- Drupal 7 基础（上）
- Drupal 7 基础（下）
- Drupal 7 多语言
- Drupal 7 主题开发
- Drupal Rules 自动化操作
- Drupal Commerce 电子商务
- Drupal Services 整合外部应用
- Drupal 一分钟
- 创建宁皓网 #1：准备
- 创建宁皓网 #2：内容结构
- 创建宁皓网 #3：电子商务
- Drupal 8：字段
- Drupal 8：视图（上）
- Drupal 8：视图（下）
- Drupal：Console
- Drupal 8 开发：控制器与路由
- Drupal 8 开发：资源管理
- Drupal 8 开发：表单
- Drupal 8 开发：区块
- Drupal 8：多语言
- Drupal 8：REST 接口
- Drupal 8：配置管理
- Drupal 8：电子商务
蓝色星球上用的最多的内容管理系统，你也可以基于它创建自己的网站应用。
- WordPress 基础
- WordPress 日常维护
- WordPress 电子商务网站
- WordPress 插件
- Wordpress 一分钟
- WordPress 主题开发
- WordPress 自定义内容类型
- WordPress 内容关系
- WordPress 开发：钩子
- WordPress 开发：设置
- WordPress 开发：计划任务
- WordPress 开发：脚本与样式
- WordPress 开发：短代码
- WordPress 开发：小工具
- WordPress REST 接口
这个框架改变了很多人对 PHP 这种语言的看法。
Ruby on Rails。
在服务端运行的 JavaScript。
创建 iOS，macOS 应用需要用的语言。
网站实例课程。
不知道把它们放到哪里合适。
这些课程可以存档了，无聊的时候可以看看当初的傻样。
- Joomla 1.5 基础
- Joomla 1.5 发布网站
- Joomla 模板架构：T3
- Joomla 2.5 模板开发
- Joomla 2.5 权限控制
- Joomla 模板架构：Gantry
- Joomla 模板架构：T3
- Drupal 6 基础（上）
- Drupal 6 基础（下）
- Opencart 基础
- CSS 基础
- 使用网格系统布局
- Bootstrap 2 基础
- 搜索引擎优化
- JW Player 播放器
- Flowplayer 播放器
- CentOS : 在阿里云上运行网站
- AngularJS 基础
- PhoneGap 基础
- Photoshop CS5 网页设计
- 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 台：缓存服务。
- 阿里云邮件推送：发邮件的服务。
- emmet：html 与 css 的缩写。
- color-picker：颜色选择工具。
- git-plus：git 在编辑器上的高级功能。
- language-nginx：nginx 配置文件的高亮显示。
- language-babel：写 React 应用时会用到。
- linter-js-standard：JavaScript 代码风格标准。
- Empty New Tab Page：新建的标签会是一个空白页面。
- Postman：开发前端应用时经常会用到。
- React Developer Tools：React 开发工具。
- Wappalyzer：查看网站是用什么做的。
- Vimium：用快捷的方式浏览页面。
- 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：马小路三角架云台。
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent