owned this note   changed 6 years ago  
Linked with GitHub

前端工程師的養成之路與開源工具 - Kuro Hsu

由於場地問題，第二天我們移動到另一棟大樓啦！議程教室變動請見網站上的議程表。

歡迎來到 https://hackmd.io/@coscup/2019 共筆

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

點擊本頁上方的 開始用 Markdown 一起寫筆記！
手機版請點選上方 按鈕展開議程列表。

請從這裡開始

講師：Kuro Hsu VUE.js 社群主辦人

How I become frontend engineer?

以前沒分前後端

改題目 前端與開源

laravel 把 vue 放到 start toolkit 讓 vue 又比較多人認識

打者按：Rails 的預設前端也是 Vue 喔www

過去的網頁

只有純靜態頁面，原因：

  1. 網頁速度限制
  2. 終端效能低落

後來 IE5 開始取得重大勝利，然後就擺爛了。接下來相關標準停滯十年之久
那時候的前端沒有價值存在，頂多就是把畫面做得漂亮，因此以往後端也可以寫 JS，so 前端的價值呢？

前端價值的展現（大前端時代X）

  1. 首先是 CSS 的出現 css zen garden

把 JS, CSS, HTML 拆分乾淨後，會有很大的彈性

  1. 從給人看到有應用OWO!!（也就是 AJAX 技術紅起來的時候）-> 前後端分離

  2. 行動裝置的崛起

    Web in Mobile：Mobile Web vs. Mobile App

  3. JavaScript 脫離瀏覽器

    Node.js ＯＷＯ！！！！
    前端可以提供服務，後端為純資料提供。

  4. 語言的借鑑(Ruby 大法好)

    • Sass 改進 CSS 的可讀性
    • erb -> haml -> pug
    • CoffeeScript -> TypeScript

  5. 架構的借鑑

    • 前端 MVC backbone.js，把後端路由拉到前端來做

    • 前端 MVC 的全部就是後端 MVC 的 View

    • AngularJS 1:

      • 雙向資料綁定，資料跟畫面統一
      • MVVM

    • 狀態傳遞與管理
      Vue: EventBus

  6. 前端工程化

Treeshaking

Q：會不會因為 serverless 而未來又往全端發展？

tags: COSCUP2019 開源與職涯 IB305
Select a repo