用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹
一宵三筵 (黃韻儒) 著
買這商品的人也買了...
-
網站擷取｜使用 Python, 2/e (Web Scraping with Python: Collecting More Data from the Modern Web, 2/e)$580$458 -
機器學習的數學基礎 : AI、深度學習打底必讀$580$458 -
IoT 沒那麼難！新手用 JavaScript 入門做自己的玩具！（iT邦幫忙鐵人賽系列書）$520$406 -
邊玩邊學，使用 Scratch 學習 AI 程式設計$480$379 -
資料科學的統計實務 : 探索資料本質、扎實解讀數據，才是機器學習成功建模的第一步$599$473 -
一本精通 - LINE BOT + Python + Google Dialogflow 完整掌握 LINE BOT 的開發技巧 打造全方位 AI機器人$650$514 -
ChatGPT 領軍 DALL-E 2 + Midjourney + D-ID + Synthesia：邁向 AI文字、圖像、影片之路 (全彩印刷)$500$395 -
駕馭 ChatGPT 4: 探索 Azure OpenAI 與 Cognitive Service for Language 開發實踐 (使用.NET 與 Node.js)$650$487 -
精通 API 架構｜設計、營運和發展基於 API 的系統 (Mastering API Architecture: Design, Operate, and Evolve Api-Based Systems)$680$537 -
ChatGPT 開發手冊 - 用 OpenAI API ‧ LangChain ‧ Embeddings 設計 Plugin、LINE/Discord bot、股票分析與客服自動化助理$750$593 -
AWS 自學聖經：5大必學雲端主題・超圖解入門 (全彩印刷) (第二版)$750$593 -
圖解資料結構 × 演算法：運用 Python【暢銷回饋版】$600$468 -
MySQL 資料庫開發的樂趣 (MySQL Crash Course: A Hands-on Introduction to Database Development)$580$458 -
JavaScript 設計模式學習手冊, 2/e (Learning JavaScript Design Patterns: A JavaScript and React Developer's Guide, 2/e)$580$458 -
ChatGPT 開發手冊 Turbo×Vision 進化版—用 OpenAI Chat/Assistants API‧Function calling 設計 GPTs action‧LINE/Discord bot‧股市分析/自動助理$820$648 -
$653ReactJS 實踐入門 -
Python 數據科學實戰$419$398 -
碼上行動：用 ChatGPT 學會 Python 編程巧用 ChatGPT 快速搞定 Python$474$450 -
CI/CD 安全防護大揭密：DevSecOps 最佳實踐指南$680$530 -
AI輔助學習 Excel VBA 最強入門邁向辦公室自動化之路王者歸來 -- 上冊 (第二版)$690$545 -
AI輔助學習 Excel VBA 最強入門邁向辦公室自動化之路王者歸來 -- 下冊 (第二版)$790$624 -
向AI提問的藝術：提示工程入門與應用 學會提問讓AI特別想跟你聊下去$414$393 -
AI 神助攻！程式設計新境界 – GitHub Copilot 開發 Python 如虎添翼 : 提示工程、問題分解、測試案例、除錯$560$442 -
LangChain 簡明講義：從0到1建構 LLM 應用程式$480$456 -
新一代 Keras 3.x 重磅回歸：跨 TensorFlow 與 PyTorch 建構 Transformer、CNN、RNN、LSTM 深度學習模型$750$593
商品描述
☆★☆改寫自第15屆iThome鐵人賽自我挑戰組熱門文章☆★☆
☆★☆免費版ChatGPT-3.5，人人皆可用且簡易上手☆★☆
☆★☆豐富的問答與範例☆★☆
☆★☆依個人需求自訂義設定ChatGPT，打造專屬助手☆★☆
☆★☆章節皆附QR Code，問答內容與程式碼一鍵複製☆★☆
☆★☆深度掌握React與前端工程師必備相關知識☆★☆
☆★☆學會如何使用ChatGPT幫助工作與學習☆★☆
內容結合ChatGPT使用示範與前端技術教學，協助前端工程師打造更為精湛的React開發技能之餘，更學習如何與AI共融進步。
透過ChatGPT使用和設定教學，你將學到如何善用這個強大的工具，不僅提升開發效率，更能打造個人專屬的程式碼助手，了解其應用於算數問題以及程式碼開發、運維的種種可能性。
涵蓋JavaScript、TypeScript、React基礎與進階主題，深入剖析網頁基礎、ES6語法、異步操作、React狀態管理、以及Redux等重要概念。每一個章節都以ChatGPT為導師，搭配專業的技術指引，使你能夠輕鬆掌握前端開發的核心技能。
書中更探討自動測試的重要性，引導讀者使用Jest單元測試和Storybook來處理UI文件與測試，確保程式碼品質和穩定性。最後，透過ChatGPT的引導，你將走遍React與前端技能樹的各個角落，建立起堅實的技術基石。
本書希望讀者明白AI並不是取代自己的敵人，而是推進自己的忠心夥伴。讓ChatGPT與你攜手，開啟前端學習之旅，使技能樹在ChatGPT的詠唱中綻放光芒。
作者簡介
一宵三筵（黃韻儒）
畢業於中興大學資訊工程學系。
大學專題以強化式學習做為研究主題、關注AI領域發展。畢業後從事前端工程師工作，專攻於React、NextJS等前端技術，並從前端領域不斷擴展技能樹到後端領域，目前職位為全端工程師。
偶爾會在IT邦幫忙上分享一些開發上的踩坑分享，持續找尋、嘗試多種方式來降低程式學習上的曲線與門檻，後來ChatGPT的問世，得以結合目前熟悉的前端技術，參加第15屆鐵人賽自我挑戰組，以《用ChatGPT詠唱來完成工作與點亮前後端技能樹》系列打入熱門文章。
LinkedIn: https://www.linkedin.com/in/韻儒-黃-397530215/
github: https://github.com/lalame888
IT邦幫忙: https://ithelp.ithome.com.tw/users/20135750/profile
目錄大綱
1 ChatGPT 基礎使用、設定
1-1 ChatGPT 註冊
1-2 示範：ChatGPT 與算術問題
1-3 利用Custom instructions（自訂指令）來打造工程師的專屬助手
1-4 讓ChatGPT 成為程式碼的開發/ 運維好夥伴
2 ChatGPT 請教教我：JavaScript & TypeScript 基礎
2-1 網頁基礎入門 - HTML、JavaScript、CSS
2-2 進階JavaScript、 ES6 語法& 語法糖
2-3 異步程序：Callback、Promise、async/await、Fetch 串接API
2-4 TypeScript ！ Enum ！泛型！
2-5 Class（類別）！ Object（物件）！物件導向OOP！
3 ChatGPT 請教教我：React 基礎
3-1 起始安裝、JSX 元素、元件、Props ！
3-2 State（狀態）！內容動起來！
3-3 運用JS 高階函數，進階JSX 組合元件！
3-4 Hook ！副作用（Side Effect）？ useEffect！
3-5 更多Hook ！ useCallback ！ useMemo ！自定義Hook！
3-6 ref ？ useRef ！ forwardRef ！ useImperativeHandle！
3-7 React & TypeScript！
3-8 React & axios！ API 串起來！
4 ChatGPT 請教教我：React 進階
4-1 React Redux 狀態管理
4-2 React Redux & Redux Toolkit！
4-3 React Redux & Redux-thunk！ API 參戰！
4-4 useReducer、useContext vs. Redux
4-5 NextJS ！路由系統！
4-6 Nx 框架！ Monorepo 架構！
5 ChatGPT 請教教我：自動測試
5-1 Jest 單元測試：基本介紹＆起始安裝
5-2 Jest 單元測試：完整語法＆教學
5-3 Storybook：UI 文件與測試
6 結語
