初心者におすすめのJavaScript(Node.js)の開発環境構築方法について教えてください

前提

プログラミング初心者です。
progateでHTML・CSSを学び、JavaScriptは初心者向けの本を1冊買って実践しました。
CodePenを使ってシンプルToDoアプリを作ったり、enebularを使ってオウム返しするline-botを作成できました。
今は、progateでNode.jsを学習中です。

実現したいこと

GoogleSpreadsheetとの連携などいろいろやってみたいことが増えました。
CodePenをメインで使用していますが、それだけでは実現できないことが多そうだと感じています。

そのため、JavaScript(Node.js)の開発環境を構築したいのですが、
どのように進めていくべきなのか迷っています。
初心者におすすめのJavaScript(Node.js)の開発環境構築方法について教えてください

調べた・聞いたこと

自身で調べたり、聞ける人に聞いた方法がこちらです。

①PCの任意のフォルダを作成し、HTML・CSS・JavaScriptファイルを適切に配置する

コードの記述はVSCodeで実施する
各ファイル自体は作成できそうですが、フォルダへのファイル配置以降の作業が不明なため断念。
ローカル環境に置いて、サーバ？を構築する等を考えるとCodePenから変更するメリットはなさそうだと感じています。

②Replit でNode.js環境を作成する

Replitを使えば　HTML・CSS・JavaScriptのReplとNode.jsのReplを作成ところまでできました。
ただ、それぞれのRepl間でデータ連携？ができるのか不明です。
CodePenと異なり、フォルダとファイル作成ができるため、できることは増えそうという印象。

③環境構築からWebアプリ開発・デプロイまで学習できるオンライン学習講座を探す

時間がかかりますがこちらが一番安全な気がします。どんな講座があるのか調査しています。
ただ、オンライン講座も無料から有料まで幅があり、どの講座を選べばやりたいことができるのかわからず
いろんな講座を眺めている状態です。

hentaiman

2022/12/16 04:25

全てにおいて初心者なら初心者向けのサイト色々検索して試すしかないし、他の言語で多少環境を構築した経験があるのならそれに併せた説明の仕方がある。経験無さそうだから色々検索した方が良いでしょう。講座を探す必要はないです。

m.ts10806

2022/12/16 04:38

ネットかき集めより「Node.js入門」のような入門書籍１、２冊しっかり通した方が良いと思います。初心者であれば尚更、情報の正当性の判断は難しそうでしょうし。あと「何を目指しているか」にもよります。いきなり作りたいものを目指しても遠ざかるだけになるということだけ認識しておいてもらえたら。

yambejp

2022/12/16 04:50

環境構築まででよいなら「node.js インストール win qiita」あたりでググると吉

miyabi_pudding

2022/12/16 11:03

> ①PCの任意のフォルダを作成し、HTML・CSS・JavaScriptファイルを適切に配置するこの時点で、Node.jsと、ブラウザ上動作のJavaScriptの違いを勘違いされているように思います。（できることも、やる分野もかなり違う）コメントでみなさんが云われていることの実践・確認から始めるとよいかと。

Cocode

2022/12/16 17:19 編集

> ネットかき集めより「Node.js入門」のような入門書籍１、２冊しっかり通した方が良いと思います。 m.ts10806様のご意見に非常に同意します。ネット上の教材もピンキリですので、判断できないうちは正式に出版されている書籍が一番確実だと思います。

m.ts10806

2022/12/16 22:12 編集

オンライン学習って受けたことないですけど、どうなんですかね。 teratailにオンライン学習サイトを利用したものと思われる質問も結構あって、その学習サイトや講座で解決（および完結）できないなら、youtubeとかの無料配信を観て書き写したりするのとと大して変わらないのかな？と思ってるのですが。（コメントで質問とかしてるでしょうし）それなら体系的に基礎から解説している書籍の方が着実に進めそうに思います。