HackMDFront End Homepage
第一技能樹 - 前端
- Reset
CSS Monster
| No. | Topic | Abstract |
|---|---|---|
| 001 | CSS2 微模組 | 背景&邊框、排版相關、文字相關 |
| 002 | CSS2 排版 | margin、float、inline-block、position |
| 003 | CSS3 工具書 | 偽元素、linear-gradient、border-radius圓形、shadow、opacity、background-size、pointer-event |
| 004 | CSS3 動畫相關 | transition、transform、animation |
| 005 | CSS3 flex | flex related… |
| 006 | CSS3 grid | grid related… |
| 007 | CSS 小細節s | 略 |
| 008 | CSS 組合技 | 雙向置中、漢堡 |
| 009 | CSS RWD | 往左展開的漢堡、HTML5圖片替換、YT寬高自動縮放 |
| 010 | … |
CSS 設計風格
| No. | Topic | Abstract |
|---|---|---|
| 001 | BEM | |
| 002 |
JS Note
| No. | Topic | Abstract |
|---|---|---|
| 001 | JS 基本元素 | Naming Rule、三元運算子、相關資源 |
| 002 | JS 流程控制 | if、while、for、switch |
| 003 | JS 陣列 | 技巧、二維陣列 |
| 004 | JS 函式 | … |
| 005 | JS 物件 | 待補 |
| 006 | JS BOM | 略 |
| 007 | JS DOM | 取得節點、查找節點、更新節點、新增節點、刪除節點、操控CSS屬性、操控class屬性 |
| 008 | JS Window & document Event | 待補load應用 |
| 009 | JS 滑鼠Event | click event - block(停止事件冒泡應用) click event - lightbox(停止事件冒泡應用) click event - remove element mouse event - img after mouse |
| 010 | JS 鍵盤Event | keydown & keyup event |
| 011 | JS scroll Event | scroll event(getBoundingClientRect()應用) |
| 012 | JS Event 應用1 | scroll & click event |
| 013 | To do test | … |
| 014 | … | … |
Git
| No. | Topic | Abstract |
|---|---|---|
| 001 | Git 專案開發前-初始設定 | |
| 002 | Git 專案開發中-操作 | |
| 003 | Git commit規範 | |
| 004 |
Other
| … | … | … | … |
|---|---|---|---|
| Figma相關 | 色彩印象 | Sublime編輯器相關 | selfnote |
| … | … | … | … |
待整理: for of, CSS選取器
