今天接到一個(gè)咨詢：
對(duì)話中這位同學(xué)提到的技能圖譜，應(yīng)該是這個(gè)：
相信大多數(shù)準(zhǔn)備或者已經(jīng)在學(xué)習(xí)前端開發(fā)的同學(xué)，都看到過(guò)或者正在按照這個(gè)類似的技能樹學(xué)習(xí)。 這種技能圖譜，通常是把關(guān)于前端的所有技術(shù)都羅列出來(lái)，然后把需要展示的前端技術(shù)點(diǎn)按層次畫在一張思維導(dǎo)圖上。各種分枝技術(shù)，各種知識(shí)點(diǎn)，大而全，仿佛一生都學(xué)不完。 當(dāng)然，這并不是說(shuō)技能圖譜沒(méi)有用，但是對(duì)新手來(lái)講，真心用處不大。一個(gè)新人，一個(gè)0基礎(chǔ)的小白，一個(gè)連java和Javascript都分不清的初學(xué)者，看到這類圖譜，一定被前端的覆蓋面驚呆了，從入門到精通，到最后一定演變成從入門到放棄。 其實(shí)呢，只要你把JS搞定，那么至少一半的前端技術(shù)都搞定了。說(shuō)句很俗但非常貼切的話：一切不以JavaScript為核心的前端開發(fā)都是耍流氓！ 那么，前端開發(fā)，都需要學(xué)什么？ 結(jié)合我的學(xué)習(xí)經(jīng)歷、近年來(lái)輔導(dǎo)學(xué)生的經(jīng)驗(yàn)以及公司中實(shí)際項(xiàng)目的需求，在這里將Web前端的學(xué)習(xí)分為以下幾個(gè)階段，具體的學(xué)習(xí)路線如下所示。 初級(jí)階段：從零基礎(chǔ)到網(wǎng)頁(yè)大師
HTML 的學(xué)習(xí)是一個(gè)記憶和理解的過(guò)程，在學(xué)習(xí)過(guò)程中可以借助Dreamweaver的“拆分”視圖輔助學(xué)習(xí)。在“設(shè)計(jì)”視圖中看效果，在“代碼”視圖中學(xué)本質(zhì)，將各種視圖的優(yōu)勢(shì)發(fā)揮到極致，這種對(duì)照學(xué)習(xí)的方法彌補(bǔ)了單純識(shí)記HTML標(biāo)簽和屬性的枯燥乏味，想必對(duì)各位初學(xué)的小盆友們來(lái)說(shuō)必定是極好的! 在學(xué)習(xí)了HTML之后，我們只是掌握了各種“原材料”的制作方法，要想蓋一幢樓房就還需要把這些“原材料”按照我們?cè)O(shè)計(jì)的方案組合布局在一起并進(jìn)行一些樣式的美化。 而css就是做這些工作的。 CSS是英文Cascading Style Sheets的縮寫，叫做層疊樣式表，是能夠真正做到網(wǎng)頁(yè)表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語(yǔ)言。相對(duì)于傳統(tǒng)HTML的表現(xiàn)而言其樣式是可以復(fù)用的，這樣就極大地提高了我們開發(fā)的速度，降低了維護(hù)的成本。 學(xué)完css，我們就可以順利完成“一幢樓房”的建設(shè)。 “樓房”建設(shè)完成之后，我們可以交給用戶使用，但是如果想讓用戶獲得更佳的體驗(yàn)，我們還可以對(duì)“樓房”進(jìn)行更深一步的“裝修”，讓它看起來(lái)更“豪華”一些。就要我們就用到了JavaScript。 基礎(chǔ)階段：從網(wǎng)頁(yè)大師到前端開發(fā)工程師
JavaScript是一種在客戶端廣泛使用的腳步語(yǔ)言，在JavaScript當(dāng)中為我們提供了一些內(nèi)置函數(shù)、對(duì)象和DOM操作，借助這些內(nèi)容我們可以來(lái)實(shí)現(xiàn)一些客戶端的特效、驗(yàn)證、交互等，使我們的頁(yè)面看起來(lái)不那么呆板，屌絲瞬間逆襲高富帥!有么有? 此時(shí)，也許你還沉浸在JavaScript給你帶來(lái)的驚喜之中，但你的項(xiàng)目經(jīng)理卻突然對(duì)你大吼道：
JavaScript的兼容性和復(fù)雜性有時(shí)候的確讓我們頭疼，還好有“大神”幫我們做了封裝。 jQuery 是一個(gè)免費(fèi)、開源的輕量級(jí)的JavaScript庫(kù)，并且兼容各種瀏覽器(jQuery2.0及后續(xù)版本放棄了對(duì)IE6/7/8瀏覽器的支持)，同時(shí)現(xiàn)在有很多基于jQuery的插件可供選擇，這樣在我們實(shí)現(xiàn)一些豐富的動(dòng)態(tài)效果時(shí)更方便快捷，大大節(jié)省了我們開發(fā)的時(shí)間，提高了開發(fā)速度，這也充分體現(xiàn)了其 write less,do more的核心宗旨。這個(gè)Feel倍兒爽!有么有? “豪華大樓”至此拔地而起，但是每天這樣日復(fù)一日，年復(fù)一年的蓋樓，好繁瑣!能不能將大樓里面每一個(gè)單獨(dú)部件模塊化，當(dāng)需要蓋樓時(shí)就像堆積木一樣組合在一起，這樣豈不是爽歪歪?可以實(shí)現(xiàn)嗎?答案是肯定的。 這種思想在Web前端開發(fā)中也是適合的，于是乎就出現(xiàn)了各種前端框架。在項(xiàng)目開發(fā)過(guò)程中，我們可以借助框架提供的CSS樣式、組件、JavaScript插件等快速的完成頁(yè)面布局和樣式設(shè)置，然后再有針對(duì)性的微調(diào)樣式，這樣基于框架進(jìn)行開發(fā)大大縮短了開發(fā)周期。站在巨人的肩膀上就是爽！ 進(jìn)階階段：前端高級(jí)開發(fā)工程師
基礎(chǔ)的東西以完成，到了本階段，就是量變到質(zhì)變的過(guò)程。學(xué)完本階段可以掌握大型網(wǎng)站、管理系統(tǒng)、Web應(yīng)用的整體架構(gòu)體系，能夠獨(dú)立完成或帶領(lǐng)團(tuán)隊(duì)完成中大型前端項(xiàng)目的研發(fā)工作。 項(xiàng)目實(shí)施：經(jīng)驗(yàn)豐富的業(yè)界高手
學(xué)完本階段可以極大地豐富前端開發(fā)經(jīng)驗(yàn)、掌握到當(dāng)前前端開發(fā)領(lǐng)域中最熱門、最具商業(yè)價(jià)值的前沿技術(shù)和高端技術(shù)，在前端開發(fā)方面達(dá)到專家級(jí)別，成為市場(chǎng)上炙手可熱的高端人才。 當(dāng)然，從菜鳥到大牛，路很長(zhǎng)。前端是一個(gè)看似入門門檻不高，但要學(xué)好很難的領(lǐng)域。前端的知識(shí)體系龐雜又松散，技術(shù)演進(jìn)快，如果摸不清脈絡(luò)的話很容易陷入盲人摸象的困境甚至跑偏。 但是，只要你掌握了正確的方法，學(xué)習(xí)前端和學(xué)好前端就只是個(gè)時(shí)間問(wèn)題。 最后，為了免責(zé)我還是要說(shuō)，每個(gè)人的成長(zhǎng)與基礎(chǔ)不一樣，結(jié)合自己的實(shí)際情況，再執(zhí)行。另外，還是要重復(fù)一下，前端的核心是js。css不難，但需要來(lái)積累。 對(duì)前端我是這么看的： css就像一瓶酒，得品。 html,css總共就那些標(biāo)簽跟選擇器屬性什么的，但是要寫一個(gè)有擴(kuò)展性，健壯性或維護(hù)性的頁(yè)面不容易。現(xiàn)在寫頁(yè)面基本條件反射，不是如何快速的完成，而是思考如果有界面需求修改，怎么在修改代碼最少的情況下快速完成需求任務(wù)。這是對(duì)前端耐力，體力，智力的三重考驗(yàn)。 js就像一把劍，得磨。 js剛開始只是為了較驗(yàn)，隨便技術(shù)社會(huì)的發(fā)展，承擔(dān)的角色越來(lái)越重，剛開始玩玩jQuery感覺(jué)已經(jīng)會(huì)js了，其實(shí)只是冰山一角。隨著對(duì)js的了解越來(lái)越多，他即變態(tài)又可愛(ài)，即好玩又難控，即有很多兼容問(wèn)題，但解決兼容是我們基本生存之道。從ajax到j(luò)smvc一路走一路看，高載潮一浪高過(guò)一浪 人生就是一場(chǎng)夢(mèng)，得作。 技術(shù)只是生活的一部分，曾經(jīng)雄心斗志，如今低頭寫碼。改變能改變的，接受不能改變的。人生有限，兄爭(zhēng)朝夕啊。人生學(xué)習(xí)的態(tài)度是：不急不躁，不快不慢。持之以恒，相信自己。不求能改變世界，但求能改變自己的生活。不求健步如飛，但求一步一腳印。感謝磨難，他使我們內(nèi)心更為堅(jiān)強(qiáng)。感謝挫折，他使我們不斷的成長(zhǎng)，感謝bug，他使我們的思維更加深邃。感謝前端，他使我們更加的相信，撐起一片天空需要十八般武藝。 想學(xué)前端開發(fā)的同學(xué)，可以來(lái)鄭州智游教育看一下。前端開發(fā)者的搖籃。 |
|
|
