Please enable JavaScript.

Coggle requires JavaScript to display documents.

網站工程師技能樹 - Coggle Diagram

- - - - 連結
      - 圖片
      - 表格
      - 段落、結構
  - - - 選取器
      - Box Model
      - 排版
      - RWD (Responsive Web Design)
      - 顏色、字型
    - - SCSS/SASS
      - Bootstrap
      - TailwindCSS
      - Bulma
    - - BEM
      - OOCSS
      - SMACSS
  - - - 基本資料型別
      - 函數
      - 迴圈、邏輯與流程控制
      - 事件處理
      - DOM 操作
      - Fetch API / Ajax
      - 物件導向程式設計
    - - jQuery
      - Vue.js
        
        Vuex
      - React.js
        
        Redux
        
        Hook
      - Angular.js
    - - NPM
      - Yarn
      - Webpack
- - - - 新增
      - 修改
      - 查詢
      - 刪除
      - 其它進階查詢
    - - MySQL
      - PostgreSQL
- - - - 物件導向程式設計
      - 集合型別：陣列與 Hash
      - 基本資料型別：字串、數字、符號
      - 使用套件
      - 方法定義
      - Block
      - Rake
      - 迴圈、邏輯與流程控制
    - - Rack
      - Sinatra
    - - Meta programming
      - 物件模型 (Object Model)
  - - - Paypal
      - Line Pay
    - - 串接第三方社群帳號
    - - Migration
      - 欄位規劃
      - 資料驗證
      - 基本操作
- - - - 基本操作
      - add 與 commit
      - 分支與合併
      - 歷史紀錄整理
      - Git Flow
      - push 與 pull
      - 各種常見情境
    - - 使用 PR (Pull Request)
      - 專案建立、設定
      - 團隊協作

Create your own diagrams like this for free with Coggle

made for free at coggle.it

網站工程師技能樹

網站工程師技能樹

前端技能

其它

後端技能

HTML

CSS

JavaScript

基本

套件 / 框架

通識課程

伺服器

基本

套件 / 框架

jQuery

Vue.js

React.js

Angular.js

Shell 與終端機指令

版本控制

資料庫

SCSS/SASS

Bootstrap

TailwindCSS

開發工具

套件管理

NPM

Yarn

Webpack

Ruby

Ruby on Rails

TDD (Test-Driven Development)

Git

Visual Studio Code (推薦)

Vim

Amazon Web Service

Heroku

金流串接

Paypal

購物車、訂單處理

入門

物件導向程式設計

集合型別：陣列與 Hash

SQL

GitHub

MVC 介紹

Route 路徑規劃

語意化標籤

Flexbox

網路通識

網址是怎麼運作的 DNS (Domain Name Service)

HTTP 的 GET 與 POST

寄發信件

背景工作

基本資料型別：字串、數字、符號

使用套件

什麼是「伺服器」

標籤

表單

連結

圖片

表格

段落、結構

選取器

Box Model

排版

RWD (Responsive Web Design)

基本資料型別

方法定義

函數

迴圈、邏輯與流程控制

事件處理

DOM 操作

Fetch API / Ajax

基本操作

add 與 commit

分支與合併

歷史紀錄整理

Git Flow

使用 PR (Pull Request)

專案建立、設定

push 與 pull

Block

Rake

網路相關

安裝與設定

新增

修改

查詢

刪除

其它進階查詢

正規化

Line Pay

架構

BEM

OOCSS

SMACSS

Operation

CI / CD

網站佈署

Vuex

Redux

Hook

Nginx / Apache

MySQL

PostgreSQL

會員系統

串接第三方社群帳號

TDD (Test-Driven Development)

網路安全

系統排程工作

物件導向程式設計

Bulma

建立索引

迴圈、邏輯與流程控制

Rack

進階

Sinatra

Meta programming

各種常見情境

程式設計入門

邏輯

流程控制

函數 / 方法

團隊協作

顏色、字型

程式碼整理

物件模型 (Object Model)

Model

Migration

欄位規劃

資料驗證

基本操作