web開発の学習手順について

Question

web開発に興味があり、フロントからサーバーまで一通り学びたいと考えています。(趣味の範囲です)
いろいろなサイトを見てみたのですが、HTML, CSS, JavaScript, SQL, フレームワーク、通信の仕組みなどなど、様々な学習項目があり混乱しています。
初心者はまず何を学び、どのようにステップアップしていくべきなのかご教授ください。
また、参考になるサイト、文献がありましたら、海外のものでも構いませんので教えていただけると嬉しいです。
よろしくおねがいします。

Answer 1

初心者はまず何を学び

1. 自分で調べる方法を学ぶ

書籍や仕様書や検索から自分の問題に関連のある部分を探す技術。
0. 問題を切り分ける方法を学ぶ
何が問題かを見つける（見当をつける）技術。
0. 相手に伝える方法を学ぶ
日本人相手の場合は日本語で人に状況を伝える技術が必要。当該分野が例えばアラビア語が必須の分野ならアラビア語の運用が必要。
0. あとは実践

【質問するときのヒント｜teratail（テラテイル）】
https://teratail.com/help/question-tips

Answer 2

興味があるのがWeb開発だけでしたら、まずは HTML・CSSの学習から始めるのがよいかなと思います。

HTMLとCSSがあれば一応Webサイトは作れますので。（機能は制限されますが）

それだけで満足いかなくなったら、次はJavaScriptや、Jqueryを学んで
動的でスタイリッシュなWebサイトを目指してみるのがいいのではないでしょうか。

そしてまたまたそれだけで満足いかなくなったとき、JavaやSQL、Ajax通信などの知識を増やして、
データの管理などができる（会員登録など）Webサイトをつくってみてはいかがでしょうか。

Comments

[yui8818]

ご回答有り難うございます。
HTMLとCSSが基本ということですね。
サーバーを立ててリクエストをおくりレスポンスをもらうという部分はこの後に取り組んでも大丈夫なのでしょうか?

[azuapricot]

初心者でそこまでたどり着くには相当時間かかると思うので後でいいのではないでしょうか。

いくらサーバーをたてれたとしても、肝心のWebサイトが真っ白な状態では
誰も使いたいと思いませんよね？

Answer 3

開発者がどのようなスキルを身に付けると良いか示した、メジャーな図があります。

Developer Roadmap

フロントからサーバーまで一通りとなるとかなりのボリュームになることが理解できると思います。
何がやりたくて学習するのかに立ち戻り、ロードマップを確認してみてください。

上記はスキルマップなので、勉強方法や情報収集の方法は他の方を参考に＾＾

余談
この図に関しては、各所で解説もされているので参考に覗いてみても面白いと思います。

Answer 4

先ずは、このサイト（teratail）上部の「キーワードで検索」を使って「Web　学習」とでも入れて検索してみてください

過去の類似質問と回答から多くの情報を得られるでしょう

Comments

[yui8818]

ご回答有り難うございます。
一通り確認してみます！

Answer 5

おおざっぱな学習の流れとして、「フロントエンド」→「サーバーサイド」→「インフラ（サーバー構築）」の順で学んでいくことをおすすめします。

1. Progate で「HTML＆CSS」「JavaScript」のレッスンを受ける。
2. ドットインストールで 「はじめてのHTML」「はじめてのCSS」「はじめてのJavaScript」を見ながら実際に動かしてみる。
3. サーバーサイド言語（PHP or Ruby）を学び、Web アプリを作る。
4. 開発した Web アプリを自分のサーバーで公開する。

参考：
【保存版】プログラミング学習の完全ロードマップ【挫折しない教材】