我是前端工程師，HTML5一個星期能上手，但需要大概一到兩年才能真正掌握。HTML本身很簡單，Css類似簡單，實則陷阱太多，JavaScript太古老，真正有用的JavaScript都要跟某一個框架一起使用。關鍵是框架的選擇，不同框架的東西完全不同做法。選定框架，再去選書或者影片。

想學好HTML5前端開發，首先你要了解什麼是HTML5前端，隨著全球網路的使用量的增加，HTML5是全球資訊網和的核心語言，HTML5具有及時更新、跨平臺性強等的特點。隨著網路的不斷髮展和進步，HTML5也漸漸成為了網路搭建的主流語言。而之前的網頁製作是WEB 1.0時代的產物，那時網站的主要內容都是靜態的，使用者使用網站的行為也以瀏覽為主。

一名優秀的HTML5前端開發工程師在知識體系上既要有廣度，又要有深度。 以前會Photoshop和Dreamweaver就可以製作網頁，現在只掌握這些已經遠遠不夠了。無論是開發難度上，還是開發方式上，現在的網頁製作都更接近傳統的網站後臺開發，所以現在不再叫網頁製作，而是叫WEB前端開發。

學習的時候需要掌握什麼？

Web前端開收技術包括三個要素：HTML、CSS和JS。Web前端開發工程師既要與上游的互動設計師、視覺設計師和產品經理溝通，又要與下游的伺服器端工程師溝通，因此需要掌握的技能非常多。

對於一些對程式碼很陌生的人來說，想要把程式碼學好並不是一件容易的事。甚至是一看要學的東西這麼多，有種無從下手的感覺。這個時候建議大家先從簡單的地方入手，先把基礎知識記牢，例如：關於HTML和CSS的歷史，及各種的標籤用處，以及如何去搭建平臺去做PC端，移動端等等。循序漸進的學習，切記這個時候不能浮躁，因為前端開發的基礎知識並不難，但是對於新人小白可能會覺得有一些複雜，這個時候就需要去梳理出一個知識框架，梳理好知識框架後就不會覺得那麼複雜了。做網頁的時候一定要做到：動手多操作、多練習，這樣才能將自己所學的鞏固紮實了。在這裡，推薦大家可以用一下思維導圖，利用圖形去整理筆記，思維導圖是一種將思維形象化的方法。我們能夠把知識利用圖形串聯起來，去加深記憶。用一箇中央關鍵詞或想法以輻射線形連線所有的想法。

將最基本的網頁搭建學好之後，相信此時的你，已經對這個技術有了足夠的興趣和學好的動力，之後就是JavaScript的學習了，在學習這個的時候，需要注意的是：要把基本語句背熟，並且需要充分了解迴圈語句。之後的學習也不要忘記勤學多練。