最近有些朋友覺得工作難做想轉行，想搞技術，問我如何學習web前端成為一個合格的web前端，并在這個行業站住腳？

　 ?其實很多人都覺得程序員有技術在身底氣足又是高薪所以對這個行業有些意動，但是這個行業近些年被無數培訓學校培養出來的大量0基礎的學員，他們也是抱著這種心思，導致現在程序員行業人數很多但是真正精通者依然是鳳毛麟角，究其原因

無非是掌握的不夠，累計的經驗不夠的原因，甚至很多做不走逼的無奈只能轉行，培訓的花費也就付之東流了，但是說了這么多還是有很多下了大決心的準備入這行的，那我就希望諸位能夠在這條路上堅持，雖然枯燥些，但是程序帶來的成就感是很多

事情都無法取代的。下面就說說如何學習Web前端：

　　Web前端入門很簡單，甚至有些培訓機構直接教授學員學習Dreamweaver集成軟件，很容易就完成一個個頁面，畢竟前端的編輯和頁面是緊密相連的，讓很多學員以為前端很容易，結果去面試卻處處碰壁，因為過分的依賴IDE導致我們不清楚其

實現的本質，知其然但不知其所以然。因此在頁面效果出現問題時，我們便手足無措，更不用提如何進行頁面優化以及完成一些更高級的應用了。其原因是顯而易見的——聰明的IDE成全了我們的惰性，使我們忽略了華麗的網頁背后最本質的內容——code。

　　web前端的核心技術包括三個部分：HTML5、CSS3、JavaScript（jQuery）。除此之外很多公司都要求掌握Json、ajax以及對熟悉后臺例如PHP等編輯語言。

　　學習的過程中要一步一步來，切記好高騖遠。

　　第一步：H5的學習，超文本標記語言(HyperText Mark-up Language 簡稱HTML)是一個網頁的骨架，無論是靜態網頁還是動態網頁，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染后呈現給用戶。所以我們必須掌握HTML的

基本結構和常用標記及屬性。常用的標簽：段落標簽、超鏈接標簽、文字標簽、圖片標簽、表格標簽、表單標以及媒體標簽和canvas簽等。w3c手冊中可以學習，這部分是撐起一個頁面的根基，好比你蓋房子的地基一般。

　　第二步：CSS的學習，CSS是樣式的編寫，就好比樓房蓋好了，里面需要什么樣的格局，什么顏色的墻壁等都是靠樣式把控的。CSS的學習包括：CSS選擇器（ID選擇器、類選擇器、復合選擇器）、CSS樣式（顏色、背景、文本、鏈接、表格等）、邊

框樣式（邊框、內外邊距）、定位（絕對定位、固定定位、相對定位）等。

　　前兩步完成了要多做頁面練習，熟練一個頁面的布局，有能力的可以試著封裝一些CSS樣式，做自己的CSS框架，畢竟自己封裝的框架用著最舒服。

　　第三步：JS（JQ）的學習，其實對于初學者來說，我建議先學習JS，雖然JQ在很多時候用起來比JS簡單、方便，但是JS才是核心，JQ不過是JS的一個框架，至于兩者的區別，我在上一篇博客里有寫過。JS學習從語法開始，然后概念的理解學習變量、數據

類型、函數、運算符、DOM、BOM以及面向對象的思想等。JS學好了JQ理解起來就簡單多了。JS主要做頁面的功能效果以及和用戶的交互。

　　另外，以上掌握了可以學習下json、ajax用于和后臺的交互，沒事熟悉下后臺的流程和代碼。

掌握了這些，可以試著找份實習的工作積累工作經驗，其實說一千道一萬想學好無非就是多練習多琢磨、持之以恒堅持走下去。

轉載于:https://www.cnblogs.com/jnnnannan/p/6422719.html

總結

以上是生活随笔為你收集整理的如何学习web前端的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。