Web基本原理與技術 (FJU-CSIE-Spring 2015)
Facebook Group (WECO – Web Fundamentals): https://www.facebook.com/groups/137944869554367/
SLS Group: http://sls.weco.net/course/webfund
Bookmarking: http://del.icio.us/FJU_WebFund
YouTube Playlist: http://www.youtube.com/playlist?list=PL7C5F0371E315B7D3
Collaborative Note: http://sls.weco.net/CollectiveNote20/WebFund
Grade Enquiries: http://www.elearn.fju.edu.tw/login.aspx
Instructor: Dr. Hsing Mei Office: SF625
Email: mailto:mei@csie.fju.edu.tw Phone: 29053704
Office Hour: Mon/Thur 1:30-4:30p, or by appointment
TA: 楊皇毅 henryyang[at]weco.net, 葉名哲 francislee[at]weco.net (SF638)
Office Hour of TA:
楊皇毅 Thur (1:30-4:00p) 羅尹勵 Thur(1:30-4:00p)
The objective of this course is to study the fundamental protocol and development techniques of World Wide Web. This course introduces both browser-side and server-side issues and techniques. It is designed to provide a foundation for subsequent network software courses.
Introduction to Computer Science.
Emerging Web Techniques.
Class Participation (2 SLS Post x 3%) 6% + Bonus (共同筆記, Reading Report)
Lab Assignment: 25% (5 x 5%) + Bonus Lab
Quiz: 10% (2x5%)
Term Project: 24%
Midterm Exam: 15%
Final Exam: 20%
Internet and World Wide Web How to Program, 4th Ed., by Dietel, Dietel & Niieto, Prentice Hall, 2008, ISBN: 978-0131752429.
http://www.deitel.com/Books/InternetWebScripting/InternetWorldWideWebHowtoProgram4e/tabid/2048/Default.aspx
(register and download example code)
1. 施威銘研究室, 最新 PHP + MySQL + Ajax 網頁程式設計, 旗標出版社, 2009, ISBN:9789574425570
2. Tim Berners-Lee, Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web, Collins Business; Nov 2000.
http://www.w3.org/People/Berners-Lee/Weaving/
張介英, 徐子超譯, 一千零一網:網際網路WWW發明人的思想構圖, 台灣商務印書館, 1999
3. Lawrence Lessig, Free Culture: How Big Media Uses Technology and the Law to Lock Down Culture and Control Creativity, Penguin(CC), 2004.
劉靜怡譯, 誰綁架了文化創意?:如何找回我們的「自由文化」, 早安財經, 2008年. ISBN:9789867458933
http://free-culture.cc/ (Free Download)
4.w3schools
http://www.w3schools.com
XML How to Program, by Dietel, Dietel & Niieto, Prentice Hall, 2001
http://www.w3schools.com
Page: http://sls.weco.net/s14-webfund
SLS Group: http://sls.weco.net/course/webfund
Facebook Group (WECO – Web Fundamentals): https://www.facebook.com/groups/137944869554367/
Bookmarking: http://del.icio.us/FJU_WebFund
YouTube Playlist: http://www.youtube.com/playlist?list=PL7C5F0371E315B7D3
Collaborative Note: http://sls.weco.net/CollectiveNote20/WebFund
Grade Enquiries: http://www.elearn.fju.edu.tw/login.aspx
Calendar:http://www.google.com/calendar/hosted/weco.net/embed?src=weco.net_nb69bk6c0cbtlch338pq1quuhs%40group.calendar.google.com&ctz=Asia/Taipei
Grade Enquiries: http://www.elearn.fju.edu.tw/icanxp/
除非有不可抗拒的原因, 本課程
1. 第一次上課遲到或未到, 未選課者請勿加選. 已選課而未退選者, 以缺席一次計.
2. Quiz 及考試無補考.
3. 放棄Grading配分中任一項 , 學期總成績以不及格計.
4. 點名遲到或未到, 可看完課程錄影後於宅學習發表心得, 再至 Facebook課程社群補點名, 若出席未及點名次數之1/2, 則期末考扣考, 學期總成績以不及格計.
5. 課堂中想睡覺者, 請自行出教室清醒, 趴下睡覺者, 以點名缺席計.
6. 課堂中發生任何影響上課秩序行為(e.g. 交談, 電動, ...), 將逐出教室5分鐘, 逐出教室不回者, 以點名缺席計.
Lab1: HTTP analysis with Wireshark + Client content analysis with Browser tool/plugins
Lab2: HTML CSS Labs on Codeacademy, and personal page on Wix
Lab3: jQuery Labs on Codeacademy
Lab4: PHP Labs on Codeacademy
Lab5: HTML5 (modify your personal portal with HTML5 features, you may refer to code on html5rocks)
Lab6 (Bonus) PHP+SQL (Configuration and development)
1. Tim Berners-Lee, Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web, Collins Business; Nov 2000.
http://www.w3.org/People/Berners-Lee/Weaving/
張介英, 徐子超譯, 一千零一網:網際網路WWW發明人的思想構圖, 台灣商務印書館, 1999
2. Lawrence Lessig, Free Culture: How Big Media Uses Technology and the Law to Lock Down Culture and Control Creativity, Penguin(CC), 2004.
劉靜怡譯, 誰綁架了文化創意?:如何找回我們的「自由文化」, 早安財經, 2008年. ISBN:9789867458933
http://free-culture.cc/ (Free Download)
讀完二本書之一 , 針對該書各1至2章, 或貫穿各章的1至2主題, 簡述內容, 並撰寫一篇心得, 報告至少1200字(含心得至少600字).
(1) Design and develop a web-based system with RIA client (with HTML5) and PHP (SQL for bonus). You are free to choose any application domain. (2) Working on Collaborated Notes. (3) Written project proposal due midterm exam week on SLS course group. (4) Team Leader is responsible for ALL post on SLS.
(5) ALL member should participate the final demo and presentation.
(6) Cross Grading:
Intra-team effort: 70% Team grade, 30% Individual grade
Inter-team grade: Due after each demo/oral presentation class
(第一堂課後, 在宅學習WebFund課程版開放Topic Coordinator (版主)競標)
http://sls.weco.net/CollectiveNote20/WebFund
http://sls.weco.net/CollectiveNote20/XML
http://sls.weco.net/CollectiveNote20/HTML5
1. HTTP
2. XHTML
3. CSS
X.1. XML語法 (在XML技術與應用分類)
X.2. Schema (在XML技術與應用分類)
X.3. XPath (在XML技術與應用分類)
X.4. XSLT (在XML技術與應用分類)
4. JavaScript
5. Document Object Model (DOM)
5.1 DOM and JavaScript Event
6. AJAX
6.2 jQuery
7. Database: SQL, MySQL
8. PHP
HTML5
Date | Course Content | Video |
3/2 | Syllabus, SLS, HTTP, HW0 Due | |
3/9 | HTML, Photoshop, Dreamweaver, Google Sites (Chap 4), Lab1(HTTP analysis) Due |
|
3/16 | CSS (Chap 5, w3schools) (完成分組) Post #1 Due | |
3/23 | JavaScript , JSON (Chap 6-10) Lab 2 Due (HTML/CSS CodeAcademy+Wix) | |
3/30 | DOM and event (Chap 11, 12, 13) Quiz1 | |
4/6 | Spring Break Off | |
4/13 | Ajax (Chap15, w3schools) | |
4/20 | Midterm Exam , Reading Report Due Project Proposal (by Team) Due on SLS |
|
4/27 | jQuery (slides, w3shools) | |
5/4 | PHP (Chap 23) | |
5/11 | HTML5-1 (slides, w3schools, html5rocks) Lab3 Due (jQuery) Lab4 Due(PHP-CodeAcademy) |
|
5/18 | SQL (Chap 22) Lab5Due(HTML5) | |
5/25 | XML, DTD (Chap 14, w3schools) Schema, XPath, XSLT (Chap 14) Lab6 Due (PHP+SQL) | |
6/1 | Project Demo and Oral Presentation | |
6/8 | Project Demo and Oral Presentation Quiz 2 | |
6/15 | Project Demo and Oral Presentation Post #2 Due | |
6/22 | Final Exam Written Project (by Team) Due on SLS |