你當前所在位置:首頁 > IT技術探討 > 七年前端開發工程師給前端初學者的忠告

七年前端開發工程師給前端初學者的忠告

很多人想學習Web前端開發,但又不知該如何下手,下面就讓我這位有7年web前端開發經驗的“程序猿”作向導,為大家指點一下迷津吧,以免大家走了偏道!


前端開發 (1).jpg



一、了解web前端


所謂“知己知彼,百戰不殆”,在學習web前端之前,還是讓我們先了解一下什么是web前端吧!


所有用戶終端產品與視覺和交互有關的部分,都屬于前端開發的領域。從狹義上講,Web前端就是用HTML、CSS、JavaScript等專業技能和工具將產品的UI設計稿實現成網站產品,涵蓋用戶PC端、移動端等網頁,處理視覺和交互問題。


Web前端開發是伴隨Web興起而細分出來的行業。在Web前端這個崗位興起之前,html+css的工作是被視覺人員所承擔的,而JS這部分則是由后端完成的。


web前端同樣是程序員,由于前端是位于后端程序和界面設計師之間的崗位,相當于中間橋梁,要完成三者的對接,涉及到廣泛 的知識,規模大到工程級,也就有了前端工程師的說法。

 

前端開發 (2).jpg

 


二、打好基礎,循序漸進


web前端與網頁是息息相關的,因此,要學習web前端,必須要熟悉網頁,因為網頁所有呈現的內容都是基于HTML網頁的。


所以,HTML和CSS是必須要掌握的,它們是構建網站的元素。其中HTML構成了網頁的“骨架”,CSS為網頁添加了顏色樣式,是網頁的“皮膚”。


如果你連html、css(如今的HTML5+CSS3)的基礎都不夠扎實,就很難進一步學習。


記住,就算你的JS 很好,但布局基礎不行,就是一名不合格的web前端開發人員。打好了基礎,才能進行下一步的學習。


在學習先后順序上,應該是HTML > CSS > Javsscript,之所以這樣安排并不是說Javascript最不重要,而是因為HTML和CSS的學習比較簡單,不用花太多時間,而Javascript相對比較復雜。

 

前端開發 (3).jpg


 

三、書本與視頻學習相結合


很多人在學習web前端時,選擇看視頻學習的方法。個人認為,看視頻進行學習,效率雖然比較快,但是深度不夠。學習web前端,一定要書本和視頻相結合,才相得益彰。


如果你的基礎實在太差,看不懂書本,可以借助視頻作為快速入門的途徑。但你如果想要深入學習一門技術,就要多看書。先把一個模塊的知識點看一遍,心里有了一個譜,再看視頻,然后再動手操作。(記住,要多練習、多操作。)


但現在很多人不看書,盲目看視頻,心里沒有一點兒概念,導致基礎不佳,只是零碎地掌握了一點皮毛,到最后的結果是學不能致用!


前端開發 (4).jpg

 


四、好好利用網上資源


如今,幾乎所有的前端技術都是開放的,前端開發人員可以很方便地在網上學習到一些前端開發的知識和找到一些高效的插件庫。在這里,我向大家推薦w3school。在w3school,你可以找到你所需要的所有的網站建設教程:從基礎 HTML到CSS,乃至進階的XML、SQL、JS、PHP 和 ASP.NET。


例如,學習HTML +CSS,你可以在w3school在線教程上邊學邊練。這里每個屬性后還有在線測試,之后你就可以模仿一些網站做些頁面。


javascrip要學的內容很多,如果沒有其他編程語言的基礎的話,學起來可能要費些力氣,大家可以在 w3school上學習一些基本語法和定義。


前端開發 (5).jpg 


此外,在騰訊課堂,里面也有很多關于web前端的課程學習,大家平時可以多關注一下。

 


 五、做好歸納總結


web前端開發學習的內容比較多,而且很多東西都非常零碎,分散,這就需要你自己去進行整理和歸納。例如把一些常用的代碼寫法記錄下來;各種編輯器的特點和哪些編輯器比較好用等等。


除了總結自己在練習操作過程中的知識,網絡上也有不少大神總結了許多的經驗,你可以將人家的經驗據為己有,以免自已以后走彎路。


例如你在微博、知乎上follow了眾多的大神,那你不要僅僅是為了看八卦,大神們的只言片語有時候會是重要的信息;還有CSDN里也有很多專業人士嘔心瀝血的總結。收集這些信息,進行提問,思考,使它們成為自己的知識。


前端開發 (6).jpg

 

web前端的學習需要不斷地積累知識,不斷地積累經驗,還要不斷的向有經驗的前輩提問,學習他們的方法,來提高自己技術水平,以后才能有更大的發展。



以上就是我對入行web前端小白在學習方法上的一些建議,希望能幫助到大家!

課程預約

极速1分彩_Welcome