很高興回答你這個問題
你的條件自學前端是沒有問題的。我們的情況有點像，我也是工作上時間靈活自學了編程和設計。
前端三駕馬車html
css
javascript
html是超文本編輯語言，css是用來表示樣式，javascript是一種解釋性腳本語言。前端先學就是這三個。入門就可以寫一個簡單的網頁了。
網絡資源現在互聯網非常發的，編程的課非常多。免費的推薦w3school.
網址
https://www.w3school.com.cn/
這個網站非常適合入門看。
入門后就去看視頻，手機端非常多的大廠app可以學習。騰訊課堂、網易公開課、中國大學幕客。這些里面就夠你看的了。
收費的我是在幕客網。你可以去看下不過上面的也有收費的這個看你喜歡那個老師或者平臺。
推薦你下一個極客時間里面形式比較不錯。
注意事項現在是大前端時代，你入門后會發現要學的東西越來越多。網絡信息特別雜會讓初學者變的混亂，前期先把三駕馬車學扎實了，不要求快。后面就是使用各種前端框架。根據自己的看看學習那個開發框架。發展方向你可以了解下小程序，這個對前端還是比較友好的入門不難，現在個大平臺都有自己的小程序。
Web前端開發學習網站有：CodePen、w3ctech、前端觀察、Web App Trend、w3cplus、HTML5研究小組、HTML5中文網、大前端、Browsershot、W3C在線檢驗、Web Platform、Css3Maker、慕課網、菜鳥教程、GitHub、網易云課堂和一些技術論壇或博客等。
學個前端去哪里？
首先計算機技術都需要一定的基礎，對于應屆生來說面試官可能真的會比較基礎，所以基礎很重要，不過還好，前端算作相對容易的。而且前端技術應用的也比較多的！
你可以看下這些基礎知識
css,html和js（ES5，ES2015，ES2016。http和socket等網絡協議的了解。數據結構和算法。設計模式，這里不建議為了設計而學習，多了解，項目多思考。項目抽象，建模，分層的能力。
側重點學習的話你可以去網上搜索面試題，刷幾遍面試題就能對入行了解一個大概了。
同時我的一貫看法，千萬不要找培訓機構，沒什么用，他們最多給你視頻或者看文檔交給你，還是要靠你主動學習，所以網上很多的資料你都可以參考，或者慕課網等有很多視頻，沒必要花兩萬去學習，何況萬一找不到工作都打水漂了，學習在于持之以恒，一定要自學，如果自學不會那么就說明你真的不適合it這一行的，程序員需要不斷的學習，沒時間聽別人的，一定要有側重點。
今年就業形式不太好，要求也提高了不少，所以不要裸辭，你可以用空閑時間學習就行了。你說對不對。培訓機構真的超級坑，也不會，給你找到工作的，所以你下定決心做這個行業就自己努力學習吧，爭取學習基礎后做幾個簡單的網站，基本一個月就差不多了！
如果覺得有幫助請回復下或者點個贊唄，我有相關資料可以私信我的！