FE103

動手玩 React!

一起用React做個小遊戲吧!

如果你/妳常常聽到 React,但又一直沒機會體驗看看,歡迎跟我們一起透過實作小遊戲來認識 React。 React 是個用來實作使用者介面的 JavaScript 函式庫,在使用上只要專注於資料邏輯,React 就會透過 Virtual DOM,將變動後的資料有效率的顯示在畫面上。並且可以透過將邏輯寫成元件,方便在多個地方使用。如此方便的技術,你一定要試試看。

免費課程
  • 終身存取權
  • 影片時數
  • 結業證書
  • 可行動裝置使用

講師介紹

使用者大頭貼

Lin

五倍學院 前端工程師

課程特色

這系列影片不會有很艱深的邏輯,使用的範例都是大家一定都玩過的遊戲,我們會透過範例,使用一些簡單的 React 語法,希望能帶你體驗到寫React的樂趣與便利性。

decoration image

課程影音

翻牌記憶遊戲

00 : 30 : 08

成果展示及檔案下載

簡介

卡牌準備及洗牌

建立卡牌

卡牌元件化

翻牌效果

翻牌邏輯 part 1

翻牌邏輯 part 2

翻牌邏輯 part 3

小結

貪食蛇遊戲

00 : 30 : 22

成果展示及檔案下載

簡介

繪製場景及角色

讓蛇動起來!

撞到牆壁的話...

上下左右移動

吃蘋果

碰撞偵測

重新開始遊戲

程式碼整理

小結

踩地雷遊戲

00 : 57 : 04

成果展示及檔案下載

簡介

範例檔案說明

棋盤繪製

準備地雷

試踩地雷

元件化

踩到的是地雷嗎?

設定旗子

遊戲結束

旁邊有幾顆地雷?

自動翻開沒有地雷的格子

輸了還是贏了?

小結

decoration image
FE103

動手玩 React!

免費課程
  • 終身存取權
  • 影片時數
  • 結業證書
  • 可行動裝置使用

其他課程推薦

常見問題

這個課程將於何時開始收看呢?

只要完成付款流程,即可開始觀看課程囉!

這個線上課程可以看多久?要如何收看?

在您付款完成後,該線上課程即能不限次數並永久收看,不用擔心過期喔!

課程上線後,您隨時隨地都可以透過電腦、平板或手機觀看課程影片,沒有時間和地點的問題!

線上課程和實體課程的差別為何?
  1. 實體與線上課程所教授的內容都很精實,最大的差異在課程內容深度會因實體上課同學的發問,而講師針對內容有所延伸。
  2. 線上課程因是經過剪輯的預錄影片,故沒有與講師的互動與實際操作指導。
如何評估課程是否適合我?

部分課程會開放幾個章節的「試看影片」,讓您能在購買前試看後再決定是否購買,降低課程與期望不符的可能性。

付費前請自行確認該門課程是否有提供影片試看。

如果想要更改或取消購買的課程,可以怎麼做?

除了「試看影片」的章節外,若您於購買後曾觀看正式課程的內容,即不符合退費資格,無法申請退費。

若是沒有瀏覽過「正式課程」的內容,則可以依照下方的規範辦理退費:

  1. 購買課程當日起算 7 日內申請退費,全額退還該課程您所支付之課程費用。
  2. 購買課程當日起算第 8 日至第 14 日以內申請退費,返還該課程您所支付之課程費用 30%。
  3. 購買課程當日起算第 15 日後,該課程您所支付之課程費用不予退還。

確認符合退費資格後, 五倍學院依當初交易時,所使用之付款方式將課程費用退還。

完成退費申請後,將於二十個工作天內完成退款。

課程學習中遇到問題,該到哪裡尋求協助?

問題討論

每個課程影片章節下方皆有問題討論區,在這討論區裡,你可以與老師進行交流及互動,解決你在線上課程中遇到的問題;也能與其他學員交流心得,或許會有意外的收獲喔!

課程 Discord 群組

為了能快速又便利的幫同學們解決學習時面臨的問題,我們會為該課程建立專屬群組,並於學員完成課程購買時提供群組連結,請學員們記得要加入唷!

關於發票的問題

五倍學院為響應環保,僅提供電子發票,免費課程不開立發票。

因五倍院學係屬教育機構提供之教育勞務,依法可免徵營業稅,故開立『免稅』發票。

取得電子發票

發票形式:以電子郵件寄送

待購買完成後的七個工作天內,會依照您所填寫的電子信箱寄出。

公司 / 單位需要報帳

請您於結帳時填寫「統編資訊」,並務必填寫正確公司名稱及統一編號

交易成功後的七個工作天內,電子發票將寄送至您所填寫的電子信箱,您可以將它列印並作為會計憑證。

如果對課程有問題,該如何詢問呢?

若您對課程內容有任何問題,您可以透過以下管道諮詢:

  1. 在有問題的章節下方留言
  2. Email 來信 course@5xcampus.com 或傳訊息給我們的 Facebook 粉絲專頁,我們會盡快回覆