Contents
透過用最新的 Web 技術建立一個複雜的應用程式，擴大你的專案作品集。
從這 29.5 小時的課程，你會學到
- 用 React 和 Typescript 建立一個準備好的作品專案
- 用 Typescript 將 React 和 Redux 整合在一起
- 用美妙的 Immer 程式庫簡化狀態更新
- 看看設計和組裝一個高階專案的逐步過程
- 使用基於套件的架構來管理一個專案
- 用流行的 Lerna CLI 自動部署你的專案
- 建構一個瀏覽器內的 transpiler + bundler
- 組裝難以置信的可重用的 React 元件
- 使用 Redux 中介軟體來處理複雜的業務邏輯流程
- 使用 Web Assembly 來提高你的應用程式的效能
要求
- 具有 React 和 Redux 的基本知識( 可參考講師的課程 最新的 React 與 Redux 課程 )
- 不需要對 Typescript 有任何瞭解–會提供介紹
課程說明
你已經學會了React，但現在怎麼辦？是時候為你的作品集建立一個很棒的專案了!
向僱主證明你的 React 知識。
網上有成百上千的資源可以教你 React 的基礎知識，但很少有超越基礎知識的。你需要更多–教你如何建立一個大型的、有趣的應用程式的東西。一些獨特的東西，比另一個待辦事項清單更多的東西。
本課程就是你的答案。
透過介紹如何一起使用 React 和 Typescript，來開啟你的學習經歷。對 Typescript 不熟悉？沒問題! 包括一個閃電般的–但全面的–教程!
一旦你對 React 和 Typescript 有了準備，你就會進入我們的大專案。你將建立一個基於瀏覽器的互動編碼環境。它就像一個 Jupyter 筆記本，但用於 Javascript，並添加了許多額外的功能。是的，這就是你在本課程中要構建的東西 你將直接在瀏覽器中解決圍繞捆綁和轉寫程式碼的不可思議的挑戰。這通常是透過在你的終端執行 Webpack 和 Babel 來完成的任務! 你將在瀏覽器中安全地執行使用者的程式碼，就像 CodeSandBox 和 CodePen 這樣的著名服務一樣。最後，你將使用多套件架構將這個專案部署到 NPM，你的朋友和僱主可以輕鬆地下載和執行你的專案。
在這整個專案中，我將向你展示各種不同的解決方案，以解決數量驚人的問題。我將一步步向你展示如何解決每個問題。你還會看到許多圍繞效能和安全的問題得到解決。
在課程結束時，你將擁有一個外觀和功能都非常出色的作品集。你將理解每一行程式碼，並能夠向潛在的僱主解釋每一點。
以下是本課程將涉及的部分主題清單。
- 掌握React、Redux和 Typescript 的共同使用方法
- 使用基於套件的架構建立一個複雜而有趣的應用程式
- 理解瀏覽器內程式碼轉寫和處理的挑戰
- 保護你的應用程式，防止潛在的安全漏洞
- 直接在瀏覽器中安全地執行使用者提供的程式碼
- 在瀏覽器中直接執行程式碼編輯器–與 VSCode 使用的編輯器相同
- 利用 Web Assembly，以閃電般的速度在瀏覽器中直接執行程式碼捆綁器
- 利用 Redux 的內部結構來手動測試你的業務邏輯
- 發現幾十種技巧來構建一個流暢的UI
- 將你的應用程式部署到NPM登錄檔，讓其他人可以輕鬆使用它
我建立這個課程是為了幫助你應用你的 Reac t技能。今天就註冊，建立一個令人難以置信的應用程式，以證明你的知識。
目標受眾
- 希望擴大其專案作品集的工程師
講師簡介
Stephen Grider 工程架構師 ( 更多講師主講課程介紹 )
Stephen Grider 一直在為舊金山灣區的頂級公司建構複雜的 Javascript 前端。 Stephen 擁有簡化複雜主題的先天能力，多年來他一直在指導工程師從事軟體開發工作，現在已經將這種經驗擴展到了 Udemy，創造了16堂課程，包含最高評價的 React 課程如Modern React with Redux、Advanced React and Redux。 他在Udemy 分享他所獲得的知識。 現在就透過 Stephen 的課程來投資自己吧！
英文字幕：有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
報名參加課程
🛫使用關鍵字連結獲得更多線上學習資訊?請參考這個網頁說明
也許你會有興趣
- 最新的 React 與 Redux 課程
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣！