◇前100名購課學員還有機會獲得《ReactJS 零基礎開發入門》書籍,得獎名單於10/16(二)公佈在YOTTA粉絲團 (共抽5名)。


完整詳細課綱:http://bit.ly/2x0ge3H(課程共35章節、360分鐘)

▶︎ 對於React有興趣,但沒學習過的人:

本課程將完整、有系統地帶你入門React,有效率地從超新手到真正理解 React 的開發概念,瞭解開發工具與環境建立 / 設定方式。近年來,React 的就業市場需求趨高,加入這個新的技術應用市場,不論對未來求職,或是想要開發自己腦中浮出的應用點子,都非常有幫助喔!

 

▶︎ 學習過React,但中途放棄或學得很痛苦的人:

本課程將幫你打造 React 基礎知識與核心技術觀念,快速掌握 React 的語法與重要特性。講師將統整過往的教學與實戰經驗,讓學習者能快速、正確、順利地學習,在過程少走冤枉路,真正能學好 React,開發小型的 React 網站應用。

 

▶︎ 實作過React,但無法靈活運用或遇到瓶頸的人:

React 是一種創新的開發思維,課程中將教你放下傳統開發的舊思維,以淺顯易懂的方式傳授你新的開發邏輯,並正確地理解 React 的特性,真正發揮 React 這項技術的靈活性。


Q1. 我如何操作,才可以學習這堂課程? 募資預購又是什麼意思呢? 

■ 現在只要按下右方的「立即購買」,並按後續步驟操作,就可以成為本堂線上課程的其中一位學員!

❶ 若在 2018/10/14 (日) 前達到 30 人的目標人數,即會確定開課 ; 正式課程預計在 2018/12/27 (四) 上線 ; 上線後,您就可以無限次數、地點、時間,在 YOTTA 平台上觀看本堂課程!

❷ 若募資未成功,YOTTA 平台將會於募資結束後,退還全額課程費用。

Q2. 募資預購時間到什麼時候? 

這堂課在 2018/9/13(四) ~ 2018/10/14(日) 開放課程預購,預購期間購課優惠 $1,680 元。 (2018/10/15 起將恢復原價 $2,200 元)

Q3. 這門課什麼時候開始上課? 

正式課程預計將於 2018/12/27 (四)上架喔!

Q4. 這門課可以看多久? 

購課後享不限次數、永久觀看,可以一直看一直學!

Q5. 可以問老師問題嗎? 

當然!歡迎到「購課問答」詢問 ; 當學習遇到問題時,也歡迎到「課程討論區」與老師同學一同互動。

Q6. 我要如何購買課程呢? 

非常的簡單!在你的右手邊有「立即購買」的字樣,點進去就對啦!

Q7. 目前有哪些付款方式呢? 

目前 YOTTA 提供三種付款方式: 

a/ 信用卡付款 (可使用 Visa / Master / JCB) 

b/ 超商代碼付款 (7-11、全家、萊爾富、OK 即可繳費),繳費步驟說明:http://bit.ly/2urNAqL

c/ ATM 轉帳

Q8. 為什麼我已經付款了,訂單狀態仍顯示未付款? 

a/ 選擇「超商」方式付款,金流處理時間需 5~15 分鐘。 

b/ 選擇「ATM」方式付款,銀行金流處理時間需要 1 個工作天,等金流完成入帳後,「訂單狀態」將會轉為顯示「已付款」,再麻煩稍待幾天。

Q9. 請問什麼時候會收到發票? 

當本堂課程募資結束後 10 個工作天,電子發票將會透過 E-mail 方式寄送電子發票給您。

Q10. 我還有其他問題! 

請直接參考 YOTTA 平台操作說明:http://bit.ly/2nB1bs6

單元

35

預計總長

360分鐘

預計測驗

尚無測驗

  • 一、React 技術入門介紹
  • 1 什麼是 React 試看  
  • 2 React v16新核心 - React Fiber 試看  
  • 3 React的五大重要特性 試看  
  • 二、準備工作:開發環境&工具
  • 4 Node.js / NPM/ Yarn - 套件管理與開發伺服器環境 試看  
  • 5 Visual Studio Code - 程式碼撰寫工具 試看  
  • 6 Create React App - Facebook出品的快速開發專案樣版 試看  
  • 7 Flow工具 - 開發期間類型輔助工具 試看  
  • 8 ESLint工具/開發風格 - 程式碼檢查工具與寫作風格 試看  
  • 9 Chrome瀏覽器&擴充套件 - 程式除錯工具 試看  
  • 三、基礎知識:ES6(ES2015) 七大新特性
  • 10 let 與 const 試看  
  • 11 箭頭函式 試看  
  • 12 函式傳入預設值 試看  
  • 13 解構賦值 試看  
  • 14 展開與其餘運算符 試看  
  • 15 類別 試看  
  • 16 模組系統 試看  
  • 四、從JavaScript(或jQuery)到React入門實例
  • 17 Hello World 試看  
  • 18 元件的拆分與設計 (實作:計數器|能夠更新點擊數據) 試看  
  • 19 元件與異步程序 (實作:數字時鐘|在網頁上顯示時間) 試看  
  • 20 元件的搜尋思維 (實作:表格的搜尋功能) 試看  
  • 21 可控與不可控元件 (實作:表單填寫與驗証) 試看  
  • 22 綜合應用:待辦事項(Todo)之一 試看  
  • 23 綜合事項:待辦事項進階 編輯與刪除 試看  
  • 五、React 應用實例與操作介面(UI)庫應用
  • 24 與伺服器溝通方式 - AJAX 試看  
  • 25 與伺服器溝通方式 - Fetch API 試看  
  • 26 操作介面庫應用 - React-Bootstrap - 學生資料管理資料庫(之一) 試看  
  • 27 操作介面庫應用 - React-Bootstrap - 學生資料管理資料庫(之二) 試看  
  • 28 操作介面庫應用 - Material-UI - 音樂資料庫(之一) 試看  
  • 29 操作介面庫應用 - Material-UI - 音樂資料庫(之二) 試看  
  • 六、Reat router (路由) v4
  • 30 網站基本應用 試看  
  • 31 路由與路徑參數 試看  
  • 32 會員登入與保護頁面 試看  
  • 33 實作 - 個人部落格 試看  
  • 34 實作 - 遊戲卡片資料庫 試看  
  • 35 實作 - 動物醫院管理資料庫 試看  

開始分享你的學習成果吧!

這裡是專屬於課堂學員及老師可以互動的作業區,學員們可以透過實際操作來複習課程中所學習到的內容,作業完成後只要簡單上傳到平台裡,就能得到更多老師的指點唷!同時,在這裡也可以觀摩其他學員的成果,一起來互相切磋吧!

<%if list.length == 0 %>

尚無作業

老師還沒有出作業唷!

<%else%> <%props list%>

作業<%>~numToZH(~toInt(key) + 1)%>

<%if prop.type == 'image' %> 圖片檔 <%else prop.type == 'pdf' %> picture_as_pdfPDF <%else prop.type == 'youtube' %> Youtube 影片連結 <%else prop.type == 'ppt' %> PowerPoint <%else prop.type == 'sound' %> 錄音檔 <%/if %>

<%:prop.title%>

<%/props%> <%/if%>

作業觀摩

目前還沒有任何學員上傳作業喔!來當第一個吧~

<%props data%>

<%if prop.type == 'image' %> <%else prop.type == 'pdf' %> picture_as_pdf <%else prop.type == 'youtube' %> <%else prop.type == 'ppt' %> <%else prop.type == 'sound' %> <%/if %> 作業<%>~numToZH(~toInt(key) + 1)%> <%:prop.title%>

<%:~loadTmpl('homework-card', prop.rows)%>
<%/props%>
<%props data%>
<%if prop.type == 'image'%>
<%else prop.type == 'pdf' %>
picture_as_pdf
<%else prop.type == 'youtube' %>
<%else prop.type == 'ppt' %>
<%else prop.type == 'sound' %>
<%/if%>
<%if prop.visible == 1 %> <%/if %>

<%:~formatDate(prop.create, 'YYYY-MM-DD')%>

<%:prop.title%>

<%:prop.user%>

<%if prop.isAuthor == true %> 刪除 編輯 <%/if %>

<%:prop.comment_count%>

<%/props%>

錄音 <%:~numToZH(sort + 1)%>

錄音 <%:~numToZH(sort + 1)%>

來關注最新的課程資訊吧!

這裡是專屬課程的公告區,老師將在此發佈與課程相關的重要資訊,您可以在此看到所有與課程有關的最新公告。

尚無公告

老師還沒有發佈公告唷!

<%props data%>

<%:~formatDate(prop.publishDate, 'YYYY/MM/DD')%>

<%:prop.title%>

<%:prop.content%>
<%/props%>

回頂端