摘要：提升視野的方式有很多，最重要的一點(diǎn)在于自己主動(dòng)動(dòng)腦思考，去想的越多，收獲也就會(huì)越多。相關(guān)文章鏈接我與前端因興趣起源

HTML5學(xué)堂（碼匠）：在自學(xué)WEB前端或者任何一種技術(shù)的過程中，視野都是極其重要的影響因素，視野決定著我們努力的方向，縱然我們多么努力，走錯(cuò)了方向也是枉然。

通過一段時(shí)間的自學(xué)，已經(jīng)清晰了解了HTML與CSS的書寫方法，也能夠動(dòng)手實(shí)現(xiàn)一些網(wǎng)頁(yè)，但是總覺得，自己的代碼規(guī)范不夠標(biāo)準(zhǔn)，不清楚如何書寫出符合行業(yè)要求的網(wǎng)頁(yè)，于是又查看了《CSS禪意花園》等書籍，將理論知識(shí)慢慢的轉(zhuǎn)換為實(shí)戰(zhàn)能力。

那時(shí)還閱讀過一本書，主要涉及960柵格設(shè)計(jì)以及由該設(shè)計(jì)理念引發(fā)的“類的組合”。自己也是從那時(shí)開始，對(duì)類的組合和類的繼承有了比較深度的認(rèn)識(shí)（類的組合，就是同一個(gè)標(biāo)簽有多個(gè)類名；類的繼承，就是后代選擇器的應(yīng)用）。

在學(xué)習(xí)HTML與CSS的整個(gè)過程中，發(fā)現(xiàn)很多書籍里書寫的東西都“太字典”了，沒有任何選擇性和邏輯性，全部都呈現(xiàn)出來了。說廣，僅僅在知識(shí)點(diǎn)呈現(xiàn)方面比較廣，在知識(shí)的應(yīng)用方面卻提得很少。說精，在知識(shí)的深入方面遠(yuǎn)遠(yuǎn)不夠。

大二期末考試之后，是學(xué)校的短學(xué)期，主要是進(jìn)行一些實(shí)戰(zhàn)項(xiàng)目，老師提供給了我們?nèi)追桨?，讓我們?nèi)x其一。其中一套方案是運(yùn)用非線編技術(shù)編輯視頻，另一套方案是運(yùn)用學(xué)過的網(wǎng)站制作技術(shù)，實(shí)現(xiàn)教育技術(shù)系的官網(wǎng)，還有一套方案是使用設(shè)備拍攝宣傳片。

當(dāng)時(shí)，自己已經(jīng)學(xué)習(xí)HTML與CSS兩年了、對(duì)JavaScript也有了一點(diǎn)了解，于是選擇了“官網(wǎng)”開發(fā)，承擔(dān)了這個(gè)工作的負(fù)責(zé)人。從網(wǎng)站的需求構(gòu)思、到網(wǎng)站的設(shè)計(jì)，再到網(wǎng)站開發(fā)，去嘗試制作一個(gè)完整的靜態(tài)網(wǎng)站（沒有后臺(tái)，JavaScript也非常少）。

在技術(shù)方面，自己深深受到了“DIV+CSS”思想的影響，大量的使用div進(jìn)行標(biāo)簽的嵌套，對(duì)于標(biāo)簽選擇方面，掌握了標(biāo)簽語(yǔ)義性方面的東西，雖然能夠比較合理的使用h1、h2、p、ul等標(biāo)簽，但是對(duì)于dl標(biāo)簽的應(yīng)用，了解甚少。

數(shù)天的折騰也算是完成了網(wǎng)站的構(gòu)思、設(shè)計(jì)與制作，還把網(wǎng)頁(yè)的內(nèi)容整理了出來。當(dāng)網(wǎng)站制作完成的時(shí)候，還是蠻有成就感的。
附上我最早“設(shè)計(jì)+制作”的網(wǎng)站頁(yè)面（現(xiàn)在看起來，感覺丑到爆啊~~~T_T）

大三，感覺自己對(duì)技術(shù)知識(shí)的學(xué)習(xí)進(jìn)入到了瓶頸期，HTML與CSS已經(jīng)基本掌握，但是自己卻不知道之后的路應(yīng)當(dāng)如何走下去。

JavaScript是自己了解的另一門與網(wǎng)頁(yè)開發(fā)相關(guān)的語(yǔ)言，大二下半年，在自己HTML與CSS學(xué)習(xí)差不多的時(shí)候，就開始接觸JavaScript的相關(guān)知識(shí)和書籍了。

但是，不得不說JavaScript真的不好學(xué)，特別是自學(xué)！在自學(xué)過程中，雖然都能夠較快的掌握J(rèn)S的各類方法，但是卻不知道應(yīng)當(dāng)如何將這些方法拼合成一個(gè)具有實(shí)際功能的“模塊”。換言之，知識(shí)在大腦當(dāng)中就是一個(gè)個(gè)的散點(diǎn)，不要說系統(tǒng)化的知識(shí)體系了，就連知識(shí)之間的聯(lián)系都很難建立起來。

于是，自己開始琢磨，到底工作當(dāng)中，這個(gè)職位是什么？要求是什么？要用這個(gè)技術(shù)（JavaScript）做什么？

那時(shí)候我所知道的只有兩點(diǎn)，第一點(diǎn)是“網(wǎng)頁(yè)設(shè)計(jì)與制作”已經(jīng)過時(shí)了，要想能夠制作優(yōu)秀的網(wǎng)站，必須能夠hold住JavaScript；第二點(diǎn)是“我學(xué)習(xí)了半天JavaScript，卻不知道怎么將知識(shí)整合起來，雖然有一個(gè)方向，但是這個(gè)方向卻不足夠清晰，只能夠朝著一個(gè)模糊的方向努力”。

于是，自己進(jìn)入了迷茫期、無助期。到底未來要找的工作要求什么，而今努力、學(xué)習(xí)的方向會(huì)不會(huì)是錯(cuò)誤的？
為了弄清晰自己的“學(xué)習(xí)目標(biāo)”，自己開始使用搜索引擎進(jìn)行大量的搜索，關(guān)于網(wǎng)站制作的工作、網(wǎng)頁(yè)制作的工作名稱、網(wǎng)站相關(guān)的工程師。無奈的是，由于搜索引擎的搜索特點(diǎn)，當(dāng)沒有輸入非常“準(zhǔn)確”的“搜索詞”時(shí)，是不可能搜索到合理信息的。

此外，自己還去問了數(shù)個(gè)自己專業(yè)的老師、系主任，問了周圍很多很多人，然而卻沒有人告訴我，那個(gè)職位到底是什么。

一次次的百度查找資料，卻一次次的無功而返。一次次的問別人，也沒有什么結(jié)果。無助感越來越重，漸漸的自己也有些絕望了。

4.1.在視野上為自己投資
技在手能在身思在腦，知識(shí)和技術(shù)是最為底層的，能力決定著知識(shí)和技術(shù)，而思維決定著一個(gè)人的能力水平，決定著一個(gè)人思維高度的則是視野。

提升視野的方式有很多，最重要的一點(diǎn)在于自己主動(dòng)動(dòng)腦思考，去想的越多，收獲也就會(huì)越多。在主動(dòng)思考的前提下，借助各類資源學(xué)習(xí)、閱讀書籍，與專業(yè)領(lǐng)域的人溝通，聊天，去各個(gè)城市或城市的各個(gè)地方用眼睛和耳朵去收獲信息等等等等，都是提升視野，提升自己價(jià)值的很好的手段和途徑。

4.2.大學(xué)的課程有用嗎？
很多人在上大學(xué)的時(shí)候，都會(huì)想，現(xiàn)在學(xué)習(xí)的課程知識(shí)有用嗎？以后社會(huì)里真的會(huì)用得到嗎？
再加上在大學(xué)當(dāng)中學(xué)習(xí)的時(shí)候，很難接觸到實(shí)際的工作，很難將學(xué)到的知識(shí)應(yīng)用起來。就會(huì)有很多人覺得在大學(xué)當(dāng)中學(xué)習(xí)到的知識(shí)沒有什么作用。

個(gè)人認(rèn)為，并非如此。在自己工作之后（我的工作性質(zhì)與我原來的專業(yè)比較對(duì)口），發(fā)現(xiàn)的確會(huì)涉及到一部分大學(xué)的知識(shí)，如果對(duì)大學(xué)知識(shí)掌握較好，能夠讓工作在一個(gè)更好的基礎(chǔ)上推進(jìn)；對(duì)于工作中大部分的新知識(shí)，大學(xué)的知識(shí)雖然用不上，但是大學(xué)當(dāng)中在學(xué)習(xí)知識(shí)時(shí)鍛煉出來的學(xué)習(xí)能力，能夠讓自己較快較系統(tǒng)的掌握一個(gè)知識(shí)或技能。

如果希望大學(xué)的知識(shí)或課程能夠在未來“為我們所用”，建議如下幾點(diǎn)：
首先，在學(xué)習(xí)大學(xué)知識(shí)時(shí)目的要明確，不是為了考試，而是為了提升自己、積累知識(shí)；
其次，要相對(duì)比較深入的學(xué)習(xí)大學(xué)知識(shí)，不能夠僅僅依靠課上老師的講解；
最后，也是最為重要的，在大學(xué)學(xué)習(xí)期間，知識(shí)是表層的，真正深層次的是借助知識(shí)提升自己的知識(shí)搜索能力、學(xué)習(xí)能力等。

我與前端 | 因興趣起源