秒懂 AI 輔助行動網頁設計：Visual Studio Code + GitHub Copilot + Bootstrap 5 + CSS3 + HTML5 + Web 專案實作
蕭國倫、姜琇森、莊淑玲、朱珮儀
買這商品的人也買了...
-
演算法圖鑑：26種演算法 + 7種資料結構，人工智慧、數據分析、邏輯思考的原理和應用 step by step 全圖解$450$356 -
東大教授十小時教會你大學四年的統計學$350$315 -
特徵工程不再難：資料科學新手也能輕鬆搞定！ (Feature Engineering Made Easy: Identify unique features from your dataset in order to build powerful machine learning systems)$520$406 -
網頁設計手冊 (上)：網站開發基礎 16堂課$450$405 -
The Pragmatic Programmer 20週年紀念版 (The Pragmatic Programmer, 20th Anniversary Edition)$680$537 -
量子電腦與量子計算｜IBM Q Experience 實作$580$458 -
工程數學, 2/e$600$540 -
圖解量子電腦入門：8堂基礎課程+必懂關鍵詞解說，從計算原理到實務應用、通訊到演算，破解讓人類大躍進的科技新浪潮$420$357 -
圖解量子力學$250$225 -
C++ 程式設計的樂趣｜範例實作與專題研究的程式設計課 (C++ Crash Course: A Fast-Paced Introduction)$880$748 -
網頁設計手冊 (下)：網站開發案例實作$450$405 -
圖解資料結構 -- 使用 Python, 2/e【暢銷回饋版】$500$390 -
OpenCV 影像創意邁向 AI 視覺王者歸來 (全彩印刷)$890$703 -
PHP、MySQL與 JavaScript 學習手冊, 6/e (Learning PHP, MySQL & JavaScript, 6/e)$980$774 -
網路時代人人要學的資安基礎必修課 (How Cybersecurity Really Works)$480$379 -
統計之美：人工智慧時代的科學思維, 2/e$620$490 -
金融機器學習與資料科學藍圖 (Machine Learning and Data Science Blueprints for Finance: From Building Trading Strategies to Robo-Advisors Using Python)$780$616 -
輕鬆學量子程式設計｜從量子位元到量子演算法$520$411 -
量子科技入門$420$378 -
PHP & MYSQL：網頁伺服器程式開發之道$980$774 -
Staff 工程師之路｜獻給個人貢獻者成長與改變的導航指南 (The Staff Engineer's Path)$580$458 -
Programming：Principles and Practice Using C++, 3/e (繁體中文版)$990$782 -
Python 極客實驗室 ｜程式設計師的奇想計畫, 2/e (Python Playground : Geeky Projects for the Curious Programmer, 2/e)$680$537 -
AI 時代的網頁設計 HTML、CSS、JavaScript、RWD、Bootstrap、Vue.js、jQuery, 9/e$620$490
相關主題
商品描述
最容易理解、讓初學者秒懂的範例解說！
最關鍵的完整範例，一個抵十個，重點觀念一次搞懂
最實務的程式碼練習，別再說網頁設計難以上手
■ 內容再強化
-整合GitHub Copilot人工智慧輔助功能，加速程式編寫效率，體驗AI驅動的網頁開發流程。
-強化CSS3與HTML5最新特性詳解，掌握最新網頁技術趨勢，打造現代化行動網頁介面。
-多個超實務專案範例，從零開始一步步完成完整行動網頁設計作品。
■ Visual Studio Code網頁編輯器入門教學
快速熟悉輕便型／專業型的熱門網站開發工具，搭配擴充套件大幅提升網頁建置效率。
■ GitHub Copilot AI程式輔助工具
學習如何善用AI協作工具提高開發效率，讓你更輕鬆、更快速地完成網頁設計任務。
■ 雲端版本控制服務GitHub應用
立刻掌握Git核心概念，透過GitHub輕鬆放置網頁作品、團隊協作，掌握業界實務技能。
■ HTML5與CSS3核心技術詳解
圖文並茂，透過最淺顯易懂的範例說明，快速理解並奠定紮實的網頁開發基礎。
■ 超實務響應式網頁設計範例（RWD）
多個完整且實用的專案實作範例，讓你徹底了解從零打造各種螢幕尺寸都完美呈現的網頁技巧。
Bootstrap 5語法教學，帶你迅速掌握框架語法，輕鬆建構美觀且功能完整的響應式網頁。
■ 掌握主流響應式版面設計技巧
企業網頁／多欄式網頁／視差網頁／側欄固定網頁，最完整的範例說明，一次搞懂主流版面設計方式。
■ 搭配範例邊學邊做更有效！
目錄大綱
chapter 1 在 Visual Studio Code 上結合 GitHub Copilot 與 Git
1-1 Visual Studio Code 安裝與基本介紹
1-2 Visual Studio Code 延伸套件安裝教學
1-3 GitHub Copilot 簡介
1-4 GitHub Copilot 使用教學
1-5 Git 版本控制
1-6 視覺化介面操作 Git
chapter 2 初學 HTML
2-1 何謂 HTML
2-2 HTML 文件架構
2-3 利用 GitHub Copilot 認識 HTML 標籤
2-4 全域屬性
2-5 瀏覽器除錯網頁教學
chapter 3 初學 CSS
3-1 何謂 CSS
3-2 DIV+CSS 排版法
3-3 利用 GitHub Copilot 輔助學習CSS 選擇器
3-4 CSS 語法的放置位置
3-5 繼承權與優先權
3-6 常見的 CSS 樣式
chapter 4 網頁建置流程與網頁設計
4-1 前置作業
4-2 套用 jQuery
4-3 網頁設計
4-4 響應式網頁設計
4-5 Media Queries
4-6 設定 Viewport
chapter 5 利用 HTML+CSS 製作基本版型
5-1 單欄式版面
5-2 使用 GitHub Copilot 快速製作單欄式響應式版面
5-3 雙欄式版面
5-4 登入版面
chapter 6 初學 Bootstrap 5
6-1 認識 Bootstrap
6-2 認識網格系統
6-3 常用 Bootstrap 類別
chapter 7 使用 Bootstrap 5 開發響應式網站
7-1 首頁
7-2 關於我們
7-3 產品項目
7-4 產品細節
chapter 8 常見 Bootstrap 5 響應式版面教學
8-1 企業網頁
8-2 個人部落格
8-3 視差網頁
8-4 側欄固定網頁
chapter 9 網站公開展示
9-1 GitHub Pages
9-2 Cloudflare Pages
