張凱迪(KD Chang)
台灣大學，主修經濟學，臺大資管所。服務過上市電子公司、人工智慧新創公司、全球前三大瀏覽器製造商和電子商務平台，也曾參與數個組織的創辦。夢想是做出人們想用的產品和辦一所心目中理想的學校。
Front End 101 網頁前端入門
講師：張凱迪（KD Chang）
Introduction
Copyright © 2016 All rights reserved
張凱迪（KD Chang）
台灣大學資管所、經濟系
About Me
半路出家的工程師
喜歡 JavaScript, Python,
熱愛用科技和商業打造人們喜歡的產品
夢想是辦一所心目中理想的學校
What do you want
in this class ?
Prototype & Self-Study Skill
Our Goal
參考文件：台灣風景分頁(TaiwanNewTab)
Outline
一、網路、瀏覽器歷史、前端開發基本觀念
二、HTML/HTML5基礎
三、CSS/CSS3基礎
四、JavaScript/jQuery簡介
五、案例實作
Reference Books
寫網頁很簡單呀，小學老師有教！
Write Once, Bug Everywhere
Modern Web
Cross Platform 跨平台
Cross Browser 跨瀏覽器
Modern Standard & Tools 新的開發標準和工具
網站開發流程
1. 網站企劃
2. 介面設計（Designer + Front End Engineer）
5. 內容維護
3. 程式開發（Front End Engineer + Back End Engineer）
4. 上線測試
How Web Works ?
Static Web 靜態網站
(Client Side Code : HTML / CSS / JavaScript)
Dynamic Web 動態網站 - 不是用 FLASH 就是動態!
(Server Side Code : PHP, Python, RoR, Node.js, JSP)
Static Web 靜態網站
Dynamic Web 動態網站
Here We Focus On
Client Side
Front End Main Skills
Front End develop for...
A web browser (Firefox, Chrome, Safari)
A headless browser (phantomJS)
A native application(React Native, Native Script)
A WebView/browser tab embedded (Cordova, NW.js, Electron)
新手村從筆記本開始
張凱迪（KD Chang）
[Front End 101] 前端基礎入門簡介
By 張凱迪(KD Chang)
[Front End 101] 前端基礎入門簡介
101一般是國外入門課程的課程代號，希望藉由這次的 Front End 101 Workshop 能讓對於網頁前端程式設計有興趣的朋友可以有一個和藹可親的入門管道，啟發學習興趣並認識志同道合的朋友。工作坊目標希望帶大家從基礎開始，最後完成一個瀏覽器外掛(extenstion)！
