JavaScript 設計模式全解析|3 小時內掌握 10 種設計模式

    用設計模式建立程式好架構!

    • 從大方向解釋設計模式的概念以及該如何使用

    • 認識10種不同功能的設計模式

    • 用實際操作解釋 JS 中的設計模式

    US$37.60

    當你遇到這些問題,試著用設計模式解決吧!

    ❓ 寫程式常常遇到一些相似的問題,卻不知道該如何解決,或有哪些解決方法。(例如:直接 new 出一個新物件,但新物件需花成本再讀取一次資料庫)

    ❓ 想讓自己能以正確的方式寫程式。(不想一直處理散落的程式結構問題、不想只透過 new 創建新物件)


    ❓ 聽過相關的內容,但不知該如何應用。(原型模式、代理模式、策略模式...,聽過卻不知道該怎麼用)

     

    這堂課,將解決你以上問題!課程中我們會從設計模式的介紹與背景開始,了解十種不同的設計模式如何應用,並思考設計模式在測試與開發時的用途。

     

     

    為什麼要學設計模式?什麼時候該使用呢?

    ① 設計模式是一種預防手段

     

    當需求有變動,代表程式碼需要有相對的更動去完成需求,修改程式碼導致有 bug 的可能性,設計模式就是透過特定的思考方式減少 bug 的手段。

     

     

    ② 設計模式是一盒工具箱

     

    每種設計模式就如同一樣工具,遇到特定的問題需要特定的工具,換車輪時需要千斤頂,拆桌椅時需要螺絲起子,每學習一種設計模式都能幫助你獲得一個好用的工具,最後組成萬能工具箱。

     

     

    ③ 簡化設計的過程

     

    提前了解各項設計模式的應用時機,能在解決問題時,有如套數學公式一樣。不僅簡化設計的過程與時間,也能使編碼可讀性強、靈活性好、可維護性強。

     

     

    設計模式是什麼?學習使用設計模式會有什麼不同?

    設計模式是針對軟體設計中普遍存在、反覆出現的各種問題,提出的解決方案,就如同數學運算中的公式,能幫助我們更快速、更有架構的處理特定問題。

     

    學習設計模式是個人技術能力提高的捷徑,在學習設計模式的過程中思維能力、編程能力與設計能力都會提升。

    學習設計模式也可以讓程式更加標準化、更有邏輯性,從而使軟體開發效率提高。

     

     

    設計模式有哪些功能?

    根據設計模式的目的可以分為建立型模式、結構型模式與行為型模式。

    • 建立型設計模式:
      物件建立的方式可能會導致設計上的問題,或增加設計的複雜度,建立型模式用來針對不同的問題,給出創建物件的方法。
    • 結構型設計模式:
      結合類別或物件,成為更大的程式結構,就像搭積木,將簡單積木组合成複雜的、功能强大的結構。
    • 行為型設計模式:

      類別與物件間相互合作、進行職責分配,完成單個類別或物件無法完成的任務,使程式執行更有效率,物件調度更有彈性。

     

     

    設計模式的概念、種類與應用一次掌握

    背景介紹

    從大視角認識設計模式

    首先認識設計模式是什麼?為什麼會出現設計模式?該如何學習?

     

     

    建立型模式簡介

    與物件實體化相關的設計模式

    介紹「工廠模式」、「單例模式」以及「原型模式」,並了解如何根據實際情況使用合適的方式建立物件

     

     

    結構型模式

    合成類別或物件變成大型的結構

    介紹「適配器模式」、「代理模式」,了解結構型模式使用時機與目的

     

     

    行為型模式

    類別或物件之間的行為互動及分配

    介紹「策略模式」、「迭代器模式」、「觀察者模式」、「命令模式」以及「狀態模式」,了解行為型模式如何優化物件之間的合作與職責分配

     

     

    總結

    延伸學習

    講解在開發中如何導入設計模式,以及該如何看待設計模式的角色

     

     

    課程資訊

      上課日期:2022/11/22(二)
      上課時間:19:30~22:00
      觀看平台:ZOOM ※ 最終觀看平台以 HiSKIO 公告為主
     

    線上直播課 FAQ

    Q1  什麼時候會收到課程的直播連結?
      直播連結將會在課程前一天發送到你的信箱,請注意收信喔!
      如果沒有收到信,上課當天中午過後也可以進入學習頁,從課程的第一章節查看直播連結。

     

    Q2  線上直播課可以問老師問題嗎?
      老師會從範例中逐一講解設計模式的觀念,每部分的課程示範或課程中有問題都歡迎提出!

     

    Q3  上課之前就已經有問題想問了,可以先問嗎?
      若有問題想事先提問,可以至課程中的課前問答提出。

     

    Q4  這堂課會有錄影存檔嗎?
      有的!複習影片會在課程結束後 1 個月內上傳,可以隨時觀看複習。

          但影片中不會包含 QA 時間,所以想聽老師精采的即時問答 or 問老師問題,一定要現場上課喔!

     

    Q5  課程中,學員有需要開啟視訊鏡頭嗎?
      不用喔!請記得全程關閉麥克風和視訊,以確保上課品質~

    Content

    • 1-1
      相關連結

    Preview

    | No Content

    FAQ

    如果您購買的是募資課程,請在課程的【簡介】中查看開課時間,募資課程將於開課時間所述日期開放同學上課。

     

    若您購買的是一般課程(開放上課課程),則在購買完成後可以立即開始觀看。

     

    所有線上課程皆不受時間限制,享無限次永久觀看!

    Recommendations

    Reviews

    | Collecting

    Pre-Purchase Q&A

    Rexlong
    Rexlong
    希望老師可以多提一些設計模式在真實開發上的使用案例,謝謝。
    Sam
    Sam

    好唷~

    最後 QA 也歡迎拿出你的案例來聊聊  :)

    Sales Plans