Angular & NodeJS - MEAN 架構開發指南

Contents

學習如何通過開發一個真正的應用程式來將你的 Angular 前端連接到 NodeJS 後端

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

建構真正的 Angular + NodeJS 應用程式
了解 Angular 是如何工作的以及它如何與後端互動
將任何 Angular 前端連接到 NodeJS 後端
在 Mongoose 中使用 MongoDB 與後端資料進行互動
使用 ExpressJS 作為 NodeJS 框架
通過在前端使用樂觀更新( Optimistic Updating )來提供良好的用戶體驗
通過添加錯誤處理( Error Handling )來改進任何Angular（+ NodeJS）應用程式

要求

NodeJS、Express 和 MongoDB（使用 Mongoose）背後的概念將在本課程中新說明，但由於本課程重點關注這些技術與 Angular 2 的連接，因此需要有關這些技術的基本知識
建議具有初學者級別的 Angular 2 / Angular 4 知識，儘管本課程將提供詳細的複習，並將詳細解釋所使用的核心概念
本課程假定你已有 HTML、CSS 和基本的 JavaScript 知識

課程說明

使用Angular（以前稱為Angular 2，現在只是“Angular”）和 NodeJS + Express + MongoDB 建立最新的，可擴展和高速的 Web 應用程式。

Angular 1 和 NodeJS 與 ExpressJS（NodeJS Framework）和 MongoDB 一起構成了非常流行的 MEAN 堆棧。現在是時候進入 MEAN 2.0 並用 Angular 4 取代Angular 1。

受益於許多改進和優勢 Angular 為提供你：快速、易於開發，、度反應、對非同步操作的出色支持與卓越的可擴展性等等！且將這些優勢與 NodeJS 後端的強大功能結合起來！

學習或刷新 Angular 基礎知識！

本課程不是 Angular 課程，但它包含對所用核心概念的詳細說明以及有關Angular 的一般說明。但是，請記住，由於本課程不是 Angular 課程，因此建議你有其它參考資訊。

在這門課程中，Maximilian 是一位經驗豐富的網頁開發人員，也是兩堂 5 星級Udemy 課程的作者，在 YouTube 上主持一個程式設計頻道，他將帶你踏上旅程，幫助你立刻建構自己的 Angular + NodeJS 應用程式。

本課程採用動手方式，這意味著整個課程圍繞一個大型應用程式建構，不同的概念將在本應用程式介紹時詳細說明。

這個概念可以讓你不會陷入理論中，而是立即看到真正的實現例子！

聽聽其他課程的學生以及我的 YouTube 頻道的觀眾不得不說的

Max 竭盡全力創造出色的內容，而且這門課程非常棒。他的教學風格涵蓋了從基礎到進階的所有內容，他的解釋對每個主題都很透徹
Max表現出對主題有很充足的知識以及對講座的熱情。
Max做得非常棒，使得 Angular 2 的核心概念易於處理和接觸。

實踐：在整個課程中建構真正的應用程式

我相信你在做這件事的時候學到了最多的東西！因此，在本課程中，你將建構一個真正的應用程式，並在構建它的同時，逐步學習如何創建一個 Angular 前端並將其連接到一個安全靈活的 NodeJS 後端。

從基礎應用程式開始，課程專案將快速整合用戶管理、認證、授權、錯誤處理、前端和後端路由等等！

具體來說，你將學習如何：

設置一個 NodeJS + Express + MongoDB + Angular 應用程式
高效地使用 NodeJS 和 Express
在 Angular 中建構可重用組件，並使用 Angular 提供的工具創建反應式( reactive )用戶體驗
通過 Angular 的 Http 服務將你的NodeJS（或任何其他語言！）後端與你的Angular App 連接起來
在你的後端提供適當的端點( end points )，以供你的前端使用
通過實施用戶和身份驗證以及授權，使你的應用程式更加安全
優雅地處理錯誤
以及更多…！

不要在基礎停滯

你知道那些向你展示“Hello World”例子的課程，看完這些課後就稱完成了？在這個課程不會發生這樣的事。從一個非常基本的應用程式和基本功能開始，你將很快能夠將許多不同的路線( routs )、子路線( subrouting )、觀察事件( Observables )、事件( Events )、身份驗證( Authentication )和授權( Authoriation )、錯誤處理等等融入到你的應用程式中。

最好的事情是：你將立即將它付諸實踐來學習這一切！沒有幻燈片牆，沒有不切實際的小例子 – 這是真正的交易！

常問問題：

1）你是用 JavaScript 還是 TypeScript 編寫 Angular 程式碼？
TypeScript 是選擇的語言，因為它不僅使開發更快，較少出錯也更有趣，而且在網路上擁有最多的文件和資源（適用於 Angular）
2）我應該擁有多少 NodeJS 和 Angular 經驗？
你不需要先是這些方面的專家！所有重要的概念將在本課程中幫你刷新記憶，我將詳細介紹本課程中所採用的設計和程式設計選擇。但我不會從零開始，我也不會詳細討論 – 例如，在本課程中，不會有 NodeJS views 和 view engines，因為我們不需要它們（因為 Angular 是前端）