~歡迎企業洽談包班需求 ~
「軟體開發/程式設計/智慧綠能課程主題館」 同步招生中 !!
 

課程說明

前端開發工程師精修班由以下五門課程所組成：

‧ 從頭學起網頁開發技術 – HTML與CSS
‧ 好好學互動式網頁語言 – JavaScript
‧ j Query ajax 網頁開發實務
‧ 最新的網頁標準技術 – HTML5 & CSS3
‧ 跟著Facebook學UI使用 React

註：可選擇單獨報名課程，也可同時報名五門課程

從頭學起網頁開發技術 – HTML與CSS

課程目標

學員於結訓後能正確的了解HTML標籤及CSS樣式所代表的含意，並且可以將文字、圖片等內容，使用HTML與CSS的技術製作出網頁文件
‧ 對網頁的架構與語法有基本認知，在工作上可簡易修改及調整
‧ 提升各廣告平台的操作技術、執行與成效掌控
‧ 對於GA（Google Analytics）與GTM（Google Tag Manager）的操作更加流暢
‧ 幫助行銷人員不只懂行銷，能進一步與技術結合，提升行銷成效

課程內容

‧ HTML簡介
‧ HTML基本架構
‧ 文字與段落元素
‧ 清單元素
‧ 超連結
‧ 圖片
‧ 豐富的表格
‧ 設計表單
‧ HTML5新增的標籤
‧ CSS的使用及基本語法
* 課程執行單位保留調整課程內容、日程與講師之權利

適合對象

‧ 欲從事數位行銷工作者
‧ 傳統數位行銷人欲提升數位行銷成效者
‧ 須與IT溝通的行銷人員
‧ 對網頁製作有興趣者

好好學互動式網頁語言-JavaScript

課程目標

學員於課程完成後，有能力可以使用JavaScript技術，動態的修改網頁上的內容及樣式，並通過課後測驗。

課程內容

‧ JavaScript簡介
‧ JavaScript基礎語言
‧ JavaScript的內建物件
‧ DOM的物件架構
‧ JavaScript處理事件的方法
‧ window物件介紹
‧ history物件介紹
‧ location物件介紹
‧ navigator物件介紹
‧ document物件介紹
‧ 動態改變網頁內容
‧ 表單驗證
* 課程執行單位保留調整課程內容、日程與講師之權利

先備知識

‧ 瞭解HTML與CSS基礎語法
‧ 若無先備知識，建議先上[從頭學起網頁開發技術- HTML與CSS]
‧ 欲完整學習前端網頁開發技術，建議上[前端開發工程師精修班]

適合對象

對開發能夠與使用者互動的網頁程式有興趣者。

jQuery ajax網頁開發實務

課程目標

學員學習完課程後，可以藉由j Query技術以及豐富的外掛支援，使用比JavaScript還少的程式碼，快速的建立互動性的網頁應用程式。

課程內容

‧ j Query 基本語法
。j Query選擇器
。j Query事件
。 j Query DOM
。 j Query動態效果
。 j Query AJAX
‧ j Query UI的使用
。自動完成選擇器（Autocomplete）
。日期選擇器（DatePicker）
。頁籤（Tabs）
。摺疊器（Accordion）
‧ j Query Plugins的使用
。表單驗證（Validation） Plugin
。圖片呈現（lightbox）Plugin
。日曆管理（fullCalendar）Pluin
。建立j Query Plugin
* 課程執行單位保留調整課程內容、日程與講師之權利

先備知識

‧ 熟悉 HTML、CSS、JavaScript等技術
‧ 若無先備知識，建議先上[從頭學起網頁開發技術- HTML與CSS]
‧ 若無先備知識，建議先上[好好學互動式網頁語言- JavaScript]
‧ 欲完整學習前端網頁開發技術，建議上[前端開發工程師精修班]

適合對象

網頁設計師或網站程式開發人員以及對jQuery感興趣者。

最新的網頁標準技術-HTML5 & CSS3

課程目標

學員學習完課程後，可以了解目前網頁開發技術發展的最新方向，並且可以使用HTML5 & CSS3技術開發網頁應用程式。

課程內容

‧ HTML5簡介
‧ HTML5的文件架構
‧ HTML5的表單元素
‧ HTML5的繪圖技術（Canvas 與 SVG）
‧ HTML5的影音播放（Audio 與 Video）
‧ HTML5的互動效果
。Interaction 元元素及屬性
。Editing API
。拖曳（Drag&Drop/span>）
‧ HTML5的的網頁儲存技術
。localStorage/sessionStorage
。IndexedDBo:p>
‧ HTML5的檔案讀取
‧ Service Worker 離線網頁應用程式
‧ CCommunication API
。Cross-document messaging
。Server-Sent Events
。Web Socketso:p>
‧ Web Workers 多執行緒模型
‧ Geolocation地理地位
‧ CCSS3
。選擇器
。文字樣式
。多欄版型
。背景樣式
。邊框樣式
。動態效果
。Media Queries

* 課程執行單位保留調整課程內容、日程與講師之權利

先備知識

‧ 對HTML4.01、CSS2.1、JavaScript有基本瞭解
‧ 若無先備知識，建議先上[從頭學起網頁開發技術- HTML與CSS]
‧ 若無先備知識，建議先上[好好學互動式網頁語言- JavaScript]
‧ 欲完整學習前端網頁開發技術，建議上[前端開發工程師精修班]

適合對象

對於最新網頁開發技術有興趣者。

跟著Facebook學習UI開發使用React

課程目標

學員學習完課程後，可以了解由Facebook開發的JavaScript函式庫 – React 如何開發網頁。

課程內容

‧ React.js簡介
‧ 使用create-react-app建置react專案
‧ 學習JSX標記語法
‧ 元件（component）的開發與使用
‧ 使用Props在元件之間的傳遞資料
‧ 透過state的改變來更新網頁上的內容
‧ 元件的生命週期（Lifecycle）
‧ 使用React Router建置單頁式應用程式（Single page application）
‧ 表單功能建置
‧ 使用fetch呼叫Restful api
‧ 淺談Flux與Redux的開發架構
* 課程執行單位保留調整課程內容、日程與講師之權利

先備知識

‧ 熟悉HTML、CSS、JavaScript等技術
‧ 若無先備知識，建議先上[從頭學起網頁開發技術- HTML與CSS]
‧ 若無先備知識，建議先上[好好學互動式網頁語言- JavaScript]
‧ 欲完整學習前端網頁開發技術，建議上[前端開發工程師精修班]

適合對象

欲學習由Facebook開發的JavaScript函式庫 – React 如何開發網頁的程式開發人員。