全面攻克 JavaScript 核心技術|掌握原型鍊、設計模式等進階知識,無痛躍升 Senior

    不知不覺就誤用了閉包也不知道?對原型鏈似懂非懂嗎?這門課專講那些鮮少人能教學的內容,帶你告別一知半解,拒絕蜻蜓點水,真正深入 JavaScript 核心!

    376
    4.4
    • 徹底了解如何保持良好的寫作風格​

    • 弄懂物件導向,不再害怕原型鏈

    • 了解繼承要解決的問題,並找出最適合的實作方式​

    • 了解為什麼需要使用設計模式,以及它帶來的好處

    • 掌握語法糖背後的運作方式與原理​

    US$131.42

    Click for settings

    00:00
    00:00
    00:00

    這是一堂帶你「突破前端瓶頸」的 JavaScript 進階課程!

    # 從核心原理出發,搞懂設計模式、閉包、原型鏈等技術


    你是否學習過 JavaScript,也擁有一些開發經驗,但是對於JavaScript 的核心觀念還是很模糊,又或是再成為 Senior 的路上,總是搞不清楚自己缺少哪一些技能?

    這堂課,將成為你更上一層樓的墊腳石!我們整理了 JavaScript 的進階技術,以及那些大多數人搞不清楚的語法,例如:原型鏈、原始型別、物件型別、閉包、繼承、嚴格模式、設計模式等多項技術,你將「重新認識 JavaScript 」,不再似懂非懂,並培養良好的寫作風格




    預計 15 小時扎實內容,一課全面覆蓋你缺少 JS 進階技術

    # 獨家程式範例,講重點不講廢話,就是要用最簡單的方式帶你搞懂進階技術





    圖解原型鏈圖片出處:https://azole.medium.com/javascript-prototype-chain-ee5a90f6fa5e


    專業講師多年業界開發經驗全盤托出!讓你少走彎路,深入 JavaScript 核心

    # 課程內容融合多年業界經驗,學會能解決更高層次的技術問題




    在成為 Senior 前端工程師的路上,你可能正經歷著這些困境

    # 幫你一步步破解實務上的難題



    • 困境1:原始型別、物件型別傻傻分不清楚​
    • 困境2:undefined 和 null 不知道怎麼區分使用​
    • 困境3:truthy、falsy 是啥?我只知道 true、false…​


    ✔️ 解決辦法:認識型別系統,以及 undefined & null、truthy & falsy 等各類型語法,搭配獨家範例程式碼講解,對語法應用不再一知半解。





    • 困境1:為什麼程式執行結果跟心理想的不一樣...​
    • 困境2:不知不覺就誤用了閉包也不知道
    • 困境3:嚴格模式是什麼,能吃嗎?



    ✔️ 解決辦法:搞懂範圍鏈、閉包、嚴格模式等語言特性,並建立良好的寫作風格,養成良好的開發習慣。

     





    • 困境1:似懂非懂!老是搞不清楚原型鏈之間的關係​​
    • 困境2:如何實現繼承?網路上的教學只有結果沒有過程!​
    • 困境3:設計模式感覺很難...​



    ✔️解決辦法:掌握各種高階應用,除了學會善用物件導向、搞懂原型鏈外,還能透過各種設計模式解決複雜架構會遇到的問題。

     



    誤用了閉包也不知道嗎?搶先釋出教學影片,帶你搞懂閉包!




    老是搞不清楚原型鏈之間的關係​嗎?課前7分鐘用圖解搞懂原型鏈



    漸進式課程設計,一步步帶你深度掌握 JavaScript 進階技術,告別一知半解

    # 還有多個實用彩蛋章節等你解鎖喔!



    第一步 : 重新了解JavaScript,不再似懂非懂

    • 了解語法運作原理不再一知半解
    • 了解變數範圍鍊人腦編譯
    • 了解語言特性不踩雷


    第二步 : 掌握核心技法,技術更上一層樓

    • 徹底理解原型鏈原理
    • 掌握物件導向觀念與實作方式
    • 應用各種繼承技巧解決問題

    第三步 : 看懂 Source Code 讓你不卡卡

    • 理解各種常見ES6語法
    • 讀懂高手寫的原始碼精隨
    • 看出各種設計模式應用場景

    【彩蛋章節,更多業界實用內容】9 種設計模式+ ES6 語法應用,購課人數達標即解鎖

    • 購課人數達 100 人即解鎖:第 6 章「單體模式」、「簡單工廠模式」、「迭代器模式」、「裝飾者模式」
      • 單體模式:幫助你確保一個類別只有一個物件
      • 簡單工廠模式:使用一個類別來生成各種不同的物件
      • 迭代器模式:提供一個操作介面
      • 裝飾者模式:強化目標的新增功能
    • 購課人數達 200 人即解鎖:第 7 章「策略模式」、「外觀模式」、「代理模式
      • 策略模式:在執行時期,依照不同情況選擇不同的策略方式
      • 外觀模式:使得子系統更容易使用
      • 代理模式:保護物件的存取
    • 購課人數達 250 人即解鎖:第 8 章「中介者模式」、「觀察者模式
      • 中介者模式:解決物件之間複雜的交互作用
      • 觀察者模式:幫你監督物件狀態的改變
    • 購課人數達 300 人即解鎖:第 9 章「了解 ES6 語法應用與介紹」
      • 包含變數範圍鏈、函式範圍鏈等運用
      • 了解函式參數擴展(Extended Parameter Handling),讓程式碼更簡潔
      • 運用類別(Class),讓程式碼更貼近傳統物件導向語言寫
      • 更多豐富內容請參考章節表


    資深前端工程師 Mike 強力推薦!市面上少有的 JavaScript 進階課程

    Content

    • 1-1
      課前準備
    • 1-2
      型別系統 - 了解原始型別(Primitive types)、物件型別(Object types)主要差異以及運作原理
    • 1-3
      undefined、 null 啊不都是 falsy(等價於 false) 有差嗎? - 了解兩者之間的各種差異,實作不踩雷
    • 1-4
      truthy & falsy 介紹、值轉換以及可簡化 Boolean 寫法
    • 1-5
      關於 function arguments 
    • 1-6
      重新看待 IIFE(立即函式),並了解它的 2 項優點
    • 1-7
      try…catch…finally...容易忽略的地方...
    • 1-8
      switch…case... default(預設值),將複雜 if ... else if ... else 改寫成更優雅
    • 1-9
      學習心得反饋

    Preview

    FAQ

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

     

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

     

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

    Recommendations

    Pre-Purchase Q&A

    邱珈霖
    邱珈霖

    老師您好,我是剛開始接觸前端的初學者,還在學習HTML階段,但這課程適合我嗎?

    Tommy
    Tommy

    珈霖您好,由於這門課程設計是給比有基礎JavaScript開發經驗的人,如果還是初學者目前來說可能會暫時不適合。但未來您還是會慢慢地脫離新手階段,建議可以趁現在優惠價格先購入,未來能力有所提升後再來進行觀看,也是一種不錯的策略。也謝謝你的支持!

    Sales Plans