前面三個要素你要學好！第一個就是HTML，CSS，和Javascript！但是隨著主流RIA的流行，和普及！flash/flex,silverlight,xml這些服務端的語言和開發也是你要學的！還必須要掌握的！這個是有點辛苦的！而且你還要和你設計的前面的交互，視覺，產品這些人員一起合作，有什么問題及時溝通！你還要和你下面的服務器端溝通！我敢說你只要掌握這個技能你學到的非常多，可以自己單干了！絕對沒有問題！前提你要學精通！這個需要很多知識的！希望你能成功！祝賀你早日當家做主！
首先希望你培養對web前端的興趣。
推薦你從這本書培養興趣
HTML5+CSS3+JavaScript從入門到精通它系統的整合了html css 和js 的基礎，有豐富的案例給你練習，這本書看完你從頭到尾手lu一個網站不成問題，有了練習就會有成就感救能更樂意去探索和學習。
這本書看完之后，我們繼續進階學習一下es6語法，當下所有開發基本上都是es6以后的語法。因為當下都是es6語法開發的前端應用，所以這也是必備的知識點。
ES6 入門教程推薦阮一峰大佬寫的這本書，在網上也可以預覽，書中大概會有百分之50%的知識點會在你以后敲代碼中經常用到。
https://es6.ruanyifeng.com/
這些學習完之后，后面技術就很簡單了。
我們需要掌握
一門前端框架 vue 或者 react
一個路由管理 vue-router 或者 react-router
一個樣式預編譯器 less 或者 sass
了解打包工具webpack
一套ui組件庫，vue 中的 element 或者 react 中的 ant design
這些掌握后，你就可以進行企業級開發了。
謝邀。雖然答主不是專業的前端開發，不過當年在校期間給學校做網站賺外快，也算了解一些吧。下面對前端開發需要的技術總結下。不到位的歡迎各位留言討論補充。
基礎篇：HTML、CSS、JavaScript，差不多算的上是Web開發三劍客，必須懂的了。
對于HTML、CSS，我們學會其語法、理解語義基本就可以了，到了JavaScript這里，就需要我們有更多的認識了。不僅僅是語法、語義，還得掌握許多基礎庫以及常用框架的用法。
最后可以給大家推薦一個新手入門學習的網站（W3School），感覺還是很靠譜的。
進階篇：在完成基礎知識的學習后，就可以針對性的細化學習，加強項目能力了。
移動端開發(webapp)
后臺系統開發
NodeJS
等等以上每一個部分你可能都需要了解，但最好針對性的往某一方面加強。這一部分對于自學來說其實是比較有難度的，最好的方法就是到相關的公司實習，許多公司都會招收實習生并在畢業后留下來，所以說有時間的可以提前到公司去實習。