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