最初のWebアプリケーションで、最初のステップを知るだけです

Question

このアプリケーションの名前は「my name」です。 私は大学でJava、C++、その他の言語を学んでいましたが、それをすべて結びつける方法を学んだことはありませんでした。インターネットは実際には非生産的です。なぜなら、（anguarjs、 JSP、スイング、Ajaxなど）、私は本当に失われています。

アプリは非常にシンプルなものをやりたい：

1. 画面が文字通り私の名前はそこに書かれています：ジョン・ドウを。
2. すべてのクリックがをランダム化し、Jはコミックなきになりますよう、各文字の書体を変更します、Oなど
3. 、hは太字のTimes New Romanになり、nは青でなり、イタリックされますマウスの動きは、リアルタイムで滑らかに背景色を変更します。

私は率直に言って、私のワークフローが私の最初のステップは何..

どのように見えるかを手に入れることができませんか？そしてそれの直後かもしれない？どんなツールが必要ですか？私はHTMLとJavaScriptを想定していますか？それは非常に簡単で、私がこれを行うことができないという事実は私を本当に苛立たせます。 HTML5のような新しく普及したメソッドを使用したいと考えています。

Answer 1

あなたが言うように、HTML + javascript。私は少なくともjQueryを使用することをお勧めします.HTML要素を簡単に取得したり変更したりすることができますが、HTML + CSS + js（これは若干難しい）に進むことができます。

jQueryを使用すると、clickのようなページイベントを聴くことができます。

$(document).on("click", function() { 
    // Change text attributes. For example if you 
    // have <p id="name">John Doe</p>, you can 
    // change attributes like that: 
    $("#name").css("font-family", "comicsans or something"); 
}) 

mousemove eventを参照してください。

あなたは多くの問題に遭遇し、それらの間違いから学んでいることを考慮して、あなたは忍耐強くお勧めします。