使用 React 和 Typescript 建立專案作品集

Contents

不熟悉 Typescript？沒問題！本課程將教你如何使用 React 和 Typescript 一起建立一個很棒的作品專案，提升你的專案作品集。你將學習如何建立一個瀏覽器內的互動編碼環境，以及如何使用基於套件的架構來管理專案，以及更多。在課程結束時，你將擁有一個外觀和功能都非常出色的作品集，讓你可以向潛在的僱主解釋每一行程式碼，證明你的 React 知識！

從這 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 的課程來投資自己吧！