從 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
5.3 vscode-icons
vscode-icons
為你的 Visual Studio Code 的文件類型提供對應的圖標。
image source:
vscode-icons
results matching "
"
No results matching "
"
