用 ChatGPT 詠唱來點亮 React & 前端技能樹

一宵三筵 (黃韻儒) 著

  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-1
  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-2
  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-3
  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-4
  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-5
  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-6
  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-7
  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-8
  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-9
  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-10
  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-11
  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-12
  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-13
  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-14
  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-15
  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-16
  • 用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-17
用 ChatGPT 詠唱來點亮 React & 前端技能樹-preview-1

買這商品的人也買了...

相關主題

商品描述

☆★☆改寫自第15iThome鐵人賽自我挑戰組熱門文章☆★☆

☆★☆免費版ChatGPT-3.5,人人皆可用且簡易上手☆★☆

☆★☆豐富的問答與範例☆★☆

☆★☆依個人需求自訂義設定ChatGPT,打造專屬助手☆★☆

☆★☆章節皆附QR Code,問答內容與程式碼一鍵複製☆★☆

☆★☆深度掌握React與前端工程師必備相關知識☆★☆

☆★☆學會如何使用ChatGPT幫助工作與學習☆★☆

 

內容結合ChatGPT使用示範與前端技術教學,協助前端工程師打造更為精湛的React開發技能之餘,更學習如何與AI共融進步。

透過ChatGPT使用和設定教學,你將學到如何善用這個強大的工具,不僅提升開發效率,更能打造個人專屬的程式碼助手,了解其應用於算數問題以及程式碼開發、運維的種種可能性。

涵蓋JavaScriptTypeScriptReact基礎與進階主題,深入剖析網頁基礎、ES6語法、異步操作、React狀態管理、以及Redux等重要概念。每一個章節都以ChatGPT為導師,搭配專業的技術指引,使你能夠輕鬆掌握前端開發的核心技能。

書中更探討自動測試的重要性,引導讀者使用Jest單元測試和Storybook來處理UI文件與測試,確保程式碼品質和穩定性。最後,透過ChatGPT的引導,你將走遍React與前端技能樹的各個角落,建立起堅實的技術基石。

本書希望讀者明白AI並不是取代自己的敵人,而是推進自己的忠心夥伴。讓ChatGPT與你攜手,開啟前端學習之旅,使技能樹在ChatGPT的詠唱中綻放光芒。

作者簡介

一宵三筵(黃韻儒)

畢業於中興大學資訊工程學系。

大學專題以強化式學習做為研究主題、關注AI領域發展。畢業後從事前端工程師工作,專攻於ReactNextJS等前端技術,並從前端領域不斷擴展技能樹到後端領域,目前職位為全端工程師。

偶爾會在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 網頁基礎入門 - HTMLJavaScriptCSS

2-2 進階JavaScript ES6 語法& 語法糖

2-3 異步程序:CallbackPromiseasync/awaitFetch 串接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 useReduceruseContext vs. Redux

4-5 NextJS !路由系統!

4-6 Nx 框架! Monorepo 架構!

5 ChatGPT 請教教我:自動測試

5-1 Jest 單元測試:基本介紹&起始安裝

5-2 Jest 單元測試:完整語法&教學

5-3 StorybookUI 文件與測試

6 結語