從 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
1.6 實務練習
實務練習
設計簡單的個人簡歷畫面 ( 不包含 CSS )
暫時不使用任何的 CSS 排版,僅僅使用 HTML 去把結構完整建構出來。
JS Bin
results matching "
"
No results matching "
"