人工智慧:智慧型系統導論3/e (3版)
相關熱銷的書籍推薦給您
書名:人工智慧:智慧型系統導論(第三版)
作者:李聯旺
出版社:全華
ISBN:9789862800959
立即查看
ChatGPT X JavaScript精選15堂課:輕鬆學會網頁程式設計實作【暢銷回饋版】 (2版)
類似書籍推薦給您
立即查看
網頁設計完全攻略HTML、CSS、JavaScript、Bootstrap、jQuery、Vue.js、RWD|搭配ChatGPT效率加倍 (1版)
類似書籍推薦給您
簡介
這是一本內容非常齊全的網頁設計書籍,網羅最新技術、最新語法、最多範例,包含下列的【7大主題】和【超過700個範例程式】,全彩印刷,圖解詳盡,觀念正確,讓讀者快速學會網頁設計的關鍵技術!
.HTML
.CSS
.JavaScript
.Bootstrap
.jQuery
.Vue.js
.響應式網頁設計 (RWD)
除了分篇分章進行語法教學,目前最熱門的【ChatGPT】也是重要主題,我們會介紹如何使用ChatGPT學習網頁設計,包括撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。
為了讓讀者體驗如何將各種語法活用到實際的網頁設計,不再陷入只會語法,卻不知如何活用的窘境,我們設計了【三大響應式網頁範例】-【圖庫網站】、【旅遊網站】和【部落格網站】,其中第一個範例是使用HTML和CSS手刻響應式網頁,而第二、三個範例是使用HTML、CSS和Bootstrap開發響應式網頁,這些範例均相當精美,對於設計人員開發網頁、老師設計教學範例、學生製作專題或參加競賽都極具參考價值。
學習重點------------------------------------------------------------
【第0章-ChatGPT】
在本章中,我們會介紹如何使用ChatGPT學習網頁設計,例如撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。
【第1篇-HTML】
HTML可以用來定義網頁的內容,開發各種網頁應用程式。在本篇中,我們會介紹HTML常用的元素,例如文件結構、資料編輯與格式化、嵌入內容、表格、表單等。
【第2篇-CSS】
CSS可以用來定義網頁的外觀,包括編排、顯示、格式化及特殊效果。在本篇中,我們會介紹CSS常用的屬性,例如色彩、字型、文字、清單、Box Model、定位方式、背景、漸層、濾鏡、表格、Flexbox Layout、Grid Layout、變形、轉場、動畫、媒體查詢等。
【第3篇-JavaScript】
JavaScript可以用來定義網頁的行為,在本篇中,我們會介紹JavaScript的基本語法,包括型別、變數、常數、運算子、流程控制、函式、物件等,還會介紹JavaScript在瀏覽器端的應用,也就是如何利用JavaScript讓靜態網頁具有動態效果,包括文件物件模型 (DOM)、瀏覽器物件模型 (BOM)、事件處理等。
【第4篇-網頁前端框架】
除了最核心的HTML、CSS和JavaScript,還有許多應用於JavaScript程式開發的函式庫與框架,在本篇中,我們會介紹下列幾種技術:
.Bootstrap:是很受歡迎的HTML、CSS與JavaScript框架,用來開發響應式 (responsive)、行動優先 (mobile first) 的網頁,使用者無須撰寫CSS或JavaScript程式碼,就可以輕鬆設計出響應式網頁。
.jQuery:是一個快速、輕巧、功能強大的JavaScript函式庫,透過它所提供的API,可以讓諸如操作HTML文件、選擇HTML元素、處理事件、建立特效、使用Ajax技術等動作變得更簡單。
.Vue.js:這個JavaScript函式庫,提供API讓Web開發人員進行資料繫結及操作網頁上的元素,解決畫面顯示與資料狀態同步的問題。
此外,我們還會介紹【響應式網頁設計】(RWD,Responsive Web Design),這是一種網頁設計方式,目的是根據使用者的瀏覽器環境 (例如寬度或方向等),自動調整網頁的版面配置,以提供最佳的顯示結果,同時設計了【3大響應式網頁範例】-圖庫網站、旅遊網站、部落格網站,讓您不只懂語法,更懂如何運用到實際的網頁設計。
目錄
第00章 網頁設計 x ChatGPT
0-1 開始使用 ChatGPT
0-2 查詢網頁設計相關的語法
0-3 查詢網頁設計相關的技術建議
0-4 撰寫網頁程式與除錯
0-5 與其它程式語言互相轉換
0-6 提供練習測驗與解答
【Part 1 HTML】
第01章 網頁設計基礎
1-1 網站建置流程
1-2 網頁設計相關的程式語言
1-3 HTML 的發展
1-4 HTML 文件的編輯工具
1-5 HTML 文件的基本結構
1-6 撰寫第一份 HTML 文件
第02章 文件結構
2-1 HTML 文件的根元素 - html 元素
2-2 HTML 文件的標頭 - head 元素
2-3 HTML 文件的主體 - body 元素
2-4 HTML5 新增的結構元素
第03章 資料編輯與格式化
3-1 區塊格式
3-2 文字格式
3-3 插入或刪除資料 - ins、del 元素
3-4 項目符號與編號 - ul、ol、li 元素
3-5 定義清單 - dl、dt、dd 元素
3-6 超連結
3-7 相對 URL 的路徑資訊 base 元素
第04章 嵌入內容
4-1 嵌入圖片 - img 元素
4-2 嵌入影片 - video 元素
4-3 嵌入聲音 - audio 元素
4-4 設定媒體資源 - source 元素
4-5 嵌入不同的圖片 - picture 元素
4-6 嵌入物件 - object 元素
4-7 嵌入浮動框架 - iframe 元素
4-8 嵌入Script - script、noscript 元素
第05章 表格
5-1 建立表格 - table、tr、th、td 元素
5-2 表格標題 - caption 元素
5-3 表格的表頭、主體與表尾 - thead、tbody、tfoot 元素
5-4 直行式表格 - colgroup、col 元素
第06章 表單
6-1 建立表單 - form、input 元素
6-2 HTML4.01 提供的輸入類型
6-3 HTML5 新增的輸入類型
6-4 按鈕 - button 元素
6-5 標籤 - label 元素
6-6 選項群組 - optgroup 元素
6-7 將表單欄位群組起來 - fieldset、legend 元素
【Part 2 CSS】
第07章 CSS 基本語法
7-1 CSS 的發展
7-2 在 HTML 文件中套用 CSS
7-3 CSS 的語法
7-4 選擇器的類型
7-5 樣式表的串接順序
第08章 色彩、字型、文字與清單
8-1 色彩屬性
8-2 字型屬性
8-3 文字屬性
8-4 清單屬性
第09章 Box Model 與定位方式
9-1 Box Model
9-2 邊界屬性
9-3 留白屬性
9-4 框線屬性
9-5 寬度與高度屬性
9-6 定位方式
第10章 背景、漸層、濾鏡與表格
10-1 背景屬性
10-2 漸層函式
10-3 濾鏡屬性
10-4 表格屬性
第11章 CSS 版面設計
11-1 使用 float 屬性進行版面設計
11-2 彈性盒子版面
11-3 格線版面
第12章 變形、轉場、動畫與媒體查詢
12-1 變形屬性
12-2 轉場屬性
12-3 動畫屬性
12-4 媒體查詢
第13章 響應式網頁設計實例―圖庫網站
13-1 開發適用於不同裝置的網頁
13-2 響應式網頁設計原則
13-3 手刻響應式網頁(圖庫網站)
13-4 手刻導覽按鈕(漢堡選單)
13-5 重置 CSS
【Part 3 JavaScript】
第14章 JavaScript 基本語法
14-1 撰寫第一個 JavaScript 程式
14-2 JavaScript 程式碼撰寫慣例
14-3 型別
14-4 變數
14-5 常數
14-6 運算子
14-7 流程控制
14-8 函式
14-9 變數的有效範圍
第15章 JavaScript 內建物件
12-1 認識物件
12-2 使用物件
12-3 內建物件
第16章 文件物件模型 (DOM)
16-1 認識 DOM
16-2 取得元素節點
16-3 走訪節點
16-4 取得 / 設定元素的屬性值與文字內容
16-5 新增 / 取代 / 移除節點
16-6 存取表單元素
16-7 操作 CSS 樣式表
第17章 瀏覽器物件模型 (BOM)
17-1 認識 BOM
17-2 Window 物件
17-3 Location 物件
17-4 Navigator 物件
17-5 History 物件
17-6 Screen 物件
17-7 Document 物件
第18章 事件處理
18-1 事件驅動模式
18-2 事件的類型
18-3 定義事件處理程式 / 事件監聽程式
18-4 移除事件處理程式 / 事件監聽程式
18-5 Event 物件
18-6 事件處理範例
【Part 4 網頁前端框架】
第19章 Bootstrap 網格系統
19-1 撰寫 Bootstrap 網頁
19-2 使用 Bootstrap 網格系統
第20章 Bootstrap 樣式
20-1 內容樣式
20-2 公用類別
20-3 按鈕
20-4 表單
第21章 Bootstrap 元件
21-1 關閉按鈕 (Close button)
21-2 警報效果 (Alert)
21-3 下拉式清單 (Dropdown)
21-4 按鈕群組 (Button group)
21-5 導覽與標籤頁 (Nav and tab)
21-6 導覽列 (Navbar)
21-7 卡片 (Card)
21-8 工具提示 (Tooltip)
21-9 彈出提示 (Popover)
21-10 摺疊 (Collapse)
21-11 手風琴效果 (Accordion)
21-12 輪播 (Carousel)
21-13 分頁導覽 (Pagination)
第22章 響應式網頁設計實例 - 旅遊網站
22-1 「快樂旅遊」網站
22-2 設計網頁樣板
22-3 設計導覽列
22-4 設計輪播
22-5 設計內容區 - 警報效果
22-6 設計內容區 - 卡片
22-7 設計頁尾
第23章 響應式網頁設計實例 - 部落格網站
23-1 「快樂部落格」網站
23-2 設計網頁樣板
23-3 設計頁首、導覽列與介紹區
23-4 設計內容區
23-5 設計頁尾
第24章 jQuery
24-1 認識 jQuery
24-2 取得 jQuery 核心
24-3 使用 jQuery 核心
24-4 事件處理
24-5 特效與動畫
第25章 Vue.js
25-1 認識 Vue.js
25-2 安裝與使用 Vue.js
25-3 樣板語法
25-4 methods 與 computed 屬性
25-5 事件處理
25-6 表單欄位繫結
25-7 類別與樣式繫結
25-8 條件式渲染
25-9 清單渲染
立即查看
單元測試的藝術|以 JavaScript 為例 (1版)
類似書籍推薦給您
【簡介】
單元測試的藝術並非只有掌握正確的工具和實踐方法而已,也包含瞭解優秀測試的運作原理、為每一個獨特的情況找出正確的策略,以及在測試過程一團亂時知道該怎麼做。本書提供的觀點和建議將改變你測試軟體的方式。
《單元測試的藝術》第三版將教你寫出容易閱讀與維護的測試,不僅介紹測試的基本寫法,也深入探討範圍擴及整個組織的測試策略、問題排除、處理遺留碼(legacy code)和「冷酷」重構。你會愛上這些實際的範例和熟悉的情境,它們將讓你在閱讀的過程中彷彿親臨測試現場。這本第三版增加適用於物件導向、泛函設計,和模組化風格的技術。書中的範例使用 JavaScript。
本書主題包括:
•決定測試類型和策略
•測試的進入點&退出點
•重構遺留碼
•fake、stub、mock 物件,與分隔框架
•物件導向、泛函,與模組化測試風格
書中的範例使用 JavaScript、TypeScript 與 Node.js。
好評推薦
「本書是我們的測試經典。JavaScript社群何其幸運,因為這本書改用我們喜愛的語言。」 —Yoni Goldberg,Node.js 測試顧問,Node.js Best Practices 的作者
「這是一本測試名著!」 —Jaume Lopez,Institut Guttmann
「這本書教你測試哲學,以及單元測試的實作細節。」 —Matteo Gildone Springer Nature
「本書對於測試的對象、時機,以及如何做好測試提出適當的見解。」 —Rich Yonts,Teradata
【目錄】
【第一部分 邁出第一步】
chapter1 單元測試基礎
1.1 第一步
1.2 定義單元測試(一步一步來)
1.3 進入點和退出點
1.4 退出點類型
1.5 不同的退出點,不同的技術
1.6 從零開始編寫測試
1.7 優良單元測試的特點
1.8 整合測試
1.9 我們的最終定義
1.10 測試驅動開發
chapter2 第一個單元測試
2.1 介紹Jest
2.2 程式庫、斷言、執行器和報告器
2.3 單元測試框架提供的功能
2.4 介紹PasswordVerifier專案
2.5 verifyPassword的第一個Jest測試
2.6 嘗試使用beforeEach()方法
2.7 嘗試工廠方法
2.8 圓滿test()
2.9 重構成參數化的測試程式
2.10 檢查預期會被丟出來的錯誤
2.11 設定測試分類
【第二部分 核心技術】
chapter3 使用stub來切斷依賴關係
3.1 依賴項目的類型
3.2 使用stub的理由
3.3 被廣泛接受的stubbing設計方法
3.4 泛函注入技術
3.5 模組化注入技術
3.6 使用具備建構函式的物件
3.7 物件導向注入技術
chapter4 使用mock物件來進行互動測試
4.1 互動測試、mock和stub
4.2 依賴logger
4.3 標準風格:參數重構
4.4 區分mock和stub的重要性
4.5 模組化風格的mock
4.6 泛函風格的mock
4.7 物件導向風格的mock
4.8 處理複雜的介面
4.9 部分mock
chapter5 分隔框架
5.1 定義分隔框架
5.2 動態偽造模組
5.3 泛函動態mock和stub
5.4 物件導向的動態mock和stub
5.5 動態地stubbing行為
5.6 分隔框架的優勢和陷阱
chapter6 非同步程式的單元測試
6.1 處理非同步資料抓取
6.2 讓程式更適合進行單元測試
6.3 處理定時器
6.4 處理常見事件
6.5 引入DOM測試庫
【第三部分測試程式碼】
chapter7 可信的測試
7.1 如何知道你信任一個測試
7.2 測試為何會失敗
7.3 避免在單元測試中加入邏輯
7.4 在通過的測試中,聞到虛假的信任感
7.5 處理不穩定的測試
chapter8 易維護性
8.1 因測試失敗而被迫進行的更改
8.2 讓維護工作更輕鬆的重構
8.3 避免過度規範
【第四部分設計和流程】
chapter9 易讀性
9.1 單元測試的命名
9.2 魔法值和變數命名
9.3 將斷言與操作分開
9.4 設置和卸除
chapter10 制定測試策略
10.1 常見的測試類型和階層
10.2 測試階層的反模式
10.3 測試配方策略
10.4 管理交付管道
chapter11 制定測試策略
11.1 成為改革代理人的步驟
11.2 成功之道
11.3 失敗之道
11.4 影響因素
11.5 棘手問題和答案
chapter12 與遺留碼共舞
12.1 從哪裡開始加入測試?
12.2 決定一個選擇策略
12.3 在重構之前編寫整合測試
附錄 對函式和模組進行monkey-patch
索引
立即查看
圖說演算法:使用JavaScript【暢銷回饋版】 (2版)
類似書籍推薦給您
【簡介】
暢銷回饋中!
零負擔理解演算法設計技巧
零程式基礎也能快速上手
採網頁前端開發工具JavaScript實作程式
一本輕量級演算法,是您獲得程式設計新技能,提升自我價值的最好投資
當「寫程式」納入必修課程的重要趨勢下,APP開發或網頁程式設計已是大部份學生或社會人士必須具備的基礎能力。演算法是用來培養程式設計邏輯的基礎理論,也是有志從事資訊工作的專業人員,不得不重視的一門基礎課程。
為了讓讀者能以容易理解的方式吸收演算法與基礎資料結構的相關知識,全書使用簡明的圖例介紹最常用演算法的概念,包括:分治法、遞迴法、貪心法、動態規劃法、疊代法、枚舉法、回溯法,並實作許多經典案例,如:字串反轉(String Reversal)、迴文(Palindrome)、整數反轉(Integer Reversal)、判斷兩字是否相同(Anagrams)、金字塔圖形外觀(Pyramid)…等等。同時應用不同演算法延伸出重要資料結構,例如:陣列、鏈結串列、堆疊、佇列、樹狀結構、排序、搜尋、雜湊…等,搭配這幾年快速竄紅的JavaScript程式語言舉例實作,是您入門演算法的最佳首選。
為了讓讀者能以容易理解的方式吸收演算法與基礎資料結構的相關知識,全書使用簡明的圖例介紹最常用演算法的概念,包括:分治法、遞迴法、貪心法、動態規劃法、疊代法、枚舉法、回溯法,並實作許多經典案例,如:字串反轉(String Reversal)、迴文(Palindrome)、整數反轉(Integer Reversal)、判斷兩字是否相同(Anagrams)、金字塔圖形外觀(Pyramid)…等等。同時應用不同演算法延伸出重要資料結構,例如:陣列、鏈結串列、堆疊、佇列、樹狀結構、排序、搜尋、雜湊…等搭配這幾年快速竄紅的JavaScript程式語言舉例實作,是您入門演算法的最佳首選。
本書特色
✔演算法最佳首選:配合實作程式碼,將各種演算法應用在程式設計的領域
✔強化程式設計邏輯:豐富圖例闡述基礎,將演算法做最簡明的詮釋及舉例
✔完善科學領域議題:加入實戰安全性演算法與人工智慧的相關演算法
✔驗收學習成果:設計難易適中的習題,並參閱國家考試題型,提供進一步演練
【目錄】
【PART I 運算思維與演算法】
Chapter 01 大話運算思維與程式設計
1-1 大話運算思維
1-2 運算思維的腦力大賽
1-3 生活中到處都是演算法
Chapter 02 地表上最常見經典演算法
2-1 分治演算法
2-2 遞迴演算法
2-3 給我最好,其餘免談的貪心法
2-4 分治法的麻吉兄弟-動態規劃演算法
2-5 不斷繞圈的疊代演算法
2-6 人人都有份的枚舉演算法
2-7 不對就回頭的回溯法
Chapter 03 經典演算法案例
3-1 字串反轉(String Reversal)
3-2 迴文(Palindrome)
3-3 整數反轉(Integer Reversal)
3-4 最常出現的字母(Max Character)
3-5 判斷兩字是否相同(Anagrams)
3-6 反向陣列(Reverse Array)
3-7 將句中或片語單字反轉(Reverse Words)
3-8 首字大寫(Capitalization)
3-9 平均值(Mean)
3-10 回傳給定總和的數值序對(Two Sum)
3-11 最大利潤(Max Profit)
3-12 費伯那序列(Fibonacci)
3-13 記憶式費伯那序列(Memoized Fibonacci)
3-14 階梯狀圖形外觀(Staircase)
3-15 金字塔圖形外觀(Pyramid)
【PART II 資料結構相關演算法】
Chapter 04 走入資料結構的異想世界
4-1 資料結構初體驗
4-2 超人氣的資料結構型態
4-3 盤根錯節的樹狀結構
4-4 學會藏寶圖的密技-圖形簡介
4-5 神奇有趣的雜湊表
Chapter 05 全方位應用的陣列與串列演算法
5-1 矩陣演算法與深度學習
5-2 陣列與多項式
5-3 徹底玩轉單向串列演算法
Chapter 06 堆疊與佇列演算法徹底研究
6-1 陣列實作堆疊輕鬆學
6-2 鏈結串列實作堆疊
6-3 古老的河內塔演算法
6-4 八皇后演算法
6-5 陣列實作佇列
6-6 鏈結串列實作佇列
6-7 有趣的雙向佇列
6-8 一定要懂得優先佇列
【PART III 排序與搜尋演算法】
Chapter 07 新手快速學會的排序演算法
7-1 看懂排序
7-2 氣泡排序法
7-3 選擇排序法
7-4 插入排序法
7-5 謝耳排序法
7-6 合併排序法
7-7 快速排序法
7-8 基數排序法
Chapter 08 打造快速體驗的搜尋心法
8-1 循序搜尋法
8-2 二分搜尋法
8-3 內插搜尋法
8-4 費氏搜尋法
【PART IV 樹與圖的演算法】
Chapter 09 超圖解的樹狀演算法
9-1 陣列實作二元樹
9-2 鏈結串列實作二元樹
9-3 二元樹走訪的入門捷徑
9-4 二元樹節點搜尋
9-5 二元樹節點插入
9-6 二元樹節點的刪除
9-7 堆積樹排序法
9-8 延伸二元樹入門
9-9 霍夫曼樹特訓班
9-10 平衡樹
9-11 決策樹的智慧
Chapter 10 圖形演算法的關鍵課程
10-1 圖形簡介
10-2 不能不學的圖形表示法
10-3 圖形走訪的訣竅
10-4 擴張樹的密碼
10-5 圖形最短路徑演算法
【PART V 現代議題演算法】
Chapter 11 完美實戰安全性演算法
11-1 輕鬆學會資料加密
11-2 一學就懂的雜湊演算法
11-3 破解碰撞與溢位處理
Chapter 12 人工智慧演算法
12-1 機器學習簡介
12-2 認識深度學習
Appendix A 開發環境與JavaScript快速入門
A-1 JavaScript執行環境
A-2 選擇程式的文字編輯器
A-3 基本資料處理
A-4 變數宣告與資料型別轉換
A-5 輸出與輸入指令
A-6 運算子與運算式
A-7 流程控制
A-8 陣列宣告與實作
A-9 函式定義與呼叫
A-10 物件的屬性與方法
立即查看
HTML/CSS/JavaScript與前端框架的完美結合:使用Bootstrap與PWA技術,新手從這開始!(好評回饋版) (3版)
類似書籍推薦給您
【簡介】
精采內容不容錯過,好評回饋中!!
掌握HTML/CSS/JavaScript技巧,
搭配高效前端框架技術,輕鬆成為專業網頁設計師
以淺顯易懂的方式從設計網站開始談起,從網站建置的過程、設計網站原型(prototyping)的工具以及取得各式網路資源,再循序漸進介紹Web前端三大核心技術:HTML、CSS及JavaScript,並加入前端框架Bootstrap技術,加上書中介紹好用的配色工具,就算沒有美工基礎,藉由Bootstrap工具模組以及配色表,也能快速建構出專業美觀的RWD網站。
本書也安排了Progressive Web Application(PWA)技術,手把手教您逐步將網站優化為Web APP,讓網站能像Native App在手機等行動裝置建立桌面捷徑,瀏覽網頁時具有操作Native App相似的感受。
本書共分三大單元,第一單元為前端開發觀念及HTML+CSS基礎到進階教學;第二單元安排JavaScript基礎的語法以及Web資料庫的應用;第三單元介紹前端框架工具,包括Bootstrap與PWA。各章節除了實用的範例之外,在每一單元也安排了整合練習,讓讀者能加強學習並驗收學習成果,累積實作經驗,適合自修與教學使用。
|適用對象|
✰對前端技術有興趣卻不知從何入門的初學者
✰前端開發技術相關從業人員
✰大專院校網站設計相關課程教材
|重點特色|
✰以淺顯易懂的方式快速了解前端開發的觀念及技術。
✰熟悉網站原型(prototyping)並善用網路工具與資源加以實作。
✰循序漸進介紹Web前端三大核心技術:HTML、CSS及JavaScript。
✰活用前端框架Bootstrap技術以及工具模組,建構RWD網站。
✰使用Progressive Web Application(PWA)技術,逐步將網站優化為Web APP。
精采內容不容錯過,好評回饋中!!
本書共分三大單元,第一單元為前端開發觀念及HTML+CSS基礎到進階教學;第二單元安排JavaScript基礎的語法以及Web資料庫的應用;第三單元介紹前端框架工具,包括Bootstrap與PWA。各章節除了實用的範例之外,在每一單元也安排了整合練習,讓讀者能加強學習並驗收學習成果,累積實作經驗,適合自修與教學使用。
【目錄】
CHAPTER 01 網站開發的觀念與技術
1-1 網站開發的基礎觀念
1-1-1 網站及網頁
1-1-2 網頁開發的前端與後端
1-1-3 網址的組成
1-2 網站建置流程與技術
1-2-1 擬定網站主題
1-2-2 規劃網站架構與內容
1-2-3 製作網頁工具
1-2-4 上傳雲端
1-3 網頁介面原型建構工具
1-3-1 網站原型架構
1-3-2 介面線框與原型工具
1-3-3 實作網頁介面原型
CHAPTER 02 HTML與CSS基礎
2-1 學習HTML前的準備工作
2-1-1 建立HTML文件
2-1-2 自動生成HTML5架構程式碼
2-2 HTML語法概念與架構
2-2-1 HTML的標記型態
2-2-2 HTML的組成
2-2-3 標記屬性的運用
2-3 HTML5文件結構與語意標記
2-3-1 語意化的HTML標記
2-3-2 HTML5宣告與編碼設定
2-4 認識CSS基本架構
2-4-1 使用CSS樣式表
2-4-2 CSS基本格式
2-4-3 認識CSS選擇器
2-4-4 CSS的度量單位
2-4-5 CSS的顏色表示法
CHAPTER 03 HTML常用標記
3-1 排版相關標記
3-1-1 瀏覽器呈現網頁的過程
3-1-2 標題標記
3-1-3 段落及換行標記
3-2 項目列表清單
3-2-1 有序列表
3-2-2 無序列表清單
3-2-3 定義列表
3-3 表格與表單
3-3-1 表格
3-3-2 表單
3-3-3 表單元件
3-4 插入圖片與超連結
3-4-1 插入圖片
3-4-2 超連結
3-4-3 內置框架(iframe)
3-5 div標記與span標記
3-5-1 認識div標記
3-5-2 認識span標記
3-5-3 替程式碼加上註解
3-5-4 使用特殊符號及Emoji字符集
CHAPTER 04 CSS常用語法
4-1 文字與段落樣式
4-1-1 文字樣式
4-1-2 文字段落樣式
4-1-3 邊框
4-1-4 文繞圖
4-2 掌握CSS定位
4-2-1 網頁元件的定位(position)
4-2-2 立體網頁的定位
4-2-3 好用的calc()函式
CHAPTER 05 CSS Flexbox響應式排版
5-1 Flexbox模型概念
5-1-1 認識CSS盒子模型(Box Model)
5-1-2 認識Flexbox彈性盒子
5-2 Flexbox屬性
5-2-1 flex container屬性
5-2-2 flex Items屬性
CHAPTER 06 善用網路資源
6-1 圖庫素材分享平台
6-1-1 認識創用CC授權
6-1-2 搜尋CC授權素材
6-1-3 Icon nder-icon圖庫
6-1-4 替網站加入Logo小圖示
6-2 實用的網頁應用產生器
6-2-1 CSS Layout產生器
6-2-2 按鈕產生器
6-2-3 網站配色
CHAPTER 07 整合練習—詩詞展示網頁設計與實作
7-1 網頁架構說明
7-1-1 網頁架構圖
7-1-2 選擇合適的HTML標記
7-2 建立HTML與CSS程式碼
7-2-1 建立網頁架構的HTML語法
7-2-2 加入超連結
7-2-3 加入CSS語法
7-2-4 加入偽元素
7-2-5 利用Icon Fonts產生社群圖示
CHAPTER 08 JavaScript基礎
8-1 認識JavaScript
8-1-1 JavaScript基本觀念
8-1-2 JavaScript運行環境
8-1-3 瀏覽器主控台console
8-1-4 JavaScript語法架構
8-2 JavaScript基礎語法
8-2-1 JavaScript語法架構
8-2-2 JavaScript註解符號
8-2-3 資料型別(Data Type)
8-3 變數宣告與作用範圍
8-3-1 全域變數與區域變數
8-3-2 使用var關鍵字宣告變數
8-3-3 var宣告的作用域
8-3-4 使用Let關鍵字宣告變數
8-3-5 使用const關鍵字宣告常數
8-3-6 變數名稱的限制
CHAPTER 09 函式與作用域
9-1 自訂函式
9-1-1 函式的定義與呼叫
9-1-2 函式參數
9-1-3 函式回傳值
9-2 函式的多重用法
9-2-1 函式宣告式(Function Declaration)
9-2-2 函式表達式(Function Expressions)
9-2-3 物件與this關鍵字
9-2-4 立即執行函式(IIFE)
CHAPTER 10 JavaScript操控DOM元素
10-1 DOM物件的方法與屬性
10-1-1 取得物件資訊
10-1-2 處理物件節點
10-1-3 屬性的讀取與設定
10-2 DOM物件的操作
10-2-1 Window物件
10-2-2 DOM集合(Collection)
10-3 DOM風格樣式
10-3-1 查詢元素樣式
10-3-2 設定元件樣式
CHAPTER 11 前端資料儲存
11-1 認識Web Storage
11-1-1 Web Storage概念
11-1-2 偵測瀏覽器是否支援Web Storage
11-2 localStorage及sessionStorage
11-2-1 存取localStorage
11-2-2 刪除localStorage
11-2-3 存取sessionStorage
11-3 IndexedDB資料庫
11-3-1 IndexedDB重要概念
11-3-2 IndexedDB基本操作
11-3-3 讀取資料
11-3-4 刪除資料
11-3-5 清空資料
CHAPTER 12 整合練習—個人通訊錄實作
12-1 網頁架構說明
12-1-1 網頁功能架構圖及線框圖
12-1-2 CSS Image Sprites
12-2 IndexedDB的CURD
12-2-1 建置資料庫物件及開啟交易
12-2-2 設定事件的處理函式
12-2-3 新增會員與新增完成
12-2-4 動態產生資料列表
12-2-5 修改與刪除單筆資料
12-2-6 清空資料與刪除資料庫
12-2-7 阻止事件傳遞與預設行為
CHAPTER 13 響應式網頁框架—Bootstrap
13-1 認識Bootstrap
13-1-1 為什麼要使用Bootstrap
13-1-2 下載Bootstrap
13-1-3 RWD的設計理念
13-2 Bootstrap排版
13-2-1 斷點(Breakpoint)與容器(Container)
13-2-2 了解Grid System
13-2-3 Viewport與Media queries
13-3 Bootstrap的樣式
13-3-1 Bootstrap通用顏色
13-3-2 Bootstrap間距
13-3-3 Bootstrap寬度與高度
13-3-4 Bootstrap文字
13-4 圖片與表格
13-4-1 響應式圖片
13-4-2 邊框圓角
13-4-3 建立Bootstrap表格
CHAPTER 14 Bootstrap擴充元件庫
14-1 導覽與選單
14-1-1 導覽列(Navigation Bar)
14-2 表單與按鈕
14-2-1 表單控制元件
14-2-2 表單排版
14-3 輪播元件(Carousel)
14-3-1 基本的輪播效果
14-3-2 利用JavaScript控制輪播
CHAPTER 15 PWA實作—我的記帳本Web App
15-1 實作「我的記帳本」網頁
15-1-1 「我的記帳本」網頁功能與介面
15-1-2 下拉式選單
15-1-3 按鈕群組
15-1-4 互動視窗
15-1-5 IndexedDB關鍵字查詢
15-1-6 善用Bootstrap Icons製作小圖示
15-2 將網頁轉換成PWA
15-2-1 什麼是PWA
15-2-2 製作各種尺寸的App圖示按鈕
15-2-3 將網頁變成PWA
立即查看