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