Boison
超速學習的封面

《超速學習》這本書作者 Scott H. Young 在極短的時間內實際學會一些技能,諸如一個月學會素描,一年學會四種語言,完成MIT四年課程等,被稱作《學神》,他寫下這本書分享他的學習實戰法則!這本書的內容試圖幫助你學習如何學習!本文章將一一為你講解它的九大超速學習法則並且帶入實例,讓你真正能夠使用來幫助自我成長。


超速學習的九大法則

本書共有超速學習的九大法則,每個法則都有很多訣竅,筆者將一ㄧ整理之。

  1. 後設學習:超速學習者懂得在開始學習前先畫出地圖,也會去學習其他人是如何學會自己想擁有的能力。
  2. 專心致志:磨利你的刀,專注投入你想做的事。
  3. 直截了當:走最短的路。想學外語,第一天就用新語言跟人聊天,想當程式設計師,就親手設計一款app。
  4. 反覆操練:攻擊你最大的弱點,不斷練習。
  5. 提取記憶:用測驗來學習。學完後,先寫出你剛才學了什麼,輸出有助於進一步輸入。
  6. 意見回饋:別閃避重拳,聽取任何你收到的建言。
  7. 保留記憶:別往漏水的桶子裡加水。如何提升記住新資訊的能力,如何防止習得的新知識從腦中溜走。
  8. 培養直覺:超速學習者都能用很快的直覺來理解新事物,一旦學會,你會一次學得比一次快。
  9. 勇於實驗:往舒適圈外探索大量新方法,你會達成許多意想不到的成就。

後設學習:畫出你的學習地圖

簡單說就是先找出概略的方向。啊因為我最近想要學習 coding 轉職前端工程師,所以就以這個方向舉例練習。

步驟一:定義你的學習目標與手段是否吻合

明確定義你的目標長怎樣,你學完後希望怎麼應用。接下來問已經精通的人你的學習手段是否能夠達到此量化之目標。

練習

練習:半年能夠轉職網頁前端工程師,起薪六萬。

步驟二:將所有需要學習的事項進行分類

將你要學的「題目」中所有需要學習的「子項目」進行分類

  • 概念:需要了解的事
  • 事實:需要記憶的事
  • 程序:需要練習的事

練習

  • 概念:網頁的概念,以及各前端技能的意義和關聯性
  • 事實:一些非常常用的的程式中的功能等
  • 程序:前端程式碼的細膩 / 細心度

六角學院 前端 技能學習地圖2
轉貼自六角學院1
六角學院 前端 技能學習地圖1
轉貼自六角學院2
 Alpha Camp 前端 技能學習地圖
轉貼自 Alpha Camp

註1:可參考文章 「零基礎的小明要如何成為前端工程師?|胡立」


步驟三:你學習的地圖應該長怎樣

最好的方式就是去找一流大學同樣的課,去看它的課程大綱怎麼規劃的。如果沒有這個資源則是可以去「訪問專家」自己重新透過訪談去訪問出較好的教程大綱該長怎樣?接下來則是進行客製化的微調省略教程大綱中那些不必要與你的目標較不相關的部分,這部分如果不知道怎麼做的話,一樣問專家。

練習

以下轉貼自 HiSKIO 從零開始學CSS, HTML5, RWD網站,純參考用途
部分刪除內容為我判定為我個人不需要參考之內容

第2章 基本概念

  • 環境設定, 工具介紹(VScode | Chrome)
  • HTML 介紹 & 開發 (head, body)
  • Blog 文章切版 Part I (H1, Chrome Dev Tool)
  • 觀念 Box-sizing
  • Blog 文章切版 Part II (連結, CSS)
  • 觀念 Block vs Inline

第3章 導覽列切版

  • 資料夾 | 程式架構
  • HTML Head 介紹
  • CSS 註解 | 獨立檔案
  • Normalize 跟 Reset CSS
  • 導覽列 HTML 架構 & CSS
  • 觀念-排版 (Layout) | Caniuse
  • CSS Float | Inline vs Inline-Block
  • 重構 | 整理程式碼

第4章 Header | 頁頭切版

  • 工具介紹 – Emmet
  • Header 切版
  • 觀念 Semantic HTML
  • Header CSS Part I
  • CSS Position(位置)

第5章 關於我們切版

  • Google Font
  • HTML 架構 | 工具 CSS
  • H2 切版 | Flex 介紹
  • 觀念 Flex
  • 段落(paragraph)切版 upload
  • 觀念 Fixed vs Relative Units
  • Button 切版 I

第6章 房間介紹切版

  • 房間介紹切版 I
  • 動畫(Transition)

第7章 客戶評價切版

  • 介紹
  • 卡片切版 Part I (HTML 架構 | 基本CSS)
  • 卡片切版 Part II (CSS)
  • 卡片切版 Part III (最後小修改)
  • 觀念 – 格線(Grid Design)
  • 格線 CSS (Grid Design)

第8章 合作公司切版

第9章 聯絡我們

  • 聯絡我們 切版 I (排版)
  • 聯絡我們 切版 II (Google Maps)
  • 聯絡我們 切版 II (表單)

第10章 Footer (頁尾)

  • 介紹 | Footer 切版
  • Footer 切版 II (Copyright)
  • 回到上面切版

第11章 響應式網站 & Responsive Web Design

  • 觀念 – 響應式網站(Responsive Web Design)
  • 觀念 – Viewport
  • Responsive Web Design (RWD)
  • 導覽列 RWD
  • 程式碼重構

第12章 Jquery 特效

  • 導覽列 Jquery
  • 平滑滾動 Jquery
學習的地圖
自己掌握住學習的地圖吧!

總結:學習首要是見樹又見林

老實說法則一「後設學習」就是要先學習者了解整座學習森林的全貌,而且設法去接觸專家讓你的學習手段能夠最有效的對你的學習目標能有成效,說起來簡單但是做起來難,不過重點是要行動,這樣即使第一次做得不夠好,以後每次學習新事物時,你也能夠越做越好。


如果這篇文章的內容符合你需求,後面還會分享其他八大法則,建議你先「訂閱」我的文章才不會錯過後面七篇的通知!如果覺得我這系列文章寫得不錯期待後續,想要鼓勵我繼續寫下去記得幫我按個

作者介紹 - Boison

Boison

台大 MBA 畢業的筆記術達人,在臉書上經營近 5,000 人的閱讀社群「書旅」,平日熱愛將職場所學做筆記分享商業精華,因此又有「筆記狂 Boison」之稱, 歡迎你追蹤我的臉書發落第一手消息:「 Boison 臉書」;出版社正式合作可透過 dragoncres@gmail.com 聯絡。

發表迴響