HTML+JSによるスマホ・デスクトップアプリの作成をできるようになりたいのですが、情報が多くていまいち必要な内容を絞り込めません。
よろしければ確認ならびに質問よろしいでしょうか？

基本：
通常のウェブページ作成技術の延長線上にあるが、HTML5で追加されたcanvas機能とJSとを活用してアプリケーションのように振る舞わさせる？
フレームワークなどは目的に応じたものがある場合のみに使用？

デスクトップアプリ：
ElectronでWEBアプリをデスクトップアプリとして振る舞えるようにする？
WEBアプリを作成できる技術があれば、Electronの知識やデスクトップアプリにすることにより生じる脆弱性などを学ぶだけで問題ない？

スマホアプリ：
Electronに相当するような何かを使ってWEBアプリをスマホアプリとして振る舞えるようにする？
何が定番なのかは分からないけれども、基本的な学習の流れとしてはデスクトップアプリと同じ？

自力で検索できるだけの基礎知識を書籍で身につけようと思ったのですが、どれが適しているのか判断できてない状態です。
HTML5でアプリを作る〜みたいな本はHTMLの基礎から説明されているものが多いように思えるのですが、何かいい本やサイトをご存じでしたら教えていただければ。