前端菜鳥是這樣入門學習的,點進來!

2021-10-07 10:47:27 字數 3335 閱讀 9772

現在從事it方向的人有很多。由於web前端薪資水平高,職業前景廣闊,崗位缺口大,就業口徑寬,想通過學習web前端開發從而進入到該行業工作的人越來越多。當然也有很多人在猶豫不知道web前端開發都學哪些內容?零基礎的可以學會嗎?好不好學.

前端涉及到的東西太多了,自己也很浮躁,看了挺多書,可是**缺敲得卻不多。技術菜,又什麼都想學,比如現在糾結要不要先學scss或者php或者angularjs,backbone等框架,還是深入學習html5+css3?

在我看來前端這20%的東西大概就是常用的html標籤,css的盒子模型,基本的原生js,以及熟練使用jquery,ajax,常見瀏覽器的相容。拿下這些東西意義非凡,一方面證明你適合做前端這份工作,另一方面這些技能能讓你找到乙份工作。讓你能夠從容地去學習剩下的80%。

總之就是專心對付最重要的東西,那些什麼less、sass、angular這類的東西,當你把我之前說的基礎打好之後,學習起來暢通無阻,隨學隨用。最後我覺得最難的就是實踐,只有實踐才能學到真正的技術,新人很難參與一些有價值有意義的專案,沒有這些專案又很難成長,所以自己有專案可參與應該珍惜,沒專案應該多造一些有價值的輪子。

怎麼零基礎學習web前端。

1.先說一下學習完web前端之後能幹什麼

2.怎麼開始學習

我之前接觸和輔導過很多自學的學生,有成功的也有放棄的,放棄的那些同學基本都是輸在錯誤的學習思路和心理迷茫期。聽他們抱怨說:沒有人去指導他們,每天學完就學完了,第二天接著學,但是東西太亂都串不起來,也都不知道是幹嘛用的,尤其是js部分,這種問題完全可以把乙個人摧毀!所以 我一直對我的學生強調:有問題一定要去問,去解決,千萬不要不懂裝懂,弄明白了再往下走,人的心理是很脆弱的,一旦倒了可能就再也站不起來了。敬告各位新入行的同學,除非你之前有過程式設計經驗,不然就找個引路人指導你。

如果大家對於學習前端有任何問題,學習方法,學習路線,如何學習有效率的問題,

可以隨時來諮詢我,或者缺少系統學習資料的,我做這行年頭比較久,自認為還是比較有經驗的,

可以幫助大家提出建設性建議,603985993這是我的web前端交流qun,有任何問題可以隨時來諮詢我。

3.列乙個學習大綱

01.環境搭建

前端環境很好搭建,乙個開發工具即可,webstorm,hbuilder,vscode,sublime。初學者建議sublime 也不要裝外掛程式,沒有語法提示,可以打基礎

02.html基礎

帶你去認識html,讓你學習去執行html,等瀏覽器上面開啟你的頁面的時候,你會有很強的成就感,然後開始學習html的基礎標籤

03.css基礎

html是勾勒,css是染色,基礎的css學完你會有種想寫頁面的衝動,這時候你不用抑制住那種感覺,直接按照自己所想開寫,這是你的第乙個專案

04,js基礎

js是頁面的邏輯,作為乙個web前端工程師,js是很核心的部分,也是很難的部分。js的學習之後放長一些,尤其是前一周,要讓自己去熟悉那種語法環境,培養自己的開發思路,而且有一點就是學完乙個星期的知識之後,及時和你的指引人溝通,看卡自己的理解是否有誤,還有就是學習思路是否有問題,他會給你指出那些東西需要多學習,哪些不常用,還有就是給你點一下你學的這些在專案中會是怎麼去應用,理論聯絡實際是最好的學習方式。

05.純ja操作dom和jquery

這階段要知道怎麼去用js來更改頁面的元素,怎麼去寫dom事件,經過一番聯絡後,再引入jquery,不要本末倒置,有個同學學完jquery之後說發誓以後再不用原生js操作dom!然後被我狠狠罵了一頓

06,開始你的ui框架之旅

這個階段我推薦從bootstrap開始,這個框架很經典,響應式的珊格系統被後來框架一直沿用,在我線下教學的那幾年,我都會帶著學生一起看bootstrap的原始碼,讓他們學會這種設計思想,因為之後對他們太有用了,當時他們很痛苦,現在他們說起來覺得很受益,如果可以,你也要去看看原始碼,先學會去定製bootstrap,公司注重二次開發,定製 bootstrap正好可以練手。

07.開始深入css3

基礎學完css3要提上日程,這時你會看到不一樣的世界

08.深入js

這階段你就要去解讀原型鏈,原型替換,this指向,es6,es7的新語法,

09.學一套主流mv*框架

vue,react,angular2選一種,

我建議從vue開始,react的jsx語法不適合你入門去學習,angular2的typescript語法糖難度也比較高,vue學起來平滑些,結合vue,學一下vue-router,vuex,element ui,axios,webpack。做個專案玩一下這個全家桶

10.公升級後台語言nodejs

這個不作要求,你在學vue的時候其實已經在用nodejs了,你用的npm就是nodejs的一部分,這個階段說的是nodejs程式設計,比較難理解,畢竟是寫伺服器的東西,不過前面基礎打牢固,讓別人一點撥就能上手,技術不難,難在思路轉換。

3.總結做專案

兩個專案,

乙個是側重於css特效方面的,要求就是非常酷,帥到沒朋友

第二個專案側重邏輯處理,用來昇華你的邏輯能力

4.面試技巧培養階段

這個階段要培養下公司專案的具體流程以及面試技巧的培養,面試回答思路,如果有同學想多了解這方面,我很樂意給大家講解

因為現在web前端這個職業非常火,這個不是最重要,重要的在五年之後,web前端發展前景是勢不可擋的。但是我現在看到的問題是,大家看到web前端這個職業發展非常好,未來前景也是非常好,掙錢也是非常多,但是大家都忽略了乙個東西,既然是這麼好的職業,那麼它一定沒有那麼容易讓你勝任這個工作,我們都知道現在前端的競爭非常大,而這種競爭是在新手之中的競爭,在初級工程師、中級工程師、高階工程師是沒有競爭的,很多人眼紅前端工程師工資這麼高,自己也想這樣去拿高薪,但是大家不知道當初這些人在學習前端的時候是怎麼學習的,才有今天,為了避免大家有這樣錯誤的思想,我給大家下面幾個建議:

一、在如今前端開發競爭這麼激烈的時代,千萬不要著急去找工作,尤其是不可相信那種速成四個月培訓,然後去找工作的,大家不妨想一下,五年的速成和五年後的速成,找工作的性質能一樣?五年的差距,最後還用同乙個方法速成,你覺得工作好找嗎?

二、現在的前端不是之前的網頁製作,現在的前端更加高階,新手學習前端必須有乙個學習規劃,有一套系統的學習方案,這個方案的學習時間最好是半年,每天應該學習什麼,心裡應該有數,每個知識點應該做什麼案例,而且要每天堅持學,一天都不可以停,一旦停了就不想學習了,所以說現在學習前端不是智商的問題,看誰可以慢慢的挺過去,韌性強。

三、要有人去指導,其實這個我好像談了無數次,現在乙個新手想要全部通過自己學習前端,並且找到工作,首先這種可能性非常的小,如果誰能單憑自己乙個人的力量自學前端找到工作,那麼這個人一定是乙個人才,但是這種人只有1%,所以一定要有乙個可以幫你解決小問題的人,不然會走很多彎路,得不償失。

前端菜鳥的成長學習之路(一)

又是一年畢業季,想想當初自己畢業的懵懂和無知,畢業後的第乙份工作很重要,大多數是決定這你今後的發展方向,我在廊坊上的大學,最後乙個學期的後半學期,開始找工作,當時信心滿滿的要找乙份後台程式設計師的工作,也覺得自己是哪塊料,現實總是和理想有差距,畢竟在廊坊去北京找工作來回很累,加上剛畢業水平有限,堅持...

前端菜鳥學習之DOM事件處理

1.dom0級事件處理程式 就是將乙個函式賦值給乙個事件處理程式屬性,至今仍為現代所有瀏覽器所支援,主要得益於其跨瀏覽器的優勢,要使用dom0級事件,首先要得到操作物件的引用,具體例項如下圖所示。var obtn document.queryselector btn obtn.onclick fun...

乙個前端菜鳥面試官的體會

因為工作專案需要,上週急聘一位前端開發人員。老闆的要求是,基礎要紮實,移動端有開發經驗,能快速上手,這就可以了 來面試的那些人怎麼說呢,簡歷基本都是高大上 相信老闆初篩簡歷的時候也是稍微用心了 都是豐富的pc 移動端開發經驗,簡歷裡面的技術特長 工作經歷 專案經歷加起來基本沒有少於3頁紙的。然而,他...