My roadmap of Frontend

9ae4f3862d4cb0771cfd36e43252f755?s=47 Kuro Hsu
September 29, 2019

My roadmap of Frontend

My roadmap of Frontend. / Kuro Hsu
【 0 陷阱!0 誤解!8 天重新認識 JavaScript!】專題演講 - 2019/09/29

9ae4f3862d4cb0771cfd36e43252f755?s=128

Kuro Hsu

September 29, 2019
Tweet

Transcript

  1. My roadmap of Frontend Kuro Hsu

  2. Kuro Hsu - Organizers of Vue.js Taiwan - https://kuro.tw -

    kurotanshi@gmail.com - @kurotanshi
  3. 書裡⾯面有寫的東⻄西 我就不講了了 買回去⾃自⼰己看

  4. 今天講什什麼 • 什什麼是前端⼯工程師 • 談談我的入⾏行行經歷 • 前端學習路路線與職涯發展

  5. 什什麼是前端?

  6. None
  7. None
  8. None
  9. - 那些mockup沒告訴你的事 - Adam Wang
 http://www.slideshare.net/adamp3wang/mockupwebconftw-2013 以設計廚房⽔水槽來來說 設計師 決定⽔水龍頭 樣式、位置

    前端⼯工程師 安裝⽔水龍頭與⽔水管 後端⼯工程師 讓⽔水管 有⽔水
  10. None
  11. We tell browsers what to do. - Professional Frontend Engineering

    by Nate Koechley, 2008
 http://www.slideshare.net/natekoechley/professional-frontend-engineering
  12. 我是怎麼踏入前端業界

  13. 剛入⾏行行時 根本沒有前端 寫過 ASP / PHP / Java 2008, 那個時候應該叫網⾴頁開發⼯工程師

  14. 影響我⼈人⽣生的第⼀一次衝擊

  15. OSDC 2010 會前會 Yahoo 內部分享

  16. None
  17. 當天的演講內容我已經不 太記得了了 印象中是跟 HTML5 相關的...

  18. 原來來這世上有⼀一種職業叫 前端⼯工程師啊 當年年江湖流傳:天下武功出少林林,天下前端出雅虎 當年年啦...

  19. 於是 • 與⼼心中理理想不謀⽽而合,⽬目標成為前端⼯工程師 • 成為 老派 標準控 • 網⾴頁是否符合 W3C

    網⾴頁標準 • 良好親和⼒力力: 滿⾜足跨平台與無障礙需求 • 語義化的 HTML 標記 • 漸進增強、平穩退化
  20. 「電扶梯永遠不會壞」

  21. 參參加社群活動 • Drupal Taipei 社群⼩小聚 • PHP Framework 讀書會群組 •

    HappyDesigner Meetup • JavaScript Group • WebDev Party
  22. 參參加社群活動 • Drupal Taipei 社群⼩小聚 • PHP Framework 讀書會群組 •

    HappyDesigner Meetup • JavaScript Group • WebDev Party • 不過上⾯面活動現在都停⽌止舉辦了了
  23. 成為講者 • 第⼀一屆 JSDC (2012) • ⼈人⽣生初登板就在中研院 • 原本只是為了了搶票,然後就... •

    當年年我的主題講的是 PhoneGap ( 現在叫 cordova )
  24. TDD • Talk Driven Development • 主動分享的好處是可以逼⾃自⼰己去看新東⻄西 • 不要怕講錯,講錯是獲得正確答案的最快⽅方式 •

    上台⼀一時爽,⼀一直上台⼀一直爽 (?)
  25. 研討會常客 • JSDC 2012, 2013, 2015, 2017, 2019 • COSCUP

    2013, 2015, 2019 • MOPCON 2016, 2019 • 微軟 Community Open Camp 2016 • WebConf / Modern Web • 各種社群聚會就不⼀一⼀一列列出了了
  26. vue.tw • 這社群⼀一開始不是我建立的 • 我只是去分享了了社群的第⼀一場主題 • 隔年年原本的主持⼈人跑去寫 Angular • 然後就變成我

    的形狀狀 (?) 主辦了了
  27. None
  28. iT邦幫忙鐵⼈人賽 • 最初只是想 跟風 (X) • 作為 JavaScript 課程補充教材 (O)

    • 沒想到越寫越多 • 三⼗十天結束後⼈人⽣生頓時失去重⼼心
  29. None
  30. None
  31. 職涯與學習路路線

  32. 開發體驗決定學習動⼒力力 • 模仿 -> 理理解 -> 應⽤用 • ⾼高 CP

    開發法 • 很多⼈人從模仿就直接到應⽤用 • 不求甚解的結果
  33. None
  34. • HTML、CSS、JavaScript • 三者可以獨立看待卻⼜又關係緊密 (指在瀏覽器) • 網⾴頁元素只是載體 • 資料結構、流程控制、演算法是各種程式的基礎 •

    存同求異異 • 不要陷入框架的比較迷思
  35. 瀏覽器與 JavaScript 的關係

  36. • 前端「價值」的展現 • HTML、CSS、JavaScript 永遠不過時 • 給⼈人「看」到給⼈人「⽤用」 • ⾏行行動裝置的崛起與成熟 •

    資料狀狀態的傳遞與管理理 • 當 JavaScript 脫離瀏覽器 • 前端模組化 / ⾃自動化 / 打包 / 構建⼯工具
  37. ⽣生態圈推動原⽣生標準

  38. 成為管理理者? 技術與管理理的平衡,我也還在學習 可以的話我希望能寫扣寫到不能寫

  39. 技術也許會更更新,但本質不變 所有技術都是圍繞著問題⽽而⽣生

  40. 成為⼀一個稱職的前端⼯工程師之前 你得先是⼀一個軟體⼯工程師 不要被職稱限制了了你的眼界與能⼒力力

  41. Thanks, 開放提問囉