Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Svelte 介紹

Kalan
September 18, 2020

Svelte 介紹

快樂學程式分享

Kalan

September 18, 2020
Tweet

More Decks by Kalan

Other Decks in Programming

Transcript

  1. Svelte - 是什麼讓我遇見這樣的你
    1
    Kalan

    View Slide

  2. README - Kalan
    2
    Twitter: @kalanyei
    YouTube: 愷開寫程式
    更多關於我:me.kalan.dev
    目前居住地:福岡
    前端工程師
    興趣:料理、小說、J-POP、遊戲、日文

    View Slide

  3. 日本職場案內
    3
    日本軟體工程師求職心得:blog.kalan.dev/japan-interview
    在福岡遠端工作四個月感想:blog.kalan.dev/2020-06-15-thought-on-remote-work/
    在日軟體工程師工作一年心得:life.kalan.dev/2020/08/11/software-engineer-in-fukuoka/
    日語八百屋:shurado.com

    View Slide

  4. 求職管道
    NeoCareer
    Personal
    Adecco
    Indeed
    朋友介紹
    4

    View Slide

  5. 語言問題
    5
    學習日文的重要性?
    重要,但不是優先條件
    工程師的價值在於用技術解決問題

    View Slide

  6. 語言問題
    6
    學習英文的重要性?
    短期內效果會比日文顯著
    能否有效溝通、傳達資訊才是重點

    View Slide

  7. 職場相關
    血汗、低薪、加班文化都是真的嗎?
    7
    當然是真的
    而且這種現象會存在在各個國家當中

    View Slide

  8. 進入正題 - Svelte
    8
    又一個前端框架!?
    繼 React、Vue 之後

    View Slide

  9. 作者介紹
    9
    Rollup 作者
    Ractive.js 作者
    在紐約時報擔任 Graphic Editor
    非本科系(哲學系)出身
    畢業後擔任記者,為了寫報導開始學習程式

    View Slide

  10. 現代前端框架的基本要素
    10
    提供一套 Reactivity 機制
    生命週期方法
    狀態管理機制(如 context, store)
    其他

    View Slide

  11. 範例 - API 搜尋
    11
    https://svelte.dev/repl/36cc73445b6446f9aad7a1c1bb018e68?version=3.25.1

    View Slide

  12. 為什麼 Svelte 值得學習?
    12
    語法簡單容易上手
    在中小型專案中有比較小的 bundle size
    具有元件化、狀態管理等現代前端開發要素
    良好的開發體驗

    View Slide

  13. Bundle Size
    自我介紹網站
    (me.kalan.dev)
    13
    22.9KB

    View Slide

  14. 我應該學習 Svelte 嗎?
    It depends
    14
    市場考量
    學習成本
    社群及生態圈
    產品需求
    專案大小、開發週期、資源

    View Slide

  15. Q & A
    15

    View Slide