基於 JS 的全端工程師開放式培訓指南 (Full Stack Open 2020 )


  1. 說明
    1. 課程架構
    2. 心得

這是芬蘭的赫爾辛基大學的全端工程師開放課程,不同於其他線上的課程,這門課程沒有影片、線上的程式碼批改工具等。只有明確的模組章節以及簡約文字與圖片,並以 JS React 框架為學習主軸設計的全端工程師培訓指南。

logo

說明

課程連結

課程同時具有芬蘭文、英文與簡體中文內容,在內容的閱讀上沒有問題,但這門課有背景知識的要求:

技能與知識

  • Good Programming Skills
  • Basic Knowledge Of Web Programming
  • Databases
  • Git version management system

特質

  • Perseverance
  • Capacity For Solving Problems
  • Seeking Information Independently

儘管課程的第 0 章有介紹基本的 Web 知識,但內容卻是十分的 hardcore , 對於 HTML, CSS, JS 只是概念性的介紹,細節則是提供如 MDN 的教學作為輔助,因此這門課程並不算是新手從無到有投入的工程師的理想指南,更精準的對象是資訊不同領域者想要投入 Web 開發的學習指南。

課程架構

  • Fundamentals of Web apps
  • Introduction to React
  • Communicating with server
  • Programming a server with NodeJS and Express
  • Testing Express servers, user administration
  • Testing React apps
  • State management with Redux
  • React router, custom hooks, styling app with CSS and webpack
  • GraphQL
  • Typescript

心得

這是一個很棒的全端工程師指南,用到了很多 Modern 的開發技術,包含 React Ecosystem, Testing, State Management, GraphQL, TypeScript ,不過目前和自己的 SkillSet 沒有辦法整合。目前業務上仍是以後端的開發居多,同時用 jQuery 來做前端的互動效果。如果要引入前端框架進入專案,也會考慮漸進式的加入 Vue.js,因此對這個指南做稍為的研究之後,就以筆記的方式收藏歸檔。