React 練習課程 – 透過開發專案來學習

包含三個完整的實踐專案:一個登陸頁面( landing page ),一個 Firebase 專案和一個拓展到全端開發的 Mongo DB Node 的專案

從這 43.5 小時的課程,你會學到

  • 獲得更多的知識來建立更好或更複雜的網站

要求

  • 一點 ES5 和 ES6

課程說明

你想要練習用 React 程式設計還是透過建立網頁來學習 React?這是給你的課程。透過練習來學習常常是最好的方法,而大部分的課程教你基本的知識,裡面只做一個待辦事項應用程式,我想創造一些不同的教學。 在本課程我們將建立三個真實的專案,如此可在學習過程中於更真實的環境實行 React 程式設計。

如果你對 React 知道不多,不用擔心。 我們將從一個靜態的著陸頁面開始,然後我們將做一個更具競爭力的專案包含認證和資料庫,最後但並非最不重要的是,我們將建立一個有使用者購物車、PayPal 的電子商務型專案,還會建立自己的伺服器來處理所有的請求。

如果你對 React 一無所知,不要擔心,我添加了一個紅利的小小 React 講座,這樣你就可以瞭解基礎知識以及 React 如何運作。 所以你可以從那裡開始,然後去實踐專案。

總結一下這門課程包含的內容 :

  • 專案一 ”The venue” ( 場地 )
    • 如何用 React CLI 建立一個專案
    • 組合元件的建立
    • 使用第三方程式庫
    • 在 reveal 和 carrousel 上建立轉換。
    • 使用材料 UI 介面的一部分來讓我們的應用變得更好。
    • 佈署一個靜態網頁到 SURGE。
  • 專案二 “M City”” ( M 城市 )
    • 在專案中建立導航的路線
    • 更複雜的動畫和轉場
    • 使用來自伺服器的資料來繪製組合元件
    • 我們將使用身份驗證並建立一個管理端點
    • Firebase上載和儲存
    • 在伺服器上新增一個資料庫配合程式運作
    • 佈署專案到 Firebase
  • 專案三 “Waves”( 波浪 )
    • 電子商務型的應用
    • 建立動態路線
    • 使用 REDUX 作為儲存
    • 身份驗證、使用者控制面板和管理儀表板
    • 使用 Node JS 和 express 建立一個伺服器
    • 採用 Mongo DB 添加資料庫到我們的專案
    • 建立不同的路徑來處理請求
    • 新增購物車到使用者帳戶
    • 使用 Paypal 完成結帳
    • 佈署到 Heroku

如同 React 紅利講座,你將額外得到專案中的 React 組合元件。

目標受眾

從初學者到中級

講師簡介

Coding Revolution 專業導師及網頁開發人員

很久以前,網路熱潮出現時,我就開始程式設計為我的個人專案建立網站。 不久之後,人們開始聯絡我要我幫他們開發網站,事情開始很有趣地進展。

我曾用過 PHPWordPressLaravelNodeJSPhyton 和許多其他語言一起工作,但是今天我喜歡使用基於 JavaScript 的技術,如 ReactAngular VueJS。 是的,我是 JavaScript Lover 🙂

為非常小的公司和大型公司( 比如花旗、福克斯、迪士尼、羅氏等等 )建立大量的應用程式,。

但是除了開發,我喜歡通過教授我喜歡的東西來與人們互動。

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

課程網址 ♥找優惠折扣碼?

Sponsored by Udemy

也許你會有興趣

 歡迎使用 e-mail 訂閱 Soft & Share 

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: