---
# System prepended metadata

title: 職訓課程 - 跨裝置企業平台與資料庫整合設計班
tags: [跨裝置企業平台與資料庫整合設計班]

---

職訓課程 - 跨裝置企業平台與資料庫整合設計班   
====
###### tags: `跨裝置企業平台與資料庫整合設計班`

## 課程公開訊息
[跨裝置企業平台與資料庫整合設計班第 01期](https://its.taiwanjobs.gov.tw/Course/Detail?ID=142096)

## 參訊學員服務手冊  

* 109年5月5日(二)~109年7月16日(四) (340小時)  
* 上課地點: (40452)臺中市北區崇德路一段579號3樓之3  
* 執行長: 黃淑華  
* 主任: 李嘉惠  
* 學員電話: (04)2231-6551  
* 中心電子信箱: labortc@gmail.com  （請假要用）  

## 作業檢核表
[職訓-109-04-台中-勞動基金會-跨裝置企業平台與資料庫整合設計班(340h@05月-07月)-作業檢核表](https://docs.google.com/spreadsheets/d/13uZ8x2E6fh2LzVnxeC8J5scGFkufkrL4BPd_6NpJENo/edit#gid=1955158337)

[!!! Matte painting 作品製作](https://hackmd.io/@chiisen/H1qM-rjj8)

[團體專題(F組)](https://hackmd.io/@chiisen/rJb1rY6p8)
![](https://i.imgur.com/55d5qAU.png =200x)

個人專題
![](https://i.imgur.com/7MkPBXi.png =200x)


---

## :man_in_tuxedo: 0505 就業市場趨勢分析 詹介珉(詹大)  
（二）介紹一些業界訊息、前端職稱與團隊使用的管理工具  

## :guardsman: [0505](https://hackmd.io/@chiisen/BJZaC4qcI)
（二）前端 HTML 核心基礎 蕭偉廷(馬吉) -> div

## :guardsman:  [0506](https://hackmd.io/@chiisen/rk-fgHq5U)
（三）前端 HTML 核心基礎術)蕭偉廷 -> 巢狀結構 間距 boxsizing percent padding+margin

## :man_with_gua_pi_mao:  0507
（四）性別工作平等(學)、勞動權益(學)陳政良 -> 如何寫履歷
* 履歷檢查(周五5/8前寄出)  
email:ma0961311617@gmail.com  

## :guardsman: [0508](https://hackmd.io/@chiisen/HJbQWB5qI)
（五）前端 HTML 核心基礎術)蕭偉廷 -> class CSS權重 FB切版 position 文字類屬性

:airplane:
---

## :guardsman: [0511](https://hackmd.io/@chiisen/BkI5TE9qI)
（一）前端 HTML 核心基礎術)蕭偉廷、前端 CSS 實作(術)蕭偉廷 -> 四X卷軸 偽類別

## :guardsman: [0512](https://hackmd.io/@chiisen/ryWGJFvqI)
（二）前端 CSS 實作(術)蕭偉廷 -> flex、網站製作

## :guardsman: [0513](https://hackmd.io/@chiisen/rJ3Mi6O58)
（三）前端 CSS 實作(術)蕭偉廷 -> media query

## :man_with_turban: [0514](https://hackmd.io/@chiisen/BJr2mm9c8)
（四）多人企劃協作(學)黃柏鈞 -> 多人企劃協作

## :guardsman: [0515](https://hackmd.io/@chiisen/rJ1JFaiqU)
（五）JS 框架基礎與整合實作(術)蕭偉廷、前端 CSS 實作(術)蕭偉廷 -> 前端 SEO 優化 css 外連

:airplane:
---

## :guardsman: [0518](https://hackmd.io/@chiisen/HyepKv1iI)
（一）JS 框架基礎與整合實作(術)蕭偉廷 -> 作品檢討 動畫介紹

## :guardsman: [0519](https://hackmd.io/@chiisen/BkJuP2loL)
（二）JS 框架基礎與整合實作(術)蕭偉廷、跨裝置平台網站實作與多介面組合(術)蕭偉廷 -> 開場動畫

## :guardsman: [0520](https://hackmd.io/@chiisen/SJIFMzzsL)
（三）跨裝置平台網站實作與多介面組合(術)蕭偉廷 -> 猜數字檢討 and(&&) 與 or(||) 語法

## :man_in_tuxedo: [0521](https://hackmd.io/@chiisen/BkOMZPmiL)
（四）雲端主機上線與管理(學)詹介珉 -> 網址介紹 資安的重要性 租用伺服器介紹

## :man: [0522](https://hackmd.io/@chiisen/r1E-5jNjU)
（五）進階影像後製特效實務(術)吳松翰 -> PS(PhotoShop)介紹

:airplane:
---

## :man: [0525](https://hackmd.io/@chiisen/SyVaT5ui8)
（一）影像處理(學)王安源 -> 水平尺 內容感知 包裝盒子 透視裁切應用

## :man: [0526](https://hackmd.io/@chiisen/Bk36ZlciL)
（二）影像處理(學)王安源 -> 聖誕球 繩子 標籤 汽車海報

## :man: [0527](https://hackmd.io/@chiisen/BkOHCNio8)
（三）進階影像後製特效實務(術)王安源 -> 雪景 Duotone(雙色調)

## :woman: [0528](https://hackmd.io/@chiisen/r1FNg9ns8)
（四）介面設計(學)邱研華 -> AI（adobe illustrator） 介紹

## :man: [0529](https://hackmd.io/@chiisen/rkFcz10oL)
（五）介面設計(學)邱研華

:airplane:
---

## :man_with_turban: [0601](https://hackmd.io/@chiisen/HJMmdA-3L)
（一）設計企劃專案執行(學)黃柏鈞 -> 網站地圖

## :woman: [0602](https://hackmd.io/@chiisen/Hkx9DQmh8)
(二)介面設計(學)邱研華

## :woman: [0603](https://hackmd.io/@chiisen/SymWY_E2I)
(三)介面設計(學)邱研華

## :man_in_tuxedo: [0604](https://hackmd.io/@chiisen/rkJfaTShI)
(四)智慧產權概論(學)詹介珉

## :construction_worker: [0605](https://hackmd.io/@chiisen/r1He9GwhL)
(五)主題介面設計實務(術)盧政憲

:airplane:
---

## :man_with_turban: [0608](https://hackmd.io/@chiisen/HJxzyfinI)
（一）設計企劃專案執行(學)黃柏鈞

## :construction_worker: [0609](https://hackmd.io/@chiisen/rkuj2Dhh8)
（二）主題介面設計務實(術)盧政憲

## :bearded_person: [0610](https://hackmd.io/@chiisen/S1tSMhahL)
（三）Layout美學版面編排設計(術)楊登凱

## :man_in_tuxedo: [0611](https://hackmd.io/@chiisen/HyfkEZkT8)
（四）UX/UserExperience使用者體驗(學)詹介珉

## :construction_worker: [0612](https://hackmd.io/@chiisen/ByjyLLl6I)
（五）跨裝置 AdobeXD 互動原型實作(術)盧政憲

:airplane:
---

## :sheep: [0615](https://hackmd.io/@chiisen/r13ysS4TU)
(一)Bootstrapt 跨裝置網框架應用(術)伊君毅

## :owl: [0616](https://hackmd.io/@chiisen/H1qasqrT8)
（二）WordpressCMS內容管理(術)李偉成

## :owl: [0617](https://hackmd.io/@chiisen/H1oGa1DaU)
(三)WordpressCMS內容管理(術)李偉成

## :owl: [0618](https://hackmd.io/@chiisen/rJTLgBOaU)
(四)WordpressCMS內容管理(術)李偉成

## :man_with_gua_pi_mao: [0619](https://hackmd.io/@chiisen/HyKtycYp8)
(五)履歷撰寫與求職技巧(學)陳政良
(五)專業精神與自我管理(學)陳政良

## :owl: [0620](https://hackmd.io/@chiisen/r1FLU1s6U)
（六）WordpressCMS內容管理(術)李偉成

:airplane:
---

## :guardsman: [0622](https://hackmd.io/@chiisen/B13sSFppL)
(一)OnePageWebsite一頁式網站專題(術)蕭偉廷

## :sheep: [0623](https://hackmd.io/@chiisen/HyEALCATI)
(二)Bootstrapt跨裝置網站框架應用(術)伊君毅

## :sheep: [0624](https://hackmd.io/@chiisen/rk8g3Qe0I)
(三)Bootstrapt跨裝置網站框架應用(術)伊君毅

:airplane:
---

## :sheep: [0629](https://hackmd.io/@chiisen/r1uzFA8R8)
(一)Bootstrapt跨裝置網站框架應用(術)伊君毅

## :sheep: [0630](https://hackmd.io/@chiisen/HJOJmz_AI)
(二)Bootstrapt跨裝置網站框架應用(術)伊君毅

## :guardsman: [0701](https://hackmd.io/@chiisen/SJRdFvFAL)
(三)OnePageWebsite一頁式網站專題(術)蕭偉廷

## :sheep: [0702](https://hackmd.io/@chiisen/BkTt8Kq0L)
（四）專題製作(應用實習)伊君毅

## :construction_worker: [0703](https://hackmd.io/@chiisen/rJ28DKqA8)
（五）主題介面設計務實(術)盧政憲

:airplane:
---

## :construction_worker: [0706](https://hackmd.io/@chiisen/ryjYwKq0L)
(一)主題介面設計務實(術)盧政憲

## :construction_worker: [0707](https://hackmd.io/@chiisen/HkO6PFcC8)
(二)UX/UserExperience使用者體驗（學）盧政憲

## :sheep: [0708](https://hackmd.io/@chiisen/BJ0kdFcAI)
(三)專題製作(應用實習)伊君毅

## :sheep: [0709](https://hackmd.io/@chiisen/S1vbdt50U)
(四)專題製作(應用實習)伊君毅

## :sheep: [0710](https://hackmd.io/@chiisen/Skxm_FqAL)
(五)專題製作(應用實習)伊君毅

:airplane:
---

## :sheep: [0713](https://hackmd.io/@chiisen/HJgBOYcRU)
(一)專題製作(應用實習)伊君毅

## :sheep: [0714](https://hackmd.io/@chiisen/B1ZP_Y908)
(二)專題製作(應用實習)伊君毅

## :sheep: [0715](https://hackmd.io/@chiisen/S1h_Ot90L)
(三)專題製作(應用實習)伊君毅
(三)就業媒合會

## :sheep: [0716](https://hackmd.io/@chiisen/HkGqutqCI)
(四)專題製作(應用實習)伊君毅
(四)結訓

:airplane:
---


## 參考資料
[github add new ssh key](https://hackmd.io/@chiisen/H15NnazsL)
[一毛錢都不用花，利用 GitHub 超簡單幫你建立免費網站](https://sam1221.blogspot.com/2019/05/github.html)
[轉換WEBP至JPG文檔](https://www.iloveimg.com/zh-tw/convert-to-jpg/webp-to-jpg)



---

## 自學筆記
[JavaScript 學習心得（vscode）](https://hackmd.io/@chiisen/rJ-Tqmfo8)
[JS30 筆記](https://hackmd.io/@chiisen/SyH4OsYaI)
[Codecademy -> Learn JavaScript （序） 筆記](https://hackmd.io/@chiisen/rJkZU2YTL)

[node.js 學習心得（vscode）](https://hackmd.io/@chiisen/HkvYq_QsI)

[Flutter 自學筆記](https://hackmd.io/@chiisen/BJtdpahyw)

[Angular 學習心得](https://hackmd.io/@chiisen/SJLZQUph8)
[Vue 學習心得](https://hackmd.io/@chiisen/Bk4_zwphU)
[React 學習心得](https://hackmd.io/@chiisen/Sywk4upnI)

[Bootstrap 自學筆記](https://hackmd.io/@chiisen/H1EX_jn3U)
[Bootstrap-元件中英對照 Quick Start](https://hackmd.io/@chiisen/BJC_6IgaL)

[TypeScript 學習心得](https://hackmd.io/@chiisen/rk4WCyypU)

[npm 使用心得](https://hackmd.io/@chiisen/ryEccsq6L)
[Bower 使用筆記](https://hackmd.io/@chiisen/rkuOqB5TI)
一次搞懂熱門前端框架：React、Vue.js、Angular、Backbone.js、Aurelia
:point_up:上面這本書提到的（老師指定要買的書）

[python Django 學習心得（vscode）](https://hackmd.io/@chiisen/By66wZEiU)

[PHP Laravel 學習心得(vscode)](https://hackmd.io/@chiisen/r1d4atQi8)

:::info
[個人的 GitHub](https://github.com/edwiin1688)
:::

---

## HackMD 參考資料
[HackMD 快速入門教學](https://hackmd.io/c/tutorials-tw/%2Fs%2Fquick-start-tw#Vimeo)
[HackMD 功能介紹](https://hackmd.io/features-tw?both)
[HackMD 表情符號:smile: :heart_eyes: :sleeping:](https://github.com/ikatyang/emoji-cheat-sheet)
[HackMD 表情符號](https://www.webfx.com/tools/emoji-cheat-sheet/)
:point_left: :point_right: :point_up_2: :middle_finger: :point_down: :point_up:
 
## 老師推薦書籍
[HTML&CSS：網站設計建置優化之道](https://www.books.com.tw/products/0010546014?loc=P_br_r0vq68ygz_D_2aabd0_B_2)
[JavaScript & JQuery：網站互動設計程式進化之道](https://www.books.com.tw/products/0010744702)
[一次搞懂熱門前端框架：React、Vue.js、Angular、Backbone.js、Aurelia](一次搞懂熱門前端框架：React、Vue.js、Angular、Backbone.js、Aurelia)
[從零開始學設計 : 平面設計基礎原理](https://www.books.com.tw/products/0010767984)
[打造最強網頁UI/UX設計腦：設計師都該懂的絕佳設計．溝通法則](https://www.books.com.tw/products/0010723121)
