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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第三階段，迭代提高階段

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

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

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

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

其他建議：

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

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

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

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

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

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

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

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

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

有哪些web前端工作推薦

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

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

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

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

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

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

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

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

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

1夯實(shí)基礎(chǔ)

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

2主動(dòng)學(xué)習(xí)

一名優(yōu)秀的程序員絕對(duì)不是一個(gè)被別人牽著鼻子或者被人用鞭子趕著才會(huì)去學(xué)習(xí)的人，他一定是一個(gè)主動(dòng)學(xué)習(xí)的人。優(yōu)秀的程序員之所以優(yōu)秀，是因?yàn)樗猩詈竦闹R(shí)積累，而這些知識(shí)的來源，是因?yàn)樗诓粩嗟貙W(xué)習(xí)。所以才能夠在工作中解決棘手的問題，在面試中回答出刁鉆的難題，因此而獲得豐厚的薪水。一個(gè)被動(dòng)學(xué)習(xí)的人，我想是很難達(dá)到這種地步的。

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

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

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

學(xué)習(xí)的難易程度看個(gè)人而定，學(xué)的快一個(gè)月大概就可以學(xué)到會(huì)用水平，而這僅僅是一個(gè)開始，因?yàn)槟銢]有親身的項(xiàng)目實(shí)踐，所以越往后面越多東西你難以理解。

舉一個(gè)例子，列表循環(huán)為什么要給每個(gè)單獨(dú)項(xiàng)都綁定一個(gè)id？表單填寫的時(shí)候?yàn)槭裁匆o每一項(xiàng)綁定一個(gè)name值？

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

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

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

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

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

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

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

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