這篇文章給大家聊聊關(guān)于菜鳥教程web前端，以及web前端自學(xué)網(wǎng)站對應(yīng)的知識點，希望對各位有所幫助，不要忘了收藏本站哦。

剛畢業(yè)，想學(xué)習(xí)web前端開發(fā)，偏全棧開發(fā)，有推薦的嗎

你好，我主要擅長Java后端，JQuery+Metro4前端的技術(shù)路線，且完全是基于多年工作經(jīng)驗的自學(xué)成才。

我認(rèn)為學(xué)習(xí)成本最低，效率最高的方法，從入門到實踐大體有三個階段：

第一階段，學(xué)習(xí)編程語言階段。

這個階段主要是對前端開發(fā)的編程語言工具有一個宏觀的認(rèn)識。了解前端開發(fā)用到哪些語言工具，分別實現(xiàn)什么作用，以及基礎(chǔ)知識即可。

1）HTML，CSS：主要用于構(gòu)建UI界面，HTML負(fù)責(zé)定義界面元素（控件），CSS負(fù)責(zé)定義元素（控件）的顏色、樣式。這兩種語言工具都十分簡單，內(nèi)容都是由控件或?qū)傩詷?gòu)成，建議記憶力好的話盡量記到腦子里，扎實基礎(chǔ)。

2）JS：主要用于編寫前端程序邏輯。JS想要學(xué)會只有靠代碼量堆，現(xiàn)階段記住基本語法和windows，document對象就行。實踐編程中都會用到框架，不一定會直接使用原生的JS語法，所以現(xiàn)階段不必深究。

3）正則表達(dá)式：主要用于字符串的高效處理（包括驗證、替換、截?。?，這個工具非常有用，建議記憶力好的話盡量記到腦子里，扎實基礎(chǔ)。

4）界面設(shè)計理論：UI界面不只是功能，最重要是用戶的可使用性，界面布局、色彩搭配、人機(jī)互動方法，看似跟編程無關(guān)，實際上這是前端設(shè)計的靈魂之處，也是前端工程師跟前端程序員的區(qū)別，所以請多學(xué)習(xí)相關(guān)設(shè)計知識。

第二階段，學(xué)習(xí)開發(fā)框架階段

前面講過實踐編程中都會用到框架，這個階段主要是對前端開發(fā)的框架工具進(jìn)行實踐學(xué)習(xí)。目前比較熱門的框架推薦Vue，Element，Uni-app，EChart都可以學(xué)一學(xué)。這個階段的學(xué)習(xí)靠看是沒用的，動手是最有效的學(xué)習(xí)方法。

1）選擇順手的編程工具：前端開發(fā)的編程工具可以選用HBuilderX，功能強(qiáng)大，適用度廣泛（PC網(wǎng)站，移動端的網(wǎng)站、app、微信公眾號、微信小程序、百度小程序等很多）。

2）獲取開發(fā)框架：從框架官方網(wǎng)站上下載框架的程序文件，在后續(xù)實踐活動中使用。

3）實踐學(xué)習(xí)：主要內(nèi)容包括使用編程工具建立項目，引用開發(fā)框架程序文件，找一個你認(rèn)為很炫酷的PC網(wǎng)站成功案例，選取查詢?yōu)g覽頁、表單頁、詳細(xì)內(nèi)容查看頁、圖標(biāo)分析頁、登錄頁這些有代表性的頁面形式模仿制作。

第三階段，迭代提高階段

經(jīng)過第二階段的學(xué)習(xí)，應(yīng)該已經(jīng)可以做出簡陋的界面，這個階段就是：

1）在不斷的實踐中體會前端的設(shè)計方法和編程技巧；

2）接觸和學(xué)習(xí)更多的框架、組件；

3）掌握多種客戶端類型（如：PC網(wǎng)站、H5路線的網(wǎng)站、app、微信公眾號、微信小程序、百度小程序等很多）的開發(fā)方法。

其他建議：

1、編程是操作型技能，動手第一、思考第二、眼看沒用；

2、編程技術(shù)最大的特點就是門類、概念、工具、框架又多又復(fù)雜，剛?cè)腴T的時候經(jīng)驗不足難以找到主干的學(xué)習(xí)路線，看起來好像不知道該學(xué)什么，多久才能學(xué)會，但是如果認(rèn)真梳理，漸進(jìn)學(xué)習(xí)，其實也沒有那么困難，反而可以從不斷的成就感中獲得樂趣。

3、無論是多么牛逼的培訓(xùn)學(xué)校、網(wǎng)課、書籍，一般只能幫助你完成第一階段的學(xué)習(xí)，極少數(shù)能夠深入的幫助你完成第二階段的學(xué)習(xí)，第一階段我更傾向于自學(xué)，第二階段我更傾向于尋找有實際工作經(jīng)驗的大神教你，這樣性價比較高。

關(guān)于前端就寫到這里，全棧開發(fā)的其他建議后續(xù)有機(jī)會再補(bǔ)充，希望可以幫助到你。

前端菜鳥，目前感覺很迷茫，要怎么找到自己的目標(biāo)

剛步入前端你首先要把前端的基礎(chǔ)支持打牢固，像html,html5，css,css3運行的很熟練，前期切圖寫靜態(tài)頁面的能力，寫各種效果的能力要提升的比較高，接下來你要繼續(xù)往更高層次的發(fā)展就需要著手開始寫js,用js實現(xiàn)各種交互，這個階段，然后就是需要熟悉運行各種js框架，jQuery，vue,react,angular等等，最后就是不斷提升你的code能力最后成為大牛！

其實可以看出題主最大的問題就是心態(tài)問題以及代碼實踐的問題，而這兩個問題又成為了你能不能學(xué)好web前端的關(guān)鍵。對這個有以下幾點建議：1.做技術(shù)切忌心浮氣躁，如果遇到問題，自己不能解決的話，最好可以求助身邊的朋友，相關(guān)從業(yè)人員，不要埋頭跟自己死磕，不然你會發(fā)現(xiàn)，你會變得越來越毛躁。

2.學(xué)習(xí)的方式選擇，，自學(xué)or培訓(xùn)，自學(xué)說實話本就不適合大多數(shù)人，實踐不足，學(xué)習(xí)難以長期堅持下去都是常見的問題，所以如果你真的熱愛這個行業(yè)，想通過自己的努力入行，選擇一個適合自己，能夠更好管理自己的學(xué)習(xí)方式，這樣也能提升你的學(xué)習(xí)效率，所以個人建議，可以酌情考慮報個培訓(xùn)班，打好基礎(chǔ)，積累實踐經(jīng)驗，后期工作問題也能有著落。

當(dāng)然這個是個人建議，具體的可以根據(jù)你自己的情況來做決斷！

有哪些web前端工作推薦

謝邀！講實話。上海應(yīng)該web前端的工作很好找的！個人建議：

多積累些項目經(jīng)驗，在面試的時候能夠展現(xiàn)出來！

多看看最近web前端招聘的需求和崗位說明，在面試前，多做些準(zhǔn)備。

學(xué)習(xí)web前端需要做哪些準(zhǔn)備，如何學(xué)習(xí)前端

前端處于一個高速發(fā)展的時代?；赝岸说陌l(fā)展，在過去十年中，前端從簡陋的HTML，CSS，JavaScript三把刷子做出來靜態(tài)網(wǎng)頁的時代，發(fā)展到現(xiàn)在視覺效果酷炫，適用終端廣泛，開發(fā)手段豐富多樣的前所未有的黃金時代。

越來越多的開發(fā)者涌入前端行業(yè)淘金，那么就有一種說法流傳出來，“前端開發(fā)已經(jīng)飽和了”，“前端開發(fā)要找不到工作了”。這是不是在危言聳聽，真相是什么樣的呢？在多個招聘網(wǎng)站搜索“前端工程師”職位就會發(fā)現(xiàn)，在每個一線城市均可找到10000+以上前端工程師招聘職位。對前端開發(fā)需求量依然可以保證你找到一門工作，不存在飽和這樣的說法。

但如果你再仔細(xì)留意，你會發(fā)現(xiàn)招聘量最大的3-5年的中高級前端乃至前端架構(gòu)師，而不是初級前端。所以再回過頭來說前端飽不飽和這個問題，需求肯定是不飽和，但留給初級前端的機(jī)會確實少了。

所以，如果你是一個實力很弱的前端小菜鳥，找到一份心儀的前端工作是有些困難的，初級前端就只能失業(yè)了嗎？不，除了熬年限、熬經(jīng)驗，實力才是最為重要的。高水平的開發(fā)也是從初級水平成長起來的，你也是可以成長為一名高級前端開發(fā)的。

初級開發(fā)怎么才能成長為一名高級前端？前端的知識體系龐雜，框架、庫、插件數(shù)不勝數(shù)，小白學(xué)習(xí)web前端開發(fā)應(yīng)該學(xué)習(xí)哪些東西？

1夯實基礎(chǔ)

前端的基礎(chǔ)是什么？是HTML、CSS，JavaScript。特別是JavaScript，我們對前端基礎(chǔ)的掌握程度，極大程度上體現(xiàn)在對JavaScript的掌握程度上。所有的瀏覽器引擎運行的腳本語言都是JavaScript，我們使用的框架也是用JavaScript開發(fā)的。即使最近非常流行的typescript，其實底層也是JavaScript，是需要編譯為JavaScript后才能在瀏覽器運行的。即使是高級前端工程師的面試中，對于JavaScript知識的考核也是必不可少的。不僅體現(xiàn)在JavaScript語法，API，也很大一部分包含著最新的ES6的知識。

2主動學(xué)習(xí)

一名優(yōu)秀的程序員絕對不是一個被別人牽著鼻子或者被人用鞭子趕著才會去學(xué)習(xí)的人，他一定是一個主動學(xué)習(xí)的人。優(yōu)秀的程序員之所以優(yōu)秀，是因為他有深厚的知識積累，而這些知識的來源，是因為他在不斷地學(xué)習(xí)。所以才能夠在工作中解決棘手的問題，在面試中回答出刁鉆的難題，因此而獲得豐厚的薪水。一個被動學(xué)習(xí)的人，我想是很難達(dá)到這種地步的。

作為前端要主動學(xué)習(xí)，方向必須是能夠具有針對性的提升自身競爭力的內(nèi)容，而且是輕易不會過時的穩(wěn)定的知識。比如就像語言內(nèi)部機(jī)制和框架原理，設(shè)計模式這種知識。學(xué)了這種知識，其實就有能力自己做一些簡單的框架，工具和庫了，心中有底氣，就可以擺脫被不斷更新的應(yīng)用型，API型知識牽著鼻子走的局面。

為什么感覺周圍很多自學(xué)web前端的人后來都放棄了

學(xué)前端怎么樣都繞不開三板斧，即htmlcssjs。

學(xué)習(xí)的難易程度看個人而定，學(xué)的快一個月大概就可以學(xué)到會用水平，而這僅僅是一個開始，因為你沒有親身的項目實踐，所以越往后面越多東西你難以理解。

舉一個例子，列表循環(huán)為什么要給每個單獨項都綁定一個id？表單填寫的時候為什么要給每一項綁定一個name值？

此時，有學(xué)習(xí)力的人就會主動去尋找答案，而動力不足的人就會繼續(xù)跟著課程去學(xué)習(xí)，學(xué)到最后還是不會懂，只有說這個東西好難理解??！看來我不是學(xué)前端的料子，我還是退出吧！

再看看有學(xué)習(xí)力的人，他們知道了id和name值都是和后端的某個實體一一對應(yīng)的，之所以綁定是為了把值精準(zhǔn)無誤的傳給后端。

這時，他們學(xué)習(xí)的勁頭會越來越足，最終學(xué)會了這三板斧。

而這時，他們通過各種途徑又了解到了mvvm框架，他們又要轉(zhuǎn)去學(xué)習(xí)Vue等前端框架，又要被迫學(xué)習(xí)node等運行環(huán)境。

如果堅持不下去的，到這里就放棄了，而那些依然樂此不彼的，前端編程就是他們的天賦所在了。

總之，自學(xué)前端之所以放棄，有以下原因：

我是羊羽，一名奮斗在一線的軟件工程師，歡迎關(guān)注。

關(guān)于菜鳥教程web前端的內(nèi)容到此結(jié)束，希望對大家有所幫助。