張凱迪(KD Chang)
台灣大學，主修經濟學，臺大資管所。服務過上市電子公司、人工智慧新創公司、全球前三大瀏覽器製造商和電子商務平台，也曾參與數個組織的創辦。夢想是做出人們想用的產品和辦一所心目中理想的學校。
前端網頁程式設計基礎班 DAY 1
講師：張凱迪（KD.Chang）
課程介紹
Copyright © 2014 All rights reserved
Congrats you guys !
30 ％
張凱迪（KD Chang）
臺大資管所研究生（Web DM）
About Me
半路出家的工程師
喜歡 JavaScript, Python,
熱愛用科技和商業打造好用產品
夢想是辦一所心目中理想的學校
What do you want
in this class ?
Prototype & Self-Study Skill
Our Goal
Syallbus
HTML5 / CSS3 / JavaScirpt 基礎介紹
jQuery / Ajax 基礎介紹
Facebook / Google Map API
Bootstrap / Foundation
Extension / Add-on
Firebase / Parse / Deploy
Homework (per week send to course email)
We don't have grades, but please learn by yourself
Deposits (#Absent & Homework < 2)
No stupid question
Practice make perfect
Course Rules
Course Site
Reference Books
Reference Books
Final DEMO
2 - 4 people in a group
Brain storming an idea
Try to solve it via IT
Midterm team building
Final Present
Final DEMO
寫網頁很簡單呀，小學老師有教！
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 Static Web
新手村從筆記本開始
張凱迪（KD Chang）
[F2E] 前端網頁程式設計基礎班 課程介紹
By 張凱迪(KD Chang)
[F2E] 前端網頁程式設計基礎班 課程介紹
本課程分為 前端網頁程式設計基礎班 和 PHP 網站程式設計與資料庫基礎班 兩個班，希望藉由這次課程能讓對於網頁程式設計有興趣的同學可以有一個入門的管道，在上完課程後可以有足夠的自學能力能夠持續學習進修，進而將自己的點子付諸實踐。課程網站：http://kdchang.cc/web-programming-course/ Email：web.programming.course@gmail.com FB 粉絲專頁：https://fb.com/Web.Programming.Course
