web前端大咖告訴你們前端怎麼學習?該怎樣學習!

 第一階段——HTML的進修

  超文本標識表記標幟說話(HyperText Mark-up Language 簡稱HTML)是一個網頁的骨架,無論是靜態網頁仍是動態網頁,終極前往到閱讀器端的都是HTML代碼,閱讀器將HTML代碼詮釋襯著後出現給用戶。因 此,我們必需把握HTML的根基構造和常用標識表記標幟及屬性。

  HTML 的進修是一個記憶和理解的過程,在進修過程中可以藉助Dreamweaver的「拆分」視圖輔助進修。在「設計」視圖中看了局,在「代碼」視圖中學本質, 將各類視圖的上風闡揚到極致,這種比力進修的編製填補了純摯識記HTML標籤和屬性的死板乏味,想必對列位初學的小盆友們來說必定是極好的!

  在進修了HTML之後,我們只是把握了各類「原質料」的建造編製,要想蓋一幢樓房就還必要把這些「原質料」按照我們設計的方案組合構造在一起並停止一些款式的美化。

第二個階段——CSS的進修

  CSS是英文Cascading Style Sheets的縮寫,叫做層疊款式表,是可以真正做到網頁默示與內容分手的一種款式設計說話。相對付傳統HTML的默示而言其款式是可以復用的,如許就極大地進步了我們開發的速度,降低了維護的本錢。

  同時CSS中的盒子模子、相對構造、絕對構造等可以實現對網頁中各工具的位置排版停止像素級的切確節制。經由過程此階段的進修,我們就可以順遂完成「一幢樓房」的拔擢。

  「樓房」拔擢完成之後,我們可以交給用戶使用,可是若是想讓用戶獲得更佳的體驗,我們還可以對「樓房」停止更深一步的「裝修」,讓它看起來更「奢華」一些。

第三個階段——JavaScript的進修

  JavaScript是一種在客戶端遍及使用的腳步說話,在JavaScript傍邊為我們供給了一些內置函數、工具和DOM把持,藉助這些內容我們可以來實現一些客戶端的特效、驗證、交互等,使我們的頁面看起來不那麼機械,屌絲霎時逆襲高富帥!有么有?

  此時,大概你還沉醉在JavaScript給你帶來的驚喜之中,但你的項目司理卻俄然對你大吼道

  「這個了局在××閱讀器下不兼容,重新搞……」

  「不兼容?」霎時石化了有木有?

  「我擦,坑爹啊!那可是花了我一個晚上寫了幾百行代碼搞定的啊,吐血了都!」

  JavaScript的兼容性和複雜性偶爾辰幾乎讓我們頭疼,還好有「大神」幫我們做了封裝。

第四個階段——jQUery的進修

  jQuery 是一個免費、開源的輕量級的JavaScript庫,並且兼容各類閱讀器(jQuery2.0及後續版本拋卻了對IE6/7/8閱讀器的支撐),同時如今 有良多基於jQuery的插件可供選擇,如許在我們實現一些豐盛的動態了局時更便當快捷,大大節約了我們開發的時辰,進步了開發速度,這也充實浮現了其 write less,do more的焦點主旨。這個Feel倍兒爽!有么有?

  「奢華大樓」至此拔地而起,可是天天如許日復一日,年復一年的蓋樓,好繁瑣!能不能將大樓裡面每一個零丁部件模塊化,當必要蓋樓時就像聚積木一樣組合在一起,如許豈不是爽歪歪?可以實現嗎?謎底是必定的。

  這種思惟在Web前端開發中也是合適的,於是乎就出現了各類前端框架,在這裡保舉給大師的是Bootstrap。

  Bootstrap是Twitter推出的一個開源的用於前端開發的工具包,是一個CSS/HTML框架,並且支撐相應式構造。一經推出後頗受接待,不息是GitHub上的熱點開源項目。

  在項目開發過程中,我們可以藉助Bootstrap供給的CSS款式、組件、JavaScript插件等快速的完成頁面構造和款式設置,然後再有針對性的微調款式,如許基於框架停止開發大大縮短了開發周期。站在巨人的肩膀上就是爽!


推薦閱讀:

發布 umi 1.0 ??????
前端日刊-2018.01.05
我理解的同步載入與非同步載入
前端日刊-2017.12.15
前端日刊-2018.02.06

TAG:前端入門 | 前端開發 | 前端工程師 |