Webプログラミング初心者が知っておくべきモダンな知識

何から学習を進めていいかわからない初心者へ。
モダンなWebプログラミングに必要な知識をざっくり全体的にまとめて見ました。
内容はあくまでも、私の独断なので、皆様からのご指導、ご指摘お待ちしております！

インプットとアウトプットのバランス

学習におけるインプットは言うまでもないですが、ハンズオンによるアウトプット学習を優先しましょう。イメージとしては、アウトプットするために、必要な知識をインプットする感じです。最速で効率よくアウトプットするため、漠然とインプットしないことも大事です。
ボトムアップよりも、トップダウン的な考え方です。

Webプログラミングに必要な知識、ソフト、ツール等

OS

Mac OS, Linux (Windowsでももちろんokですが、web系はMacユーザーが多いイメージです）

フロントエンド言語(マークアップ言語含む)

HTML5,CSS3(可能ならSass),Javascript(ES6)

バックエンド言語

PHPまたはRuby

フロントエンドフレームワーク＆ライブラリ

Bootstrap4, JQuery, React.js(Vue.jsまたはAngular.js)

バックエンドフレームワーク＆ライブラリ

Laravel(PHP)またはRails(Ruby)

データベース

MySQL,SQlite

Amazon web service

AWS EC2, AWS Lightsail, AWS S3, AWS Route53

コミュニケーションツール

Slack,Zoom

Webデザインツール

Adobe XD

バージョン管理ツール

Git

パッケージ管理ツール

Composer(PHP)またはGem(Ruby)

IDE

AWS Cloud9

ローカル開発環境

MAMP

テキストエディタ

Atom,Sublime, VScode

CMS(コンテンツ管理システム）

Wordpress,Webflow

FTP

Cyberduck

webサービス

Qiita, Teratail,　Stack Overflow, Github

開発方法

アジャイル方式

etc

基本コマンド操作,基本Web知識,API知識,マークダウン記法,レスポンシブデザイン,Docker,CircleCI

まとめ

最初は、覚えることだらけですが、一つづつ理解していけば学習は楽になっていきます。必要な知識や技術を、箇条書きにすることによって、学習内容の可視化、整理、順序立てが出来ます。必要知識、全て書くことは出来ませんでしたが、みなさんからのご意見、ご感想、ご指摘をお待ちしてます！！