第一，必須掌握基本的Web前端開發技術，其中包括：CSS、HTML、DOM、BOM、Ajax、JavaScript等，在掌握這些技術的同時，還要清楚地瞭解它們在不同瀏覽器上的相容情況、渲染原理和存在的Bug。

第二，在一名合格的前端工程師的知識結構中，網站效能最佳化、SEO和伺服器端的基礎知識也是必須掌握的。

第三，必須學會運用各種工具進行輔助開發。

第四，除了要掌握技術層面的知識，還要掌握理論層面的知識，包括程式碼的可維護性、元件的易用性、分層語義模板和瀏覽器分級支援，等等。

可見，看似簡單的網頁製作，如果要做得更好、更專業，真的是不簡單。這就是前端開發的特點，也是讓很多人困惑的原因。如此繁雜的知識體系讓新手學習起來無從下手，對於老手來說，也時常不知道下一步該學什麼。

程式碼質量是前端開發中應該重點考慮的問題之一。例如，實現一個網站介面可能會有無數種方案，但有些方案的維護成本會比較高，有些方案會存在效能問題，而有些方案則更易於維護，而且效能也比較好。這裡的關鍵影響因素就是程式碼質量。CSS、HTML、JavaScript這三種前端開發語言的特點是不同的，對程式碼質量的要求也不同，但它們之間又有著千絲萬縷的聯絡。

一定要重視基礎，首先建立第一條技能線：就是前端由html，css，js組成；然後將其細化為第二條線，html是由html4和html5組成；第三條線，css由css2和css3組成；第四條線，js由es5和es6構成。接下來是框架方面的延伸：css方向有less，html方向有bootstrap，js方向有jquery庫。再往下就不磨嘰了，有免費課程可以聽一下：http://19.offcn.com/class-101313/?scode=HZLOFZ

web相對於Java來說是比較簡單的，對於零基礎的人來說也是比較容易上手的，但是學習程式設計還是需要一定的邏輯思維能力的。