Angular 6 (Angular 2+) & React 16 - 完整的網頁應用程式開發指南

Contents

掌握 Angular(Angular 5、Angular 6，包含 Angular 7)、React+Redux(React 16)、Node 、Stripe、AWS、Express 等。

從這 62.5 小時的課程，你會學到

使用 React、Angular 和 Node 開發功能強大、最新的、真實的 Web 應用程式
完全理解 Angular、React 和 Node 的處理程式和架構
利用獲得的知識創建市場上最需要的框架的 Web 應用程式
在令人興奮的 Angular、React 和 Node Web 開發環境中建立自己的技術
熟練掌握 Redux、MongoDb、Amazon S3、JWT tokens、Postman、ES6 等概念和工具

要求

沒有 Angular、React 和 Node 先前知識沒關係
JS、HTML 和 CSS 中的基礎知識
Windows 或 Mac 電腦

課程說明

依學生的意見更新了課程。本課程定期整理更多按需功能。最近添加 Stripe 的付款功能、使用 AWS 從亞馬遜上傳 Image 以及使用 Angular 和 React 屬性的互動式更新到課程中。

如果你計劃以開發人員的身份開始職業生涯，或者想提高你的程式技能，那麼本課程適合你。在一門課程獲得所有開始 Web 開發需要的一切！以及更多進階主題的 Web 開發相關技術，直到我們的應用程式佈署到 Heroku 並可在線上訪問。

你只需要這資源即可使用 Angular、React 和 Node 開始 Web 開發，在本課程中你將獲得開始自己的專案所需的信心和技能，你將獲得正確的思維方式來申請並開啟開發人員的職業生涯，並精進你在 Angular、React 和 Node 等現代框架的技術能力。

我們將使用 Angular 和 React 簡單地起步，使用這些框架建立應用程式的佈局。我將向你解釋如何製作基本元件、服務和可重用程式碼。我還將討論 SPA（Single Page Application，單頁面應用程式）中的路由。

此外，我們將實作租賃物業的詳細頁面，整合第三方 Google Map API，在地圖上顯示出租物業的位置。

在本課程的後面部分，我們將在客戶端/伺服器端查看 JWT（json web tokens）的身份驗證。

接下來，我們將研究核心應用程式功能：預訂( booking )特定夜晚的出租物業。我們將有趣的功能整合到我們的應用程式中，日曆用於選擇住宿日期、互動視窗( Modal Window )以確認預訂和吐司型通知訊息框( toast messages )以增強應用程式的互動性，我們將更多地介紹 Angular、React 和 Node 的進階概念。

在預訂( booking )部分之後，我們將進入搜索並創建租賃功能。我們將按城市搜索租金。我們將學習如何將新功能整合到開發的程式碼中。

我們的最後一部分將是一個管理部分，我們將在其中處理顯示用戶的預訂和租賃的功能，讓用戶可列出和刪除它們。

在管理部分之後，我們將準備好我們的應用程式，以便佈署到 Heroku。我們將進行 Angular、React 和 Node 應用程式的額外生產設置。完成所有必要的更改後，我們將把應用程式佈署到Heroku，我們將在網路上在線提供這些應用程式。

開發過程不在佈署這部分就結束。本課程為你提供不斷更新的新功能。接下來，我們將為更新租賃屬性開發非常有趣的功能。在租借更新功能中，你將學習如何在應用程式中創建功能強大的可重用組合元件以及如何創建外觀漂亮的更新組合元件。

在更新部分之後，我們將處理 image 上傳的有趣功能。我們將學習如何將 image 上傳到 Amazon S3。在將我們的 image 上傳到 Amazon S3 之前，我們還會處理裁剪和處理 image。

在本課程中，我們將從前端應用程式切換到後端 Node.js 應用程式。此 Node 應用程式將負責在 MongoDB 中處理和儲存我們的業務資料。

聽聽我的學生的評論:

” 他真的知道我們想要什麼功能，他在問答部分的表現也是如此之快。我很震驚。他的教學風格就像一個真實專案。我強烈建議想要學習所有組合的新用戶，例如 react 、node 和angular。另外，他還試圖從跳出框架給你回應，例如，如果你陷入 javascript、react native 等等。購買他的課程後你不會後悔。我 100％保證。“
“我參加了這門課程，因為預覽中提供的 MERN 堆棧專案看起來更深入，並且與我之前見過的其他課程和專案相比，具有更多功能。到目前為止，這門課程並沒有讓人失望。他在課程專案中使用 Google Maps API、HOC、Authentication 等是我見過的最酷的功能和最好的程式碼。我對本課程的建設性反饋是，教師在開始時解釋 React、Redux、HOC 基礎知識的方式節奏太快，並沒有提供足夠的細節。這對我來說不是問題，因為我已很熟悉React 了，只是想提高我的 React 技能而不是重新學習基礎知識。講師充滿熱情，對問題做出快速回應，並不斷為專案添加新功能，例如 image 上傳，我非常興奮。我一定會留意這位講師的未來內容。 TLDR：這門課程非常適合提高你的 React 技能並創建一個很棒的 MERN 專案。但是，如果你正在嘗試學習 React 的基礎知識，我會建議其他課程。“
“ 超級棒！對那些在 angular & react.有基本了解的人很有幫助。感謝作者做出如此出色的課程 🙂 ”
“ 非常好而且有趣的課程，我身為一個初學者，沒有任何問題開始也沒有問題可以寫程式！我就這麼跳入，這迷人且誘人的精美解說。我仍樂在其中，我等不及再上另一課！對我來說這門課做得很好！繼續努力 🙂 ”