什么是Web前端？前端要學(xué)習(xí)什么？什么好的學(xué)習(xí)方法？

時間：2023-09-07 08:06:02 | 來源：網(wǎng)站運營

時間：2023-09-07 08:06:02 來源：網(wǎng)站運營

什么是Web前端？前端要學(xué)習(xí)什么？什么好的學(xué)習(xí)方法？：Web前端，主要是用來開發(fā)用戶通過瀏覽器可以瀏覽和使用的Web頁面的。 一般而言，所涉及的內(nèi)容主要包括W3C中的HTML、CSS和JavaScript這三方面的內(nèi)容。

HTML+CSS：也就是網(wǎng)站的骨架和樣子，包括你看到的本站的界面，一段文字，一個圖片，都是一個HTML元素，至于字號是多大的，什么顏色，放在什么位置，這叫CSS，在HTML5里，CSS還能讓元素運動起來，旋轉(zhuǎn)，跳躍，只要你想；
Javascript：簡單的說就是頁面的大腦，把后端獲取的數(shù)據(jù)添加到網(wǎng)頁里，或者讓元素運動起來，或者是改變頁面的CSS，或者是操作HTML元素等等。當(dāng)然，這些都是最基礎(chǔ)的做法，作為一個前端，還要考慮JS的性能，可維護，可擴展的程度等等；
但是隨著前端的發(fā)展，前端開發(fā)所涉及到的內(nèi)容肯定不僅限于這三方面。分析這三個層面內(nèi)容的本質(zhì)可以看到，這三個層面分別涉及Web頁面的結(jié)構(gòu)、Web的外觀視覺表現(xiàn)以及Web層面的交互實現(xiàn)。
因而，歸根結(jié)底，Web前端以及Web前端開發(fā)可以說是針對Web的結(jié)構(gòu)、行為和表現(xiàn)來進行相應(yīng)的開發(fā)的，也可以說，前端開發(fā)主要是做Web端的結(jié)構(gòu)、行為以及表現(xiàn)。
Web前端學(xué)習(xí)什么？
web前端學(xué)習(xí)是一個先易后難的過程，主要包括三個要素：HTML、CSS和JavaScript，這就要求前端開發(fā)工程師不僅要掌握基本的Web前端開發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識，而且要學(xué)會運用各種工具進行輔助開發(fā)以及理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。
Web前端開發(fā)后期要懂一些前端框架，如nodejs、Angualrjs、還有bootstrap等，以及ued用戶體驗，后臺開發(fā)也要懂一些。
看到這里，發(fā)現(xiàn)web前端要學(xué)習(xí)太多，想加入web前端行業(yè)的同學(xué)要抓緊腳步開始了，無論你是有一些基礎(chǔ)知識，還是零基礎(chǔ)小白，這些都沒關(guān)系，只要你想學(xué)，只等你來，只管相信你自己，肯定能學(xué)會！
關(guān)于學(xué)習(xí)web前端的誤區(qū)和學(xué)習(xí)建議：
1.只看教程，不動手實戰(zhàn)
這個可以說是學(xué)習(xí)的最大的一忌，也是提醒過最多的一個注是事項！網(wǎng)上的教程有許多許多，各個語言，各個知識點，各方面的都有，javascript，html5，css3等的一些，隨便一搜就一大把，畢竟互聯(lián)網(wǎng)最大的優(yōu)勢之一就是資源共享！但是很多人看教程就只是看教程，不動手實操。即使博客的教程，視頻教程再好，自己不動手實操，寫代碼，這樣的學(xué)習(xí)方式，記憶根本不深刻，容易遺忘，到頭來，可能什么都沒學(xué)會！而且有些教程，如果沒有跟著動手實操，可能會蒙圈。
個人建議：要挑覺得適合自己的教程，也要動手實操，寫代碼。即使不是邊看教程編寫代碼！在看完了教程之后，一定要自己動手實操！過程中，可能會遇到些問題，但是這樣才會學(xué)習(xí)到更多，記憶也更加牢固！
2.只學(xué)框架或者庫
這個情況，針對javascript現(xiàn)在沒有以前嚴(yán)重了，在以前還是jquery傲視群雄的時候。很多人會在聊天的時候會說：有了jquery，為什么還要學(xué)js？有了vue，為什么還要學(xué)js？面對這樣的提問，我那時候沒有回答，心里想：jquery或者vue就是用js實現(xiàn)的，不會js，學(xué)jquery或者vue第一學(xué)得吃力，第二學(xué)jquery或者vue肯定不會很深入。而且，萬一有時候，項目不允許用jquery或者vue，那就基本不會寫代碼了。這時候，如果學(xué)習(xí)其它的框架或者庫，基本又等于重新學(xué)一門語言了。
個人建議：先把基礎(chǔ)（html+css+js）打牢，再學(xué)其他框架或者庫。雖然在會js的情況下，我不敢說學(xué)js的框架或者庫就是查文檔，查API。但至少學(xué)js框架或者庫可以不會那么吃力！
3.只顧著寫代碼
這個就是我之前的一個習(xí)慣，只顧著寫代碼，不知道：耦合，實例化，繼承等專業(yè)術(shù)語，和別人交流，無限蒙圈！根本不知道別人在說什么！互聯(lián)網(wǎng)的技術(shù)更新的速度非常的快，隔三差五就發(fā)布一個框架，一個庫，一個工具。雖然不是每一個更新的技術(shù)都需要學(xué)習(xí)。但是如果只顧著寫代碼，不了解新的技術(shù)。這樣很容易使自己停止不前，失去競爭力。
個人建議：在寫代碼之余，要確保自己是不是了解代碼，對代碼有沒有一個認(rèn)識。以及多點留意消息，看下有沒有什么技術(shù)更新！如果覺得更新的技術(shù)很實用，或者自己有興趣，可以多了解下！畢竟互聯(lián)網(wǎng)是一個做到老，學(xué)到老的一個領(lǐng)域，技術(shù)更新的很快，如果跟不上流行的趨勢，說不定自己會被淘汰呢！
4.太早接觸復(fù)雜項目
這個情況，比較普遍，無論是在學(xué)校或者是現(xiàn)在的培訓(xùn)機構(gòu)。很多學(xué)習(xí)前端的人，基礎(chǔ)沒打牢，就在那里揚言要做一個大項目，我聽到的有的人想做本站，有的人想做世紀(jì)佳緣等等一些偉大的目標(biāo)！但是全部人都是連網(wǎng)站的業(yè)務(wù)流程和邏輯都沒弄清，最后越搞越亂，就放棄了！之前的偉大目標(biāo)都成了爛尾樓，作用最多就是一個代碼練習(xí)的作用！花了大量的時間，做了一件沒很大的實際意義的事情！
個人建議：從簡單到復(fù)雜，復(fù)雜的網(wǎng)站，都是有很多簡單的模塊。不妨先從簡單的功能做起，做完了一個功能再往里面加功能！現(xiàn)在所處的公司就是這樣，開發(fā)的后臺管理系統(tǒng)，開發(fā)幾個月了，從一個只有員工的登錄注冊的功能，然后再逐一加功能，到現(xiàn)在項目逐漸完善！


5.好高騖遠，急于求成
這個情況就是多見于培訓(xùn)機構(gòu)出來的人。我不知道是不是所有城市都是這樣，但是杭州這邊，給我的感覺就是這樣。就是目標(biāo)不切實際，對自己也不夠認(rèn)識！之前在群聊的時候，在金三銀四那段時間，很多人找工作，聊天的時候也遇到過很多培訓(xùn)機構(gòu)的人。簡歷上是各種精通，剛畢業(yè)在培訓(xùn)機構(gòu)培訓(xùn)幾個月，要么就是自帶兩三年工作經(jīng)驗，要么就是說自己培訓(xùn)了幾個月，技術(shù)水平和市面上兩三年的人差不多?？傊褪前炎约捍档脽o所不能！但是一出題，就十問九不知。問閉包是什么，不知道；問原型是什么，不知道。問繼承是什么，還是不知道。
上面所說的，只是一個表面的現(xiàn)象，更重要的就是，好高騖遠這個情況，很有可能會導(dǎo)致自己難以找到工作！因為一些企業(yè)認(rèn)為最高只能給你4000工資，但是你自己卻認(rèn)為自己有實力拿到9000以上的工資。這樣情況，很難找到工作！給人的印象也不好！更重要的是，這可能會影響自己的職業(yè)選擇！
個人建議：從實際出發(fā)，評估自己。想下自己會什么，能給企業(yè)帶來什么！也可以停下別人的建議，和對比下別人的技術(shù)水平和工資，或者是上網(wǎng)找一些面試題，看下自己能不能完成那些面試題！最后評估下自己，認(rèn)為自己處于什么位置！
6.看到難點就逃避
這一點，相信很多人都有感觸，就在開發(fā)上，遇到上一個或者幾個自己覺得沒辦法實現(xiàn)的需求或功能。千方百計地想著逃避，比如：這個功能不是很重要，不做可以嗎？這個功能我從來沒弄過，搞不定的。這個功能外包給別人做吧，我們做不了！很多一些逃避話語。大家可以想下，如果每次都是逃避，那么時間一久，自己技術(shù)水平是不是還停留在基礎(chǔ)那個階段？以后要怎么提升自己的技術(shù)水平。
個人建議：迎難而上。在web前端開發(fā)這塊，如果遇上了難題是正常的，如果沒遇到難題就是見了鬼！面對難題，我們應(yīng)該是挑戰(zhàn)難題，而不是逃避！大家都想提升自己的技術(shù)水平，挑戰(zhàn)難題不就是一個很好的提升技術(shù)水平的實戰(zhàn)機會嗎？如果完成了之前認(rèn)為不可能完成的難題，這樣就是一個技術(shù)水平提升的見證！不是嗎？我也覺得，每天就寫簡單的業(yè)務(wù)代碼，不探索新知識，不挑戰(zhàn)難題，這樣做開發(fā)也沒多少意思！
7.能用就行，不想優(yōu)化
這個也是一個很常見的情況，很多人認(rèn)為寫的代碼能用就行，能實現(xiàn)需求就行！根本不管日后的優(yōu)化。在開發(fā)項目或者開發(fā)插件上，雖然我也是提倡:先實現(xiàn)，再優(yōu)化這個方式！但是并不代表我開發(fā)完了就完了，不會再想優(yōu)化！如果不試著去優(yōu)化自己的代碼，不探索寫代碼的更好方式，以后別說編寫高質(zhì)量，簡潔的代碼了，因為自己把學(xué)習(xí)編寫高質(zhì)量，簡潔的代碼的一個重要途徑給封鎖了。還有一個就是，項目上，有些問題可能是潛在的，就是現(xiàn)在看著項目沒出現(xiàn)什么問題，但并不代表以后不會出現(xiàn)問題。反而在項目開發(fā)完了之后，試著去優(yōu)化自己的代碼，探索更好的實現(xiàn)方式，試著編寫出高質(zhì)量，簡潔的代碼。這樣難道不是一個很好的學(xué)習(xí)過程嗎？至于優(yōu)化代碼的方式，很多很多（比如常說的：代碼過于重復(fù)，是否引入設(shè)計模式？網(wǎng)站性能一般，可否進行優(yōu)化？），優(yōu)化這一塊，也不是說一步就優(yōu)化到最好的，而是至少不會比以前差！關(guān)于優(yōu)化，我之前也發(fā)過一些資源。很容易找到，網(wǎng)上的資源更是很多！大家挑著看便是！
8.不懂不問和不懂立刻問
不懂不問，這個大家都知道，就是遇到問題，從不問同事或者通過其他方式咨詢別人。就是自己在那里苦思冥想，嘗試各種解決方案。這樣的方式，最壞的結(jié)果就是最終還是解決不了問題，讓同事來詢問開發(fā)情況。最好的結(jié)果問題解決了，但是解決問題所花的時間會肯定很多。
不懂立刻問，這個就是詞面的意思。遇到問題馬上問別人。自己沒怎么思考或者根本不思考。這樣能解決問題，但是這樣會導(dǎo)致自己可能會頻繁的問同事，會搞得同事很不耐煩。如果把同事的耐心磨沒了，可能回答的語氣可能不會很好。這樣不僅影響同事之間的關(guān)系，還會讓自己之后不敢再請教同事，有讓自己處于上面所說的不懂不問的風(fēng)險。
個人建議：適時請教。遇到不懂的問題，先自己結(jié)合上下文思考下，想下以前有沒有遇到這個問題，解決不了去網(wǎng)上找解決方案，如果還沒有解決問題，這個時候再問別人，問同事或者通過其它渠道問別人。這樣自己有了思考，解決問題的時候記憶也很深刻，也不會頻繁的打擾同事！
9.不懂裝懂
這個次面上跟上面的差不多，但實際上不一樣！不懂裝懂就是去問別人的時候，實際上別人的講解并沒有完全聽懂，可能是礙于面子或者是因為不好意思打擾別人那么久，或者擔(dān)心打擾別人太久，所以裝作很懂。但是這樣可能忽悠得了一時，很快又會露出馬腳。這樣會搞得隔一會又要去問別人同樣的問題，這樣反而會搞得別人更加尷尬，更加為難！自己也會打擾別人更多的時間！
個人建議：如果有問題去問別人，只要你問的人不是一個非常沒有耐心的人。他都會耐心的解答你的問題！所以，當(dāng)問別人問題的時候，一定要確保自己是已經(jīng)弄懂了問題的緣由，同事一遍沒解釋清楚，自己直接回答不明白，相信很多人都會再詳細的解釋一遍。如果擔(dān)心同事工作忙或者其它原因，可以挑一個合適的時間！我現(xiàn)在問同事就是，要么不問，要問就切底弄懂！當(dāng)然了，我的同事都很有耐心，每次我有什么問題，他們都會耐心解答，甚至是擴展開來講！


10.沒理清楚需求就寫代碼
很多人在接到需求之后，第一反應(yīng)就是寫代碼，即使是在自己沒把需求理清楚之前也是照樣寫代碼。另一種情況就是，很多人是邊寫代碼，邊想需求。這個開發(fā)方式，萬一自己對需求理解有誤！可能會導(dǎo)致自己寫的代碼，很大一部分都要修改，甚至是全部刪除重寫。沒理清楚需求就寫代碼這個情況，發(fā)生的概率應(yīng)該挺大的，但是一般來說很難發(fā)現(xiàn)這個情況，畢竟程序員對代碼的增刪改查是再正常不過了！我本身也不知道，就是在一次的技術(shù)分享中，老大提出來的，他的建議就是對于一些稍微復(fù)雜一點的需求，先理清楚需求，簡單畫個流程圖，然后在代碼里面，先寫上一點注釋，再開始動手寫代碼！對于這一點，我現(xiàn)在就是在執(zhí)行當(dāng)中！除非需求真的很簡單，否則我都會在草稿本上簡單畫一下流程圖。比如下面這個，這個已經(jīng)是我畫的流程圖里比較簡單的一個了。根據(jù)流程圖，寫好注釋，再寫代碼，這樣會比較有條理，代碼也清晰，日后的返工也可能會有，但是不會像以前那么多！在開發(fā)時間上，效率上，都得到了一個提升！
我建了一個前端小白交流群，添加進入交流群。我會給大家分享我收集整理的各種學(xué)習(xí)資料，組織大家一起做項目練習(xí)，幫助大家匹配一位學(xué)習(xí)伙伴互相監(jiān)督學(xué)習(xí)，歡迎加入