占い結果算出サイト作成にあたっての学習方法

Question

前提・実現したいこと

プログラミング初学者ですが、下記の九星気学の方位算出サイトのようなものを作りたいと考えています。
http://ninestarlab.com/

生年月日を入力して占い結果を表示したり、
その結果次第でカレンダーで日付を選択すると、吉方位などが分かるものです。

初学者からの場合、このような複雑な算出サイトを作るためには、どのような勉強をすればよいでしょうか？

サイトにJavaScriptを使用と書いてあったので、現在そちらを勉強中です。
ProgateでHTML、CSS、JavaScriptを一通りやって、
現在は「確かな力が身につくJavaScript「超」入門（https://amzn.to/2YXCrwn）」という書籍を読みながら、「JS-Pro.（ https://js-pro.jp/）」というJavaScript特化型オンライン学習サイトで勉強しているところです。
その他に必要なものがあれば教えて頂きたいです。
よろしくお願いします。

Answer 1

どこまでやるかによるかと思います。

サイトのコードを細かくみていないので、なんとも言えませんが、
formで送信しているところを見ると、おそらく、

1. formの送信内容を、サーバーに送信、
2. サーバー側で送信内容を使い、DB内を検索し、該当する占い結果を探す
3. 探した結果を、Webページ側に渡す
4. 受け取った内容を使い、HTMLを組み換える

という処理が行われていると思われます。
1と4が、JavaScript、2、3がサーバーサイドとなります。
なので、疑似的ではなく、その参考サイトのようなものを、仕組みまで作るとなれば、
サーバーサイドの技術ないし、firebaseなどのクラウドサーバーサービスを利用することが必要不可欠になります。

勉強内容としては、
まずは、JavaScriptにて、APIを使ったAjax通信などもできるようになるまで学習し、
上記の、サーバーサイドないし、firebaseなどの勉強をされると、目的を達成できるかと思います。

Comments

[emerike]

JavaScriptだけでなくサーバーサイドの勉強も必要なのですね。
Firebaseも是非マスターしたいです。
少し道のりは長そうですが、色々調べてみたいと思います。
非常に有益な情報ありがとうございました。