ccccourse / wp108b

網頁設計 -- 108 學年度下學期 (陳鍾誠的課程作業)

網頁設計課程 -- 習題專案

欄位	內容
學期	108 學年度下學期
學生	xxx
學號末兩碼	xx
教師	陳鍾誠
學校科系	金門大學資訊工程系
課程首頁	網頁設計

wp108b's Issues

習題：陣列函數的練習

請寫出下列函數與測試程式：

一維矩陣

1. 請算出某陣列的平均值？
   • 範例： mean([1,2,3,4,5]) => 3
2. 算出某陣列的標準差？ (標準差為 (xi-x)^2 的總和)
   • 範例： sd([1,2,3,4,5]) = sqrt((2^2+1^2+0^2+1^2+2^2)/5) = sqrt(2)=1.414。
3. 寫一個程式做因數分解。
   • 範例：factor(45) => [3, 3, 5]

二維矩陣

1. 請寫一個函數計算兩矩陣相加？
   • 範例： add([[1,2],[3,4]], [[1,1],[1,1]]) => [[2,3], [4,5]]
2. 請寫一個函數 neg(A) 傳回某矩陣 A 的負矩陣 -A。
   • 範例： neg([[1,2],[3,4]]) => [[-1,-2],[-3,-4]]
3. 寫一個程式把矩陣轉置。
   • 範例：transpose([[1,2,3], [3,2,1]]) => [[1,3], [2,2], [3,1]]

習題：請用 HTML+CSS 做出 表單

參考 老師版本 -- https://github.com/ccckmit/wp108b/blob/master/teacher/form/form.html

[HW6](url)

習題： JavaScript 基本程式練習

1. 請寫一個程式計算 10! ，也就是 10*9*8*....*1 。
2. 請寫一個程式印出九九乘法表。
3. 給你兩個數字，請算出這兩個數字之間有幾個質數(包含輸入的兩個數字)？
   範例： countPrime(3, 7) => 3

習題：物件練習

1. 請將本章中的《英翻中》系統，改成《中翻英》系統，但輸入的中文詞彙之間可以強制用空白隔開。

   例如:
   $ node mt2.js 一隻 狗 追 一隻 貓
   [ 'a', 'dog', 'chase', 'a', 'cat' ]

2. 請寫出一個具有『加、減、內積、負』的向量物件？ (Vector, add, sub, dot, neg)

   提示：第二題架構如下：

   class Vector {
   add(v2) { ... }
   sub(v2) { ... }
   dot(v2) { ... }
   neg() { ... }
   }

3. 請把 2 儲存為 vector.js ，然後把當中的類別 Vector 用 module.exports 匯出，並用 vectorTest.js 去測試你的類別。

vectorTest.js

const V = require('./vector')
var v1 = new V.Vector([1,2,3])
var v2 = new V.Vector([1,1,1])
console.log('v1.add(v2)=', v1.add(v2))
console.log('v1.dot(v2)=', v1.dot(v2))
console.log('v1.neg()=', v1.neg())

輸出

v1.add(v2)= [2,3,4]
v1.dot(v2)= 6
v1.neg() = [-1,-2,-3]

模組寫法請參考 https://github.com/ccccourse/wp/blob/master/code/04-node/08-library/random/r.js

習題：請用 HTML+CSS 做出個人首頁。

參考：

1. https://www.cakeresume.com/f5611f
2. http://misavo.com/blog/Home
3. https://www.w3schools.com/html/html_tables.asp
4. https://www.w3schools.com/html/html_layout.asp
5. https://www.w3schools.com/html/html_responsive.asp
6. https://www.w3schools.com/html/html_css.asp

期末作業：請寫一個網頁應用或學習筆記作為期末作業繳交！

特別注意：請先閱讀 繳交報告與程式的注意事項！

1. 網頁應用範例

   • 翻譯系統
   • 點餐系統
   • POS 系統
   • 網誌系統
   • 聊天室
   • 其他應用

2. 學習筆記

   • 請把這學期『網頁設計課程』學到的東西整理成一份學習筆記繳交，可以把平時你寫的作業都納進去，然後將自己的練習內容也放進去，整理好並寫一份說明報告放到 github 上繳交。

以上兩者『二選一』去做就行了！

期末作業請在 6/26 之前繳交完畢！

期中作業：請建置一個『個人，組織，公司』網站！

特別注意：請先閱讀 繳交報告與程式的注意事項！

1. 網站內容愈豐富愈好，盡可能把 HTML/CSS/JavaScript 都用上。
2. 最好有功能表單與側欄。
   • 側欄：https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sidenav
   • 功能表：https://www.w3schools.com/howto/howto_css_dropdown_navbar.asp
3. 能夠用 responsive 支援手機檢視更好。
   • https://www.w3schools.com/w3css/w3css_responsive.asp
4. 注意網頁佈局 (沒佈局好會整個畫面亂掉）
   • https://www.w3schools.com/html/html_layout.asp
5. 請加上說明，盡可能證明該網站是你自己寫出來的。
   • 使用技術與原理。
   • 設計圖 （手繪）
   • 程式加註解。(HTML, CSS, JavaScript 都可以加）

請在 5/24 之前繳交完畢！ （請盡量早一點把題目傳上來）

基本上不分組，全部自己寫，一個人一份，當我有疑問的時候會進行口試。