HTML5, CSS3, jQuery, Bootstrap 網頁設計基礎班

開課日期:2021-09-25 課程費用:5000
上課時間:假日 / 上午 學習時程:30
上課地點: 106台北市羅斯福路四段一號國立台灣大學資訊工程學...看完整 map
適用對象:
本課程適合初學者,無需任何網頁設計基礎與相關經驗,課程將從0開始教起。程度較佳者或已有...看完整
收藏課程
課程特色
小至個人簡歷、大至研討會活動的官方網站,越來越多的網站的發跡逐漸證實了一件事:HTML5 / CSS3 / Javascript 提供的互動性完全不亞於 Flash,而使用如 Twitter Bootstrap 等 CSS 框架所製作的網站,不僅能有效傳達重要的訊息,更散發著正式、專業的氣質;其響應式設計(Responsive Web Design, RWD)也能確保網站資訊能在手機、平板電腦與桌上型電腦上提供平順的閱讀體驗。
  隨著雲端運算崛起,Javascript 在互動性高的 Web App 上也扮演著舉足輕重的地位,如 GMail, Facebook 的許多功能,都是透過 Javascript 實作。 jQuery 則可以大幅減輕開發者的開發成本,讓大家可以專心在製作自己想要的功能上。
  這門課將從由基本的架設網站開始,逐步帶領大家走入網頁開發的世界,並依照內容分為基礎班與進階班,適合不同程度與需求的同學來選修,詳細的課程規劃請參考課程大綱。
詳細內容
  1. 認識金融商品與金融交易

    • 實質資產 vs. 金融資產

    • 債券、權益證券、衍生性金融商品

    • 配對交易概念




    •  
    •  

  2. 除權息、還原價與績效設定 (不實作)

    • 除權息與參考價

    • 還原價與客製化還原設計

    • 常見報酬率參考值

      1. 算術平均 (arithmetic mean)

      2. 幾何平均 (geometric mean)

      3. 內在報酬率 (internal rate of return, IRR)

      4. 年利率 (annual percentage rates, APR)

      5. 有效年利率 (effective annual rate, EAR)

      6. 持有期間報酬率 (holding-period return rate, HPR)

      7. 總報酬率 (total return rate, TRR)



      8.  
      9.  

    • 持有期間報酬及總報酬對於交易策略數量之關聯

    • 常見績效指標

      1. 夏普比率 (Sharpe ratio)

      2. 標準報酬 (standard return)

      3. M 平方值 (M-square)

      4. 崔納衡量值 (Treynor measure)

      5. 資訊比率 (information ratio)



      6.  
      7.  



    •  
    •  

  3. 理論與模型建立及分析


    • 套利定價理論 (arbitrage pricing theory, APT)

    • 現金流與投資組合價值之差異

    • 線性方程組 (linear system) 與線性迴歸 (linear regression)

      1. 普通線性迴歸 (ordinary linear regression)

      2. 多變量線性迴歸 (multivariate linear regression)

      3. 多變量化約秩迴歸 (multivariate reduced-rank regression, multivariate RRR)

      4. 向量自我迴歸 (vector auto-regression, VAR)

      5. 向量誤差修正模型 (vector error-correction model, VECM)



      6.  
      7.  

    • 常見估計量

      1. 普通最小平方法估計量 (ordinary least-squares estimator, OLS estimator)

      2. 最大概似估計量 (maximum likelihood estimator, MLE)

      3. 受限最小平方估計量 (restricted least-squares estimator, RLS estimator)

      4. 主成份估計量 (principal components estimator, PCE)

      5. 共整合估計量 (cointegration estimator)



      6.  
      7.  

    • 常見檢定

      1. 受限最小平方檢定 (restricted least-squares test)

      2. 線性檢定 (linearity test) 之潤瑟迴歸設定檢定 (Ramsey RESET)

      3. 常態檢定 (normality test) 之哈爾克--貝拉檢定 (Jarque--Bera test, JB test)

      4. 共整合檢定 (cointegration test) 之 Johansen 檢定 (Johansen test)



      5.  
      6.  

    • 配對組合適用性測量與隨機搜索投資組合

    • 均值回復技術指標與趨勢技術指標



    •  
    •  



  4.  
  5.  
 
  • HTML5, CSS3, jQuery, Bootstrap 網頁設計基礎班課程主題


*基礎班課程大綱,共計30小時課程為一期:

主題一:學習架設網站與網頁基本開發
1. 認識網站架設基礎知識
2. Visual Studio Code 開發環境設定
3. HTML標籤與CSS屬性介紹
4. CSS 選擇器設計策略
5. 認識網頁內容格式:文字、圖片、超連結、版塊、表單與影音格式...等
6. HTML表單應用:使用HTML表單串接自動寄信API服務
7. 部署網站至雲端伺服器

主題二:網站的版面設計
8. 網頁排版策略分享
9. 認識 CSS3 Flexbox
10. CSS3 網頁排版實作步驟示範
11. CSS3 進階定位排版與動畫特效實作
12. 引用外部 CSS Library 輔助設計
13. 響應式網頁設計(Responsive Web Design)實作

主題三:網頁前端程式基礎
14. Javascript 與 jQuery 基礎特效入門
15. 透過 jQuery 綁定事件並控制網頁內容

主題四:進階版面設計實戰
16. 認識 Bootstrap 4 網格系統
17. 整合 Bootstrap 4 元件(如圖片與內容輪播、導覽列...等)至網頁中
18. Bootstrap 4 Landing Page 網頁切版案例實作
19. 認識 Sass 並安裝編譯環境
20. Bootstrap 4 元件 Sass 原始碼客製化
21. 整合 jQuery 設計導覽滑動動畫腳本

課程內容將依照學習狀況進度做調整,亦可斟酌大家的意見追加內容。

線上課程進行方式

本課程將以非同步的影片方式進行線上課程,採用本校的NTU Cool平台,並於開課日以E-mail寄發註冊信(報名時請務必填對E-mail)。



課程評量方式與通過標準
本課程採用期末作業的型式進行評量,只要有製作出成果皆可通過課程考核標準。
期末作業100% (不限主題,透過課程中所學習的技術製作一個響應式網頁,並使用老師指定的平台繳交)

HTML系列課程地圖
1. HTML基礎班→HTML進階班→Javascript進階班
  • 2. HTML基礎班→HTML進階班→Javascript相關專題課程

  • 簡報

  • 補充資料



  •  
  •  

備註
師資介紹

國立臺灣科技大學工商業設計系學士學位

(一) 個人網站:
https://enn.design

(二) 經歷:
共生智能股份有限公司 Kyosei.ai 共同創辦人兼前端工程師
香港 THE Education Academy Group HK 前端開發者
Uninus 合一智聯科技 前端開發者
台北市政府春遊補助管理系統開發
LINE HACK 2018 入選前十強
FMTaiwan線上收聽網站開發者
緯創資通股份有限公司價值創新中心
京尚股份有限公司
微星科技工業設計中心

(三) 教學經歷:
1.國立臺灣大學資訊系統訓練班授課時數累計至2021年6月30日為3,300小時;
擔任:Python程式設計課程講師、HTML5,CSS3,Bootstrap,jQuery網頁設計基礎班課程講師、Python Flask動態網站與聊天機器人實作班課程講師、React Native開發入門班課程講師、Sketch 3 基礎專題班課程講師
2.國立臺灣大學:文學數位應用與實作課程合作講師
3.國立臺灣大學:文學編輯的當代型態與數位實作網頁開發技術課程合作講師
4.國立宜蘭大學:微學分課程Python程式設計與網頁爬蟲應用程式實作課程講師
5.國立宜蘭大學:RWD網頁設計與專題實作研習課程講師
6.國立宜蘭大學:Python程式設計與專題實作研習課程講師
7.哈瑪星科技:jQuery基礎程式設計應用與開發、Sass & Scss網頁設計切版課程講師
8.中華民國國防部:React Natvie程式設計課程講師

(四) 興趣領域:
使用者介面設計、使用者經驗設計、HTML5、CSS3、JavaScript、Python、Node.js、React Native應用開發。

(五) 專欄文章:
1. 使用Node.js建置你的第一個LINE BOT
2. 使用VSCode外掛自動編譯SASS/SCSS

報名方式
如您對本課程有興趣,或需相關諮詢,請於下方留下您的聯絡資訊,我們將派專人與您聯繫,為您安排上課事宜,或回覆問題,感謝您!
備註
注意事項

結業狀況:請上官網”結業名單”查閱是否合格及證書製作進度。
轉班或退費期限:開課日後三週內。
繳交作業期限:結束日後一週內,通過課程標準才會製作證書。
我想瞭解更多
  • code
    換一個
若您有進修網會員帳號,建議您登入進修網,省去填表部份欄位的填寫!
公單位高薪行政缺 職前 待業者政府補助課程│職能進修展
讀者留言
相關進修課程推薦
  課程名稱 認證機構(分校) 上課地點 費用 開課日期
索取課程資料
收藏課程資料
Python人工智慧整合開發 巨匠電腦中壢... 桃園市中壢區 電洽 隨時開課
索取課程資料
收藏課程資料
Web前端程式設計-JavaScript&JQ... 艾鍗學院 線上課程 電洽 隨時開課
索取課程資料
收藏課程資料
JAVA OCP JP 程式設計師認證班 巨匠電腦豐原認證 台中市豐原區 電洽 2021-09-30
索取課程資料
收藏課程資料
【政府補助在職勞工】C#程式與A... 中原大學推廣... 桃園市中壢區 6760 2022-01-09
索取課程資料
收藏課程資料
Linux企業版基礎實務培訓班 聯成電腦基隆分校 基隆市仁愛區 線上洽詢 隨時開課
3年7萬政府補助課 │職訓課程 職能進修博覽會
職場英文特訓班 即學即用-免費體驗開放中【英文-職能英文】

登入1111進修網

1
2
提示
3
從facrbook登入
我無法登入、忘記密碼?
註冊成為進修會員