thebrecht

# WordPress 開發環境安裝手冊

1. 為方便「WordPress 佈景主題實戰講堂」課程進行，降低安裝運行 WordPress 開發環境的問題，因此本課程設計了使用 VirtualBox 虛擬環境的方式來架設開發環境，好處是不會影響到既有的環境。不過只要能在自己的本機上運行 WordPress ，不一定要按照本手冊的方式來準備開發環境。
2.  本課程使用 Vagrant 的命令列工具來管理虛擬主機的開發環境，在 Windows 的環境中，除了安裝 Vagrant 和 VirtualBox之外，需要另外安裝 Git Bash，如果是Mac或Ubuntu的用戶則不需要。


## (一)安裝 Vagntant 
> http://www.vagrantup.com/downloads.html

請選擇適合的作業系統版本安裝。這是我們用來安裝和控制 Wordpress 開發環境及應用程式的命令列工具

thebrecht

## 安裝 vagntant 
> http://www.vagrantup.com/downloads.html

請選擇適合的作業系統版本安裝

## 安裝 VirtualBox
> https://www.virtualbox.org/wiki/Downloads

請選擇適合的作業系統版本安裝

thebrecht

說個twitter小密訣，取得tag+發言人的列表，可以用：

https://twitter.com/search?q=%23(tag)+from:(username)　

的方式取得

例如:

https://twitter.com/search?q=%23廣場+from:ken

thebrecht

# Git 版本控管介紹 

## 基本觀念
- 版本控管
- Git

## Git 基本指令

### 環境設定
設定你的git在發佈時，所使用的名稱和email

thebrecht

# Data Table Style Collection
25+ Free CSS Table Templates for Pricing and Features Table
http://www.wordpressthemes2014.com/2014/02/18/free-css-table-templates/

40+ Free Beautiful CSS CSS3 Table Templates
http://www.freshdesignweb.com/free-css-tables.html

materializecss
http://materializecss.com/table.html

thebrecht

JavaScript基本觀念測試

第1題

1. 用物件實字，製作一個物件叫作people, 用name、gender、age、id來儲存下面個人資訊

李大強,男,20歲,A175905002

驗證

1. 用console.log印出李大強是否大於18歲
2. 用console.log印出李大強是否為男性

thebrecht

//gulpfile.js
var gulp = require('gulp');
var jade = require('gulp-jade');
var less = require('gulp-less');
var path = require('path');
var watch = require('gulp-watch');
var livereload = require('gulp-livereload');


gulp.task('jade', function() {

thebrecht

//package.json
{
  "name": "",
  "version": "0.0.1",
  "description": "",
  "author": "",
  "devDependencies": {
    "gulp": "~3.8.8",
    "gulp-jade": "~0.8.0",
    "gulp-less": "~1.3.6",

thebrecht

function CountdownTimer(from, end) {
    var ct = this;
    var ONE_HOUR = 1000 * 60 * 60;
    var ONE_MIN = 1000 * 60;
    var ONE_SEC = 1000;
    var startFrom = new Date(from);
    var endAt = new Date(end);
    var diff = endAt - startFrom;
    var parseTime = function () {
            ct.hour = Math.floor(diff / ONE_HOUR);