1、html+css。這部分非常簡單，同時也是前端開發的基礎，是所有進入前端開發領域的基礎內容。因此建議邊學邊練，之後可以模仿一些網站做些頁面，重在理解css每個元素的屬性，樣式的實現不一定只有一種寫法，多思考還有沒有什麼需要改進的地方。

2、 Javascript。不是所有的網頁都必須有js，但是要想實現一些超酷的功能和介面的時候，就需要涉及到js，如果沒有其他程式語言的基礎的話，學起來可能要費些力，建議可以先看一看《javascript語言精粹》

3、 Photoshop、flash.。熟悉大概就可以，不需要全部都學得十分精通，當然如果你在學習的過程中，發現你ps或者flash比較感興趣的話，也可以嘗試做美工這一行。

4、一些框架的應用。例如，angular.js，node.js，bootsttap、vue.js等框架的應用。

5、html5和css3。移動端的網頁製作，在移動裝置開發HTML5應用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用Java引擎，現在也是前端的一個趨勢。

6、瀏覽器相容。懂web標準，熟練手寫 xhtmlcss3並符合符合W3c標準。程式碼能相容主流瀏覽器Firefox， Chrome、 Safari、IE、 Opera。雖然IE6很多都不相容，但現在還使用的人還是有的。

7、seo最佳化。還需要學習一些seo最佳化技術，因為前端是經常會和網站接觸的。

8、Unix和Linux。這兩個基本知識雖然很基礎，但是開發人員瞭解Unix和Linux的基本知識是有益無害的。

9、學習一門開發語言。掌握前端開發技術的同時，適當的學習一些後臺開發語言(java，php，asp等)也是一個不錯的選擇。

HTML，CSS，Java這三樣真的很重要！HTML寫出基礎頁抄面，CSS將HTML靜態頁面從黑白色過渡到五顏六色，然後java可以讓枯燥的靜態文字變成可以互動的內容。框架再怎麼更新迭代，最基礎的東西還是這三樣.

掌握了HTML+CSS+Java後，成功打開了前端的大門。接下來就是進階部分，從js進階到jquery-，jQuery就是java的一個庫，把常用的一些功能進行了封裝，方便來呼叫，提高開發效率，同時極大地簡化了 Java 程式設計。

擴充套件資料：

前端的開發中，在頁面的佈局時， HTML將元素進行定義，CSS對展示的元素進行定位，再透過JavaScript實現相應的效果和互動。

然後再到angular-一種更加靈活、強大的資料繫結、html擴充套件的js庫；然後到ajax、json、xml，可以和後臺進行協同開發的技能。

基礎的就是HTML4 ，HTML5, js，css，等等，但是要做的更好，要懂一點設計，會一下程式設計規範，設計模式，常見的前端框架，元件庫等等。實際上，老一點的還需要懂得aspx，jsp，PHP等等，新一定的需要懂得nodejs，vue，regularjs等等。

前端的基礎是html+css，是構成你所看到的網頁基本元素。但是僅僅這樣還不夠，就需要js來豐富功能與互動。

js提供了茫茫多的框架與庫，基本上你用到什麼就要去學對應的知識和框架。