Please enable JavaScript.
Coggle requires JavaScript to display documents.
前端開發學習拓樸 Front-End learning topology :star: (網頁開發基本概念 :check: Web Basic…
前端開發學習拓樸
Front-End learning topology :star:
網頁基礎技術
:check:
Basic Skill
HTML
inline tag vs span tag
block tag vs div tag
語意 tag
Javascript / ECMAScript
文件物件模型 DOM
瀏覽器物件模型 BOM
事件 event
AJAX
JSON
正規表示式 Regular Expression
CSS
選擇子Selector
盒子模型 Box model
媒體查詢
Media Queries
函式庫與套件管理
:check:
Framworks & Libraries
Javascript type
jQuery
require.js
Loadash
CSS type
Pure
Bootstrap
套件管理
npm
bower
向量圖示
Font Awesome
Material Icons
前端進階技術
:fire:
Advanced Skill
預處理
Preprocessors
Javascript類
CoffeeScript / Babel / LiveScript
TypeScript
CSS類
LESS
SCSS / Sass / Stylus
HTML類
Markdown
Haml / Slim
Pug(Jade)
MVVM與框架
AngularJS /ReactJS
Vue.js
Knockout.js
自動化工作管理
Automation
Gulp / Grunt
webpack
Yeoman
網頁開發基本概念
:check:
Web Basic Concept
跨瀏覽器相容性 Cross-Browser Compatibility
瞭解DOCTYPE
Normalize.css
/ Reset
網頁編輯器 Editors
VS code
Notepad++
Atom / Sublime Text
CodePen
版本管理 Version control
Git
Github
文字編碼 Character encoding
UTF-8 / UTF-16
Big5 /ANSI
換列符號 line feed & carriage return
Windows:\n\r
UNIX / Linux:\n
Mac:\r
指令列 Shell
工具 :
cmder
觀念 : path / pipe / find / for / 檔名與命令補齊