未経験からフロントエンドエンジニアになりたい

職業訓練でHTML,CSSの学習をしました。
簡易なWEBサイトを作ることが出来ます。
-
Webデザイナーとして2年の経験あり。
そこでは主にPhotoshopやillustratorを使いバナーや商品ページを作成しており、HTML,CSSは少し触る程度でした。
-
WordPressのテーマを編集してポートレートサイトを作成した経験があります。
-
JavaScriptは十分に理解できていません。Webからコピペしてきて使えるレベルです。スムーズに編集できるようになりたいので現在はUdemyやYouTubeで学習中です。
-
10月までにポートフォリオを作成し、求人に応募または営業開始

基本的に在宅希望

額面30万円/月

WebGLを使ったデザインが好きなので、いずれ仕事にしたいと考えています。

幅広い知識の中から何を優先的に学び、どのようなポートフォリオを用意すればよいのか迷っています。
理想のフロントエンドエンジニアになるためのロードマップ作りを相談させてください。