MEANスタックの勉強法について（初心者）

Question

JavaScriptの基礎レベルの勉強が一通り終わったので、実際にJavaScriptでWEBアプリを開発したいと思っています。
いろいろ調べたのですが、MEANスタックが面白そうだったので、MEAスタックを使いたいと思います。
MEANスタックで開発するためにUdemyでAngularJSの講座で勉強をしたり、ネット記事を見たりしているのですが、「一つ一つの文法は理解できるけど、それを繋げて開発すること」ができません。

MEANスタックについてのオススメの書籍やネット記事などを教えてください！

※スロットアプリ等はJavaScriptの勉強をしながら開発しました。
JavaScriptでは開発しながら学習した方が理解が進んだので、MEANスタックも開発しながら学習していきたいと考えています。
今度はもっと実践的な開発がしたいと思いMEANスタックの勉強をしたいと考えています。
作りたいものは特にありません。

Answer 1

「一つ一つの文法は理解できるけど、それを繋げて開発すること」ができません。

Webアプリの開発で最近多いのは、フロントエンド（クライントアプリ）で受けた操作を、バックエンド（サーバーアプリ）にあるREST API経由で伝えて処理するというパターンが多いです。

もし、その辺のイメージがピンと来ないのであれば、API呼び出しのアプリ開発の記事を読んでみると良いです。
（すいません、”これだ！”って記事が見つかりませんでした。強いて言えば↓）
フロントエンド、サーバサイド、インフラの具体例

その上で、今回の質問の回答からは外れてしまいますが、
ゴールが「JavaScriptでWEBアプリを開発」であるならMEANスタック縛りをしなくても良いと思います。

まずはサーバーアプリの処理部分（MEANで言うところのNode.js+Express）でREST API作ってみて、フロントエンド（MEANで言うところのAngularJS）は、一旦適当にHTML+ちょろっとJSで作ってみると良いです。

そこでWebアプリ開発の感触が掴めたら、MEANに縛られず、好きな技術を選択する力が付いていると思います。

Answer 2

yeomanというScaffolding Toolを自PCにインストールし、MEAN系ジェネレータをインストールすればMEAN開発環境が作れ、実践的なことができます。MEAN系ジェネレータリストでキーワードMEANで検索すると色々と出てきますのでスタイルにあったジェネレータを選ぶこと良いです。

書物はGetting MEAN with Mongo, Express, Angular, and Node等いくつかありますが、現時点では若干古い内容となっています。