成都Web前端入門必備知識
發布時間：2023-03-24 09:47:36 已幫助：人
01、什么是Web前端
Web前端是使用HTML，CSS及JavaScript以及衍生出來的各種技術、框架、創建Web頁面或app等前端界面呈現給用戶的過程。
簡而言之Web前端就是實現客戶端（手機和電腦）上看到的頁面和一些交互效果（比如點擊、查看詳情、查看更多）等，從事WEB網頁開發、HTML5頁面開發。
其實WEB前端才在近十年火起來的，但是卻在各大公司，包括百度、京東、淘寶、阿里巴巴、天貓等都設置了專門的Web前端部分，由此可見，Web現在是一個比較火熱的行業。
02、Web前端三大內容
首先我們學習前端，要知道前端的三個大內容，HTML、CSS、JS，其中HTML和CSS是相互結合著學習，掌握了這兩個了以后我們就算真正入門了，然后再深入學習JS等等。
理解HTML，CSS，JS分別是什么？
HTML：是靜態網頁，該文檔本身只有頁面結構，可以顯示頁面內容；
CSS：層疊樣式表，通過設置對應的樣式屬性可以修改html文檔內各元素的顯示、位置等樣式；如修改顏色、字體、字號、寬高、位置、背景等。
Javascript：動態腳本語言，廣泛應用于web應用的功能開發以及豐富頁面體驗，可以動態控制頁面內容；如修改頁面文字、、各種效果、功能等；
一個通俗的例子：HTML就像人的身體，CSS就像人的衣服，Javascript就像人的思想和行為。
當然，一個優秀的Web前端開發者后期要懂一些前端框架，如nodejs、Angualrjs、還有bootstrap等，以及ued用戶體驗，后臺開發也要懂一些。
03、學習Web前端的誤區和學習建議
1.只看教程，不動手實戰
這個可以說是學習的忌，也是提醒過最多的一個注意事項！javascript，html5，css3等的一些，都是需要自己慢慢練習的，自己不動手實操，寫代碼，這樣的學習方式，記憶根本不深刻，容易遺忘，到頭來，可能什么都沒！而且有些教程，如果沒有跟著動手實操，可能會蒙圈。
個人建議：要挑覺得適合自己的教程，也要動手實操，寫代碼。即使不是邊看教程編寫代碼！在看完了教程之后，一定要自己動手實操！過程中，可能會遇到些問題，但是這樣才會學習到更多，記憶也更加牢固！
2.只學框架或者庫
這個情況，針對javascript現在沒有以前嚴重了，在以前還是jquery傲視群雄的時候。很多人會在聊天的時候會說：有了jquery，為什么還要學js？有了vue，為什么還要學js？面對這樣的提問，我那時候沒有回答，心里想：jquery或者vue就是用js實現的，不會js，學jquery或者vue學得吃力，第二學jquery或者vue肯定不會很深入。而且，萬一有時候，項目不允許用jquery或者vue，那就基本不會寫代碼了。這時候，如果學習其它的框架或者庫，基本又等于重新學一門語言了。
個人建議：先把基礎（html+css+js）打牢，再學其他框架或者庫。雖然在會js的情況下，我不敢說學js的框架或者庫就是查文檔，查API。但至少學js框架或者庫可以不會那么吃力！
3.只顧著寫代碼
這就是一個壞的習慣，只顧著寫代碼，不知道耦合、實例化，繼承等專業術語，和別人交流，無限蒙圈！根本不知道別人在說什么！互聯網的技術更新的速度非常的快，隔三差五就發布一個框架，一個庫，一個工具。雖然不是每一個更新的技術都需要學習。但是如果只顧著寫代碼，不了解新的技術。這樣很容易使自己停止不前，失去競爭力。
個人建議：在寫代碼之余，要確保自己是不是了解代碼，對代碼有沒有一個認識。以及多點留意消息，看下有沒有什么技術更新！如果覺得更新的技術很實用，或者自己有興趣，可以多了解下！畢竟互聯網是一個做到老，學到老的一個領域，技術更新的很快，如果跟不上流行的趨勢，說不定自己會被淘汰呢！
4.能用就行，不想優化
這個也是一個很常見的情況，很多人認為寫的代碼能用就行，能實現需求就行！根本不管日后的優化。在開發項目或者開發插件上，雖然我也是提倡:先實現，再優化這個方式！但是并不代表我開發完了就完了，不會再想優化！如果不試著去優化自己的代碼，不探索寫代碼的更好方式，以后別說編寫高質量，簡潔的代碼了，因為自己把學習編寫高質量，簡潔的代碼的一個重要途徑給封鎖了。
零基礎學編程，學什么好?
零基礎參加HTML培訓的學習路線總結
未來WEB前端發展趨勢分析
成都web前端技術學習攻略
學編程需要什么基礎嗎？
如何學習Web前端技術才能升職加薪?
前端培訓開發人員應該具備的編碼原則有哪些?
前端、后端、全棧都學什么？