<%props data%>
  • <%:prop.name%>

    <%if prop.total%><%:prop.total%><%/if%>
  • <%/props%>

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

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

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

     

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

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

     

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

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


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

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

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

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

    Q3. 這門課可以看多久? 

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

    Q4. 可以問老師問題嗎? 

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

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

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

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

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

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

    b/ 超商代碼付款 (7-11、全家、萊爾富、OK 即可繳費)

    c/ ATM 轉帳

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

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

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

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

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

    Q9. 我還有其他問題! 

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

    單元

    33

    課程總長

    479分鐘

    課堂測驗

    尚無測驗

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

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

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

    <%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'%>
    <%:~isGif(prop.cover)%>
    <%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%>

    回頂端