HTML CSS jQueryなどの現場で使える勉強ロードマップの作成

HTML CSS jQuery Wordpressなどを使って在宅で稼げるフリーのwebエンジニアになりたいと思っています。 そこでprogateやドットインストール、udemyなどをやっているのですが実際に現場で使えるのか稼げるようになるのかよくわからなくなってきました。 そこでプログラミングスクールも考えたのですがそこまでの費用と時間がなく諦めました。 そこで独学で実践的に現場で使えるテクニックやこれを知ってればすごいなどの技術を身に付けたいと考えています。 そのためにどの勉強をどの手順でやればいいかなどが全くわかりません。そこでフロントエンドエンジニア、バックエンドエンジニア、コーダーの方からどの教材を進めたら稼げるようになるかなど色々教えてもらいたいと考えています。(勉強手順のロードマップ作成みたいな感じです。) ちなみにDMができないため直接購入させていただきます。 僕自身も本気で取り組むつもりなので親身に対応してくださる方よろしくお願いします。