Please enable JavaScript.
Coggle requires JavaScript to display documents.
網站工程師技能樹 - Coggle Diagram
網站工程師技能樹
前端技能
HTML
語意化標籤
標籤
連結
圖片
表格
段落、結構
表單
CSS
基本
選取器
Box Model
排版
RWD (Responsive Web Design)
顏色、字型
套件 / 框架
SCSS/SASS
Bootstrap
TailwindCSS
Bulma
Flexbox
架構
BEM
OOCSS
SMACSS
JavaScript
基本
基本資料型別
函數
迴圈、邏輯與流程控制
事件處理
DOM 操作
Fetch API / Ajax
物件導向程式設計
套件 / 框架
jQuery
Vue.js
Vuex
React.js
Redux
Hook
Angular.js
套件管理
NPM
Yarn
Webpack
其它
伺服器
Amazon Web Service
Heroku
Nginx / Apache
資料庫
SQL
新增
修改
查詢
刪除
其它進階查詢
安裝與設定
MySQL
PostgreSQL
正規化
建立索引
Operation
CI / CD
網站佈署
後端技能
Ruby
入門
物件導向程式設計
集合型別:陣列與 Hash
基本資料型別:字串、數字、符號
使用套件
方法定義
Block
Rake
迴圈、邏輯與流程控制
網路相關
Rack
Sinatra
進階
Meta programming
物件模型 (Object Model)
Ruby on Rails
金流串接
Paypal
Line Pay
購物車、訂單處理
MVC 介紹
Route 路徑規劃
寄發信件
背景工作
會員系統
串接第三方社群帳號
TDD (Test-Driven Development)
系統排程工作
程式碼整理
Model
Migration
欄位規劃
資料驗證
基本操作
通識課程
Shell 與終端機指令
版本控制
Git
基本操作
add 與 commit
分支與合併
歷史紀錄整理
Git Flow
push 與 pull
各種常見情境
GitHub
使用 PR (Pull Request)
專案建立、設定
團隊協作
開發工具
Visual Studio Code (推薦)
Vim
TDD (Test-Driven Development)
網路通識
網址是怎麼運作的 DNS (Domain Name Service)
HTTP 的 GET 與 POST
什麼是「伺服器」
網路安全
程式設計入門
邏輯
流程控制
函數 / 方法