HTML5學(xué)堂（碼匠）：在自學(xué)WEB前端或者任何一種技術(shù)的過程中，視野都是極其重要的影響因素，視野決定著我們努力的方向，縱然我們多么努力，走錯了方向也是枉然。
![]()
HTML5學(xué)堂（碼匠） - 我與前端 | 視野的重要性
視野的重要性 (我與前端系列-02)
1. 書籍問題導(dǎo)致自學(xué)效率不高
通過一段時間的自學(xué)，已經(jīng)清晰了解了HTML與CSS的書寫方法，也能夠動手實現(xiàn)一些網(wǎng)頁，但是總覺得，自己的代碼規(guī)范不夠標(biāo)準(zhǔn)，不清楚如何書寫出符合行業(yè)要求的網(wǎng)頁，于是又查看了《CSS禪意花園》等書籍，將理論知識慢慢的轉(zhuǎn)換為實戰(zhàn)能力。
那時還閱讀過一本書，主要涉及960柵格設(shè)計以及由該設(shè)計理念引發(fā)的“類的組合”。自己也是從那時開始，對類的組合和類的繼承有了比較深度的認(rèn)識（類的組合，就是同一個標(biāo)簽有多個類名；類的繼承，就是后代選擇器的應(yīng)用）。
在學(xué)習(xí)HTML與CSS的整個過程中，發(fā)現(xiàn)很多書籍里書寫的東西都“太字典”了，沒有任何選擇性和邏輯性，全部都呈現(xiàn)出來了。說廣，僅僅在知識點呈現(xiàn)方面比較廣，在知識的應(yīng)用方面卻提得很少。說精，在知識的深入方面遠遠不夠。
2. 嘗試開發(fā)第一個網(wǎng)站
大二期末考試之后，是學(xué)校的短學(xué)期，主要是進行一些實戰(zhàn)項目，老師提供給了我們?nèi)追桨福屛覀內(nèi)x其一。其中一套方案是運用非線編技術(shù)編輯視頻，另一套方案是運用學(xué)過的網(wǎng)站制作技術(shù)，實現(xiàn)教育技術(shù)系的官網(wǎng)，還有一套方案是使用設(shè)備拍攝宣傳片。
當(dāng)時，自己已經(jīng)學(xué)習(xí)HTML與CSS兩年了、對JavaScript也有了一點了解，于是選擇了“官網(wǎng)”開發(fā)，承擔(dān)了這個工作的負(fù)責(zé)人。從網(wǎng)站的需求構(gòu)思、到網(wǎng)站的設(shè)計，再到網(wǎng)站開發(fā)，去嘗試制作一個完整的靜態(tài)網(wǎng)站（沒有后臺，JavaScript也非常少）。
在技術(shù)方面，自己深深受到了“DIV+CSS”思想的影響，大量的使用div進行標(biāo)簽的嵌套，對于標(biāo)簽選擇方面，掌握了標(biāo)簽語義性方面的東西，雖然能夠比較合理的使用h1、h2、p、ul等標(biāo)簽，但是對于dl標(biāo)簽的應(yīng)用，了解甚少。
數(shù)天的折騰也算是完成了網(wǎng)站的構(gòu)思、設(shè)計與制作，還把網(wǎng)頁的內(nèi)容整理了出來。當(dāng)網(wǎng)站制作完成的時候，還是蠻有成就感的。
附上我最早“設(shè)計+制作”的網(wǎng)站頁面（現(xiàn)在看起來，感覺丑到爆啊~~~T_T）
![]()
HTML5學(xué)堂（碼匠） - ?最早“設(shè)計+制作”的網(wǎng)站頁面
3. 視野問題導(dǎo)致的瓶頸期
大三，感覺自己對技術(shù)知識的學(xué)習(xí)進入到了瓶頸期，HTML與CSS已經(jīng)基本掌握，但是自己卻不知道之后的路應(yīng)當(dāng)如何走下去。
JavaScript是自己了解的另一門與網(wǎng)頁開發(fā)相關(guān)的語言，大二下半年，在自己HTML與CSS學(xué)習(xí)差不多的時候，就開始接觸JavaScript的相關(guān)知識和書籍了。
但是，不得不說JavaScript真的不好學(xué)，特別是自學(xué)！在自學(xué)過程中，雖然都能夠較快的掌握J(rèn)S的各類方法，但是卻不知道應(yīng)當(dāng)如何將這些方法拼合成一個具有實際功能的“模塊”。換言之，知識在大腦當(dāng)中就是一個個的散點，不要說系統(tǒng)化的知識體系了，就連知識之間的聯(lián)系都很難建立起來。
于是，自己開始琢磨，到底工作當(dāng)中，這個職位是什么？要求是什么？要用這個技術(shù)（JavaScript）做什么？
那時候我所知道的只有兩點，第一點是“網(wǎng)頁設(shè)計與制作”已經(jīng)過時了，要想能夠制作優(yōu)秀的網(wǎng)站，必須能夠hold住JavaScript；第二點是“我學(xué)習(xí)了半天JavaScript，卻不知道怎么將知識整合起來，雖然有一個方向，但是這個方向卻不足夠清晰，只能夠朝著一個模糊的方向努力”。
于是，自己進入了迷茫期、無助期。到底未來要找的工作要求什么，而今努力、學(xué)習(xí)的方向會不會是錯誤的？
為了弄清晰自己的“學(xué)習(xí)目標(biāo)”，自己開始使用搜索引擎進行大量的搜索，關(guān)于網(wǎng)站制作的工作、網(wǎng)頁制作的工作名稱、網(wǎng)站相關(guān)的工程師。無奈的是，由于搜索引擎的搜索特點，當(dāng)沒有輸入非常“準(zhǔn)確”的“搜索詞”時，是不可能搜索到合理信息的。
此外，自己還去問了數(shù)個自己專業(yè)的老師、系主任，問了周圍很多很多人，然而卻沒有人告訴我，那個職位到底是什么。
一次次的百度查找資料，卻一次次的無功而返。一次次的問別人，也沒有什么結(jié)果。無助感越來越重，漸漸的自己也有些絕望了。
4. 觀點share
4.1.在視野上為自己投資
技在手能在身思在腦，知識和技術(shù)是最為底層的，能力決定著知識和技術(shù)，而思維決定著一個人的能力水平，決定著一個人思維高度的則是視野。
提升視野的方式有很多，最重要的一點在于自己主動動腦思考，去想的越多，收獲也就會越多。在主動思考的前提下，借助各類資源學(xué)習(xí)、閱讀書籍，與專業(yè)領(lǐng)域的人溝通，聊天，去各個城市或城市的各個地方用眼睛和耳朵去收獲信息等等等等，都是提升視野，提升自己價值的很好的手段和途徑。
4.2.大學(xué)的課程有用嗎？
很多人在上大學(xué)的時候，都會想，現(xiàn)在學(xué)習(xí)的課程知識有用嗎？以后社會里真的會用得到嗎？
再加上在大學(xué)當(dāng)中學(xué)習(xí)的時候，很難接觸到實際的工作，很難將學(xué)到的知識應(yīng)用起來。就會有很多人覺得在大學(xué)當(dāng)中學(xué)習(xí)到的知識沒有什么作用。
個人認(rèn)為，并非如此。在自己工作之后（我的工作性質(zhì)與我原來的專業(yè)比較對口），發(fā)現(xiàn)的確會涉及到一部分大學(xué)的知識，如果對大學(xué)知識掌握較好，能夠讓工作在一個更好的基礎(chǔ)上推進；對于工作中大部分的新知識，大學(xué)的知識雖然用不上，但是大學(xué)當(dāng)中在學(xué)習(xí)知識時鍛煉出來的學(xué)習(xí)能力，能夠讓自己較快較系統(tǒng)的掌握一個知識或技能。
如果希望大學(xué)的知識或課程能夠在未來“為我們所用”，建議如下幾點：
首先，在學(xué)習(xí)大學(xué)知識時目的要明確，不是為了考試，而是為了提升自己、積累知識；
其次，要相對比較深入的學(xué)習(xí)大學(xué)知識，不能夠僅僅依靠課上老師的講解；
最后，也是最為重要的，在大學(xué)學(xué)習(xí)期間，知識是表層的，真正深層次的是借助知識提升自己的知識搜索能力、學(xué)習(xí)能力等。
相關(guān)文章鏈接：
