Contents
包含三個完整的實踐專案：一個登陸頁面( 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 專業導師及網頁開發人員
很久以前，網路熱潮出現時，我就開始程式設計為我的個人專案建立網站。 不久之後，人們開始聯絡我要我幫他們開發網站，事情開始很有趣地進展。
我曾用過 PHP、WordPress、Laravel、NodeJS、Phyton 和許多其他語言一起工作，但是今天我喜歡使用基於 JavaScript 的技術，如 React、Angular 或 VueJS。 是的，我是 JavaScript Lover 🙂
為非常小的公司和大型公司( 比如花旗、福克斯、迪士尼、羅氏等等 )建立大量的應用程式，。
但是除了開發，我喜歡通過教授我喜歡的東西來與人們互動。
英文字幕：有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
課程網址 ♥找優惠折扣碼?
也許你會有興趣
-
解構 JavaScript 物件超簡單( JavaScript ES6 Destructuring )
- React 相關線上課程
- ★想要加強英文能力嗎？– 練好英文是最大的學習槓桿
- Soft & Share 特價課程與學習資訊分享 加入這個社團追蹤我們的特價課程與學習訊息
- 追蹤這個 Twitter ，追蹤各種軟體開發和個人成長學習訊息