從 HTML 入門至實務應用
Introduction
1. 建構網站的基石 - HTML
1.1 什麼是 HTML?
1.2 HTML 基本架構 & 語法
1.3 動態網頁與靜態網頁的區別
1.4 HTML5 Feature + API
1.5 SEO
1.6 實務練習
2. 網頁視覺樣式的魔法 - CSS
2.1 CSS 介紹
2.2 CSS 語法
2.3 CSS 選擇器
2.4 CSS Display
2.5 CSS BOX MODEL
2.6 CSS Position
2.7 CSS 版面配置
2.8 CSS 權重
2.9 Google Chrome Developer Tools
2.10 實務練習
2.11 動畫練習
3. 網站設計的趨勢
3.1 viewport
3.2 Media Queries
3.3 實務練習
4. Bootstrap
4.1 Install
4.2 Bootstrap Grid System
4.3 實務練習
5. 前端工具插件應用
5.1 文字編輯器
5.2 Emmet
5.3 vscode-icons
5.4 Snippets
6. 網站特效的魔法
6.1 基本特性
6.2 轉型方法與比對技巧
6.3 Falsy Value
6.4 函式物件
6.5 Hoisting
6.6 立即函式
6.7 this
6.8 Closure
6.9 new
6.10 Prototype
6.11 DOM
6.12 JSON
7. JavaScript 偵錯應用
7.1 Tips
8. 前端工程的極致框架
8.1 快速上手
8.2 Module
8.3 Controller
8.4 ngBind
8.5 Filter
8.6 實務練習
8.7 ngShow
8.8 ngClick
8.9 ngRepeat
8.10 實務練習
8.11 非同步調用
8.12 Promise
Powered by
GitBook
2.9 Google Chrome Developer Tools
Google Chrome Developer Tools
使用 CSS 選擇器搜尋 HTML 元素
按 Shift + Click 切換顏色格式
快速查找檔案所在路徑
內建顏色滴管
將元素捲動到畫面位置
results matching "
"
No results matching "
"