.jpg)
* Changee Learning Path計畫介紹：http://learning-path.info/
* 課程資訊：
- 時間：7/8(二)-8/26(二)，每週二晚上7-10pm
- 地點：Changee Playground -台北市羅斯福路五段 176 巷 2 號(捷運萬隆站四號出口步行約3-5分鐘)
- 費用：每堂300元，一期8堂共2400元。
* 課程目標：
從零開始學習，自己打造自己的創意原型。
為期8堂的前端 HTML CSS ( Javascript) 基礎程式語言課程。
目標為讓設計師可以做出 Profilio、UX researcher 可以讓想法實現、創業家做出微型服務的Prototype。
課程由簡單入門，除了教授基礎的程式語言課程外，也將介紹網路資源，引領學員培養自學的能力。
＊本課程為初階課程，適合：
- 有設計規劃經驗，但是沒有程式基礎的設計師、專案經理、UX 研究者
- 學校只有教怎麼用 Dreamweaver 開發的學生
- 非資訊相關科系學生，想跨入 Web/App 領域
- 不知道如何自學網頁開發者
如果你是資深的前後端工程師、網頁設計師、前端開發人員，這些課程對你來說可能會太簡單，
但如果您有意願交流、或對Learning Path的未來目標有興趣，非常歡迎聯繫我們！
* 預期效益
- 完成一個靜態的網站，上傳至 GitHub、Dropbox 空間。
- 運用 jQuery 做出簡單的互動網頁。
- 了解 HTML/CSS 進而可以修改由 wix、Webflow 等網站產生器產生的頁面。
* Changee Learning Path計畫介紹：http://learning-path.info/
* 講師介紹
* 課程大綱
第一週 - 如何自學前端開發
- 什麼是前端？
- 為什麼要學前端？
- 前端的美好，引發學前端的慾望。
- 如何自學前端開發。
- 線上教學資源
- 書籍
- 每天需要追蹤的資訊
- 哪些可以參加的活動
- 網站產生器
- 前端開發工具簡介
- 一個好學的心
- 筆記型電腦（Mac 系統佳）
第二週 - 製作第一個靜態網頁
- HTML 入門
- 標籤 Tag
- 標題 Heading、段落 Paragraph
- 清單 List
- 連結 Link
- 圖片 Image
- 屬性 Attribute
- 表單 Form
- 介紹 HTML5-boilerplate
- 無語意標籤 span, div
- CSS 入門
- 如何套用 CSS
- 選擇器 Selector、內容 Property、值 Value
- display (inline, block, inline-block)
- box-model (margin, padding, border)
- Git 入門
- 什麼是版本控制
- 在 GitHub 上建立一個 Respository
- 將 Respository 下載到本機
- 將建立的檔案加入 git add
- 提交加入的檔案 git commit
- 建立分支 git branch
- 更新遠端 Respository git push
- 安裝好 Sublime Text 2 編輯器，或自己找一款順手的編輯器。
- 安裝好 Git
- 預習 HTML/CSS
- HTML Dog - Beginner 部分
- Learn to Code HTML & CSS - Lesson 1 ~ Lesson 3
- GA DASH - Project 1
第三週 - 排版的技巧
- HTML
- HTML5 語意標籤
- CSS
- box-model
- box-sizing (content-box, padding-box, border-box)
- float
- 單欄式、雙欄式、三欄式排版
- position (fixed, relative, absoluate)
- background
- Devoloper Tool 使用技巧
- 預習
- Learn to Code HTML & CSS - Lesson 5 ~ Lesson 6
- 學習 CSS 版面配置
- GA DASH - Project 2
- CodeSchool - Discover DevTool Level 1 ~ Level 2
第四週 - 讓網頁動起來
- jQuery 入門
- 選擇器
- jQuery 修改內容、樣式
- 製作下拉選單
- CSS3 animate
- animate
- transition
- transform
- jQuery 搭配 CSS 做出動畫選單
- 預習
第五週 - CSS 從入門到精通
- CSS 選擇器
- *
- A B
- A > B
- nth-child
- CSS 偽元素
- hover
- before, after
- a single div
- CSS3 效果
- box-shadow, text-shadow
- 預習
第六週 - 網站製作實務
- icon-font
- 假文產生器
- 假圖產生器
- Google font
- Justfont
- 用偽元素做出對話框
- 用 label 客製化 input
- 預習
第七週 - jQuery 進階 與 API 合作
- AJAX
- facebook API
- 用 firebase 快速做出社群登入
- 客製化 Google 表單做出精美問卷
- 預習
第八週 - 使用預處理語言加速開發 前端 MVC 介紹
- Sass 介紹
- mixin, extend, include
- Compass 介紹
- fire.app 介紹
- AngularJS 介紹
- 預習
課程地點：
Changee Playground│空間資訊(點我或點圖)
■ 130人以下講座展演場地(適合30-80人)
■ 聯絡電話：02-2555-5803
■ 聯絡信箱：service@changeeinfo.com
■ 營業時間：
※ 工作空間：週一至週五18:00 以前(將會給您鑰匙自行進入)
※ 活動展演：週一至週五18:00-22:00、週六日9:00-22:00
■ 交通資訊：台北市羅斯福路五段176巷2號
(捷運萬隆站四號出口步行約3-5分鐘)
※ 主辦單位保留變更調整講師、議程之權利
主辦單位介紹：
Changee由「空間」、「社群」、「資訊」三個核心出發，希望能夠創造一個友善實踐者的平台。
空間部分，目前在台北市有五個實體空間。 經營項目為：共同工作空間、活動展演空間、展覽與生活空間。 空間的經營特色為透過與閒置空間屋主合作，將閒置空間轉化為實質的友善資源，提供給初期之創業者或藝術文化創作者及團隊使用。 將實踐者可能需求實體空間的三種運用形式做改良，讓更多可能性在實體空間發生。 至今兩年半時間，已於Changee空間舉辦將近2000場活動，約10萬人參與，並串連近500個單位。
除此之外，正在開發的Changee Across社群網站則是「以信任為基礎的人才與資源媒合平台」。 以「個人」與「專案」為核心進行媒合，致力於進行「微型專案的整合與記錄」與 「建立個人公開資訊」。 透過網路服務與機制,降低「資訊」不對稱、以及「時間」、「空間」所帶來的限制。逐一解決總總人們在尋找合作單位或是內部夥伴時所面臨到的問題。
Changee Learning Path則是著重「資訊」整理，希望透過系統化的整理，讓使用者更容易的找到所需的資訊與資源。
一步一步，我們將「提供實踐者更友善的環境」逐步落實，希望能夠透過這些已累積的能量，延伸出更完整的實體與數位服務。透過凝聚眾人力量，相信當環境變得友善時，更多人的想法能夠萌芽，台灣的創意能量將得到最溫潤的滋養並茁壯。
* Changee Learning Path計畫介紹：http://learning-path.info/
退票須知
本活動委託活動通代為處理退票退款事宜，依退票退款規則(http://ppt.cc/Sg07)辦理。如需申請退票退款請於活動開始日前8日辦理；逾期恕不受理。
