怎么自學網站前端開發，學習web前端需要做哪些準備？
前端處于一個高速發展的時代。回望前端的發展，在過去十年中，前端從簡陋的HTML，CSS，JavaScript三把刷子做出來靜態網頁的時代，發展到現在視覺效果酷炫，適用終端廣泛，開發手段豐富多樣的前所未有的黃金時代。
越來越多的開發者涌入前端行業淘金，那么就有一種說法流傳出來，“前端開發已經飽和了”，“前端開發要找不到工作了”。這是不是在危言聳聽，真相是什么樣的呢？在多個招聘網站搜索“前端工程師”職位就會發現，在每個一線城市均可找到10000+以上前端工程師招聘職位。對前端開發需求量依然可以保證你找到一門工作，不存在飽和這樣的說法。
但如果你再仔細留意，你會發現招聘量最大的3-5年的中高級前端乃至前端架構師，而不是初級前端。所以再回過頭來說前端飽不飽和這個問題，需求肯定是不飽和，但留給初級前端的機會確實少了。
所以，如果你是一個實力很弱的前端小菜鳥，找到一份心儀的前端工作是有些困難的，初級前端就只能失業了嗎？不，除了熬年限、熬經驗，實力才是最為重要的。高水平的開發也是從初級水平成長起來的，你也是可以成長為一名高級前端開發的。
初級開發怎么才能成長為一名高級前端？前端的知識體系龐雜，框架、庫、插件數不勝數，小白學習web前端開發應該學習哪些東西？
1夯實基礎
前端的基礎是什么？是HTML、CSS，JavaScript。特別是JavaScript，我們對前端基礎的掌握程度，極大程度上體現在對JavaScript的掌握程度上。所有的瀏覽器引擎運行的腳本語言都是JavaScript，我們使用的框架也是用JavaScript開發的。即使最近非常流行的typescript，其實底層也是JavaScript，是需要編譯為JavaScript后才能在瀏覽器運行的。即使是高級前端工程師的面試中，對于JavaScript知識的考核也是必不可少的。不僅體現在JavaScript語法，API，也很大一部分包含著最新的ES6的知識。
2主動學習
一名優秀的程序員絕對不是一個被別人牽著鼻子或者被人用鞭子趕著才會去學習的人，他一定是一個主動學習的人。優秀的程序員之所以優秀，是因為他有深厚的知識積累，而這些知識的來源，是因為他在不斷地學習。所以才能夠在工作中解決棘手的問題，在面試中回答出刁鉆的難題，因此而獲得豐厚的薪水。一個被動學習的人，我想是很難達到這種地步的。
作為前端要主動學習，方向必須是能夠具有針對性的提升自身競爭力的內容，而且是輕易不會過時的穩定的知識。比如就像語言內部機制和框架原理，設計模式這種知識。學了這種知識，其實就有能力自己做一些簡單的框架，工具和庫了，心中有底氣，就可以擺脫被不斷更新的應用型，API型知識牽著鼻子走的局面。
HTML前端怎么學習好？
零基礎+跨專業，作為IT門外漢的我對前端一概不知，只知道HTML5可以寫網頁、做小程序、做區塊鏈。選它一是因為高薪就業的誘惑，還有就是HTML5相對于其他專業比較簡單，零基礎學起來相對輕松些。但經過一階段學習過后，我發現它并不簡單，門檻低，天花板高。踉踉蹌蹌的跟著老師的步伐走，朝著一個方向不停下就是我堅持的動力。
一階段知識點：網頁構架，以及網頁修飾。HTML的構成，結構、行為、表現。以及各種瀏覽器的兼容，CSS2,CSS3，2D3D，轉換。二階段知識點：6種類型，布爾，number，字符串，null，undefined，object。接下來簡單分享一下最近所學的知識點，既是一次知識梳理，也是我成長的見證!
每一個元素都有一個或者多個屬性定義該元素的顯示樣式，行為或者其他內容，同一個元素的各個屬性之間的順序沒有前后之分，屬性的類型主要有等式型和布爾型。屬性全部設置在HTML元素的起始標記的尖括號內，一般是以“<起始標記 屬性1=“屬性值1” 屬性2=“屬性值2” ……>”的格式出現。屬性之間沒有先后之分。也無大小之分。每一對屬性和屬性值之間必須用空格分隔。
布爾屬性只有屬性名沒有屬性值，指定了這個屬性就代表它的“真”，反而則代表：假默認情況下，每一個布爾屬性都是假，即不用指定，只有在需要時候才添加該項項屬性。
HTML常用的數據類型有長度、寬度、顏色、圖片、URL鏈接地址和字符串等形式，其中內容的書寫單位是px，移動端書寫單位是：rem。像素是計算機屏幕上所能顯示的最小的單位，不同計算機屏幕的分辨率設置的不同，所顯示的像素的大小也不相同。像素是長度定義中使用最為普遍的單位，因為一般瀏覽器輸出的頁面總是在屏幕上，如果不打印出來，利用像素值就能在電腦的屏幕上進行非常精確地定位。在用像素值的時候一定要考慮屏幕分辨率的兼容性。
百分比vw，vh，長度值是典型的相對長度，如果對一張圖定義百分比值，則它的參照對象是整個瀏覽器的寬度和高度。當瀏覽器窗口的大小變化時，圖片的尺寸也會隨之進行變化。
顏色值也是比較常用的數據定義類型，頁面文檔不可能是一成不變的黑白顯示，瀏覽器默認將沒有設置過得顏色值得字體，直線和邊框都定義為黑色，背景色則為白色。計算機屏幕上的任意一種顏色有都是由紅、藍、綠按照一定的比例混合而成，三色定律的另一種稱呼是RGB，顏色值的命名格式為“#RRGGBB”,每一種顏色的數值都是由十六進制00至十六進制ff表示，因此，單一顏色的深度為256等級。
如何在一個月之內從零基礎成為初級CSS前端開發工程師？
看到這個題目，我暫且認為是如何入門前端吧。我們都知道前端開發工程師干的工作是越來越雜了，要學的東西也是越來越多，沒辦法各種框架層出不窮，下面我們就具體來講講前端開發工程師要學會哪些。
1.ps 不需要你用ps做什么效果，但是你得會用ps切圖片，一般都是用切片工具，這個很簡單，相信一會功夫就會用的工具，重要的是一些復雜設計的切圖思路，這個需要在工作中摸索。
2.html標簽的使用 這個網上有很多教程，比如w3cschool和菜鳥教程，要認識理解和熟練使用這些標簽進行頁面搭建。
3.css樣式表的學習 這個和html是密不可分的，css樣式表可以有效的對頁面的布局、字體、顏色、背景和其它效果實現更加精確的控制。
3.js或者jq的學習 這個是我認為挺難的部分，決定你前端技術水平就是看你js學的好與否，js和jq可以實現頁面的動態效果，使頁面更炫酷。
4.vue.js，angular.js，react.js等流行框架和grunt等構建工具的學習，實現前后端分離，便于項目管理。
還有好多沒有總結到的，暫且先說這么多了，希望對有需要的人提供幫助。