-
排序
- 圖片
- 條列
HTML/CSS/JavaScript與前端框架的完美結合：使用Bootstrap與PWA技術，新手從這開始！(AI加強版)
|重點特色| ✰以淺顯易懂的方式快速了解前端開發的觀念及技術。 ✰熟悉網站原型(prototyping)並善用網路工具與資源加以實作。 ✰循序漸進介紹 Web 前端三大核心技術：HTML、CSS 及 JavaScript。 ✰活用前端框架 Bootstrap 技術以及工具模組，建構 RWD 網站。 ✰使用 Progressive Web Application(PWA)技術，逐步將網站優化為 Web APP。 ✰學習如何聰明使用 ChatGPT 來協助程式開發。 全新章節教您巧妙運用AI，讓寫程式更有效率！！ 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端框架工具，包括Bootstrap與PWA。本次改版新增了一個全新的章節「善用ChatGPT寫JavaScript程式」。透過這個章節，讀者可以學習如何應用AI，來協助自己更有效率地撰寫程式。 全新章節教您巧妙運用AI，讓寫程式更有效率！！掌握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。各章節除了實用的範例之外，在每一單元也安排了整合練習，讓讀者能加強學習並驗收學習成果，累積實作經驗，適合自修與教學使用。本次改版新增了一個全新的章節「善用ChatGPT寫JavaScript程式」。透過這個章節，讀者可以學習如何應用AI，來協助自己更有效率地撰寫程式。|適用對象|✰對前端技術有興趣卻不知從何入門的初學者✰前端開發技術相關從業人員✰大專院校網站設計相關課程教材
為你寫的Vue Components：從原子到系統，一步步用設計思維打造面面俱到的元件實戰力（iThome鐵人賽系列書）
本書改編自第16屆iThome鐵人賽Modern Web組冠軍系列文章《為你自己寫Vue Component》。在前端開發的世界裡，Vue Components是連結UI設計與商業邏輯的關鍵橋梁，從畫面呈現、資料綁定到可重用的功能模組，元件不只是程式碼片段，更是專案維護性、擴充性與團隊協作的核心。《為你寫的Vue Components》將帶你從零開始，逐步建立屬於自己的元件設計思維。書中不僅示範如何撰寫高效、可擴充的元件，還深入探討如何實作鍵盤操作與無障礙設計的細節，而SSR應該注意的小訣竅，讓我們設計出來的元件不只自己好用，也為你身邊的各種角色帶來開發與生活上的便利性。無論你是剛接觸Vue的新手，或是想精進架構與設計能力的前端工程師，本書都將是你打造高品質Vue Components的最佳指南。 打造高品質Vue Components的實戰設計指南讓你成為可設計元件的專業人才掌握Vue Components核心設計思維與實戰技巧全面提升前端開發的維護性、擴充性與易用性【內容簡介】♚從基礎到進階：掌握元件開發的核心技巧與設計思維♚原子元件設計：打造高可重用、易維護的元件庫♚實戰案例導向：完整拆解從UI到邏輯的設計與實作過程♚豐富技術細節：涵蓋高階開發技巧，全面提升實戰技能本書改編自第16屆iThome鐵人賽Modern Web組冠軍系列文章《為你自己寫Vue Component》。在前端開發的世界裡，Vue Components是連結UI設計與商業邏輯的關鍵橋梁，從畫面呈現、資料綁定到可重用的功能模組，元件不只是程式碼片段，更是專案維護性、擴充性與團隊協作的核心。《為你寫的Vue Components》將帶你從零開始，逐步建立屬於自己的元件設計思維。書中不僅示範如何撰寫高效、可擴充的元件，還深入探討如何實作鍵盤操作與無障礙設計的細節，而SSR應該注意的小訣竅，讓我們設計出來的元件不只自己好用，也為你身邊的各種角色帶來開發與生活上的便利性。無論你是剛接觸Vue的新手，或是想精進架構與設計能力的前端工程師，本書都將是你打造高品質Vue Components的最佳指南。【目標讀者】✪正在學習或重構Vue元件的工程師。✪想要打造UI Library的團隊成員。✪在意高效、可維護性、無障礙與一致性的開發人員。✪對Atomic Design與元件化實戰有興趣的開發人員。
JavaScript程式設計的樂趣｜範例實作與專題研究的程式設計課
內容簡介:JavaScript快速入門與樂趣兼備 《JavaScript程式設計的樂趣》是一本節奏明快又充滿樂趣的程式設計入門指南，帶你用 JavaScript輕鬆踏進程式設計的世界。翻開本書，立刻開始撰寫程式、解決問題，並在短時間內完成可運作的網頁應用與遊戲。 你將從學習變數、陣列、物件、函式、條件判斷、迴圈、類別等基本的程式設計概念開始；在生動的範例和實作練習的幫助下，這些基礎知識將幫助你結合JavaScript、HTML與CSS，建立可以立即執行的互動式網頁應用程式。 接著，你將運用新習得的技能完成三個專案： 🎮 一個有虛擬對手的乒乓球模擬遊戲 🎵 一個能產生電子音樂的應用程式 📊 一個能從API取得資料並進行視覺化的平台 在這個過程中，你將學到如何： ．透過操作文件物件模型（DOM）來即時更新網頁內容。 ．觸發函式來回應按鍵和滑鼠點擊等事件。 ．使用JavaScript和HTML的Canvas元素產生圖形和動畫。 ．利用D3.js程式庫和可縮放向量圖形（SVG）進行資料視覺化。 ．運用Tone.js和Web Audio API製作電子音樂。 如果你正想一探程式設計，《JavaScript程式設計的樂趣》就是你的魔法工具，帶你快速進入這個奇妙世界，輕鬆寫出真正的程式。別再等了，現在就出發吧！
ChatGPT × Google Apps Script雲端自動化實戰：從構想到上線，跟重複的例行工作說再見！
內容簡介:🎯 ChatGPT × Gmail × Sheets × Calendar × Docs × Drive × Forms × LINE Bot 把重複的例行工作交給程式，專注更有價值的事！本書將ChatGPT、GAS與Google雲端服務串接起來，從想法具體化、產出程式碼，到測試與修正，帶您一步步完成能落地的自動化系統，即使沒有程式背景也能做到。 精彩實作案例： ■ 生日祝福自動寄送：每天自動比對名單，寄出客製化郵件，並記錄寄送狀態。 ■ 會議室預訂全自動：表單申請、試算表審核，一鍵新增／取消日曆事件。 ■ 保固書自動生成與歸檔：從資料選取到 PDF 生成、規則命名、雲端歸檔與寄送。 ■ 報價單快速套版：勾選品項即可自動填入範本，計算小計與總價，建立分享連結。 ■ 合約文件輕鬆生成：套用範本自動填欄位，PDF 輸出並規則命名，存入指定資料夾，流程全自動。 ■ 智能檢貨單快速產出：設定品項與數量，自動套版計算金額，一鍵輸出檢貨單，省時又精準。 立刻把想法交給 ChatGPT，協助你整合 Gmail、Sheets、Calendar、Docs、Drive，打造自動化工作流程，讓您把時間拿回來，專注更重要的事。 適合職場新人、行政／總務、人資、需要大量文書處理的管理者，以及希望把流程自動化的創意工作者，不會寫程式也能上手。
