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 的課程來投資自己吧!
英文字幕:有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
報名參加課程

也許你會有興趣
- 最新的 React 與 Redux 課程
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
你必須登入才能發表留言。