HTML5學(xué)堂（碼匠）：在自學(xué)WEB前端或者任何一種技術(shù)的過程中，視野都是極其重要的影響因素，視野決定著我們努力的方向盐固，縱然我們多么努力，走錯了方向也是枉然丈挟。
![]()
HTML5學(xué)堂（碼匠） - 我與前端 | 視野的重要性
視野的重要性 (我與前端系列-02)
1. 書籍問題導(dǎo)致自學(xué)效率不高
通過一段時間的自學(xué)刁卜，已經(jīng)清晰了解了HTML與CSS的書寫方法，也能夠動手實現(xiàn)一些網(wǎng)頁曙咽，但是總覺得蛔趴，自己的代碼規(guī)范不夠標準，不清楚如何書寫出符合行業(yè)要求的網(wǎng)頁例朱，于是又查看了《CSS禪意花園》等書籍孝情，將理論知識慢慢的轉(zhuǎn)換為實戰(zhàn)能力。
那時還閱讀過一本書洒嗤，主要涉及960柵格設(shè)計以及由該設(shè)計理念引發(fā)的“類的組合”箫荡。自己也是從那時開始，對類的組合和類的繼承有了比較深度的認識（類的組合渔隶，就是同一個標簽有多個類名羔挡；類的繼承洁奈，就是后代選擇器的應(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è)備拍攝宣傳片。
當時陆馁，自己已經(jīng)學(xué)習(xí)HTML與CSS兩年了找颓、對JavaScript也有了一點了解，于是選擇了“官網(wǎng)”開發(fā)叮贩，承擔(dān)了這個工作的負責(zé)人击狮。從網(wǎng)站的需求構(gòu)思、到網(wǎng)站的設(shè)計益老，再到網(wǎng)站開發(fā)彪蓬，去嘗試制作一個完整的靜態(tài)網(wǎng)站（沒有后臺，JavaScript也非常少）捺萌。
在技術(shù)方面档冬，自己深深受到了“DIV+CSS”思想的影響，大量的使用div進行標簽的嵌套桃纯，對于標簽選擇方面酷誓，掌握了標簽語義性方面的東西，雖然能夠比較合理的使用h1慈参、h2呛牲、p、ul等標簽驮配，但是對于dl標簽的應(yīng)用，了解甚少。
數(shù)天的折騰也算是完成了網(wǎng)站的構(gòu)思壮锻、設(shè)計與制作琐旁，還把網(wǎng)頁的內(nèi)容整理了出來。當網(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)當如何走下去辣之。
JavaScript是自己了解的另一門與網(wǎng)頁開發(fā)相關(guān)的語言掰伸，大二下半年，在自己HTML與CSS學(xué)習(xí)差不多的時候怀估，就開始接觸JavaScript的相關(guān)知識和書籍了狮鸭。
但是，不得不說JavaScript真的不好學(xué)多搀，特別是自學(xué)歧蕉！在自學(xué)過程中，雖然都能夠較快的掌握JS的各類方法康铭，但是卻不知道應(yīng)當如何將這些方法拼合成一個具有實際功能的“模塊”惯退。換言之，知識在大腦當中就是一個個的散點从藤，不要說系統(tǒng)化的知識體系了催跪，就連知識之間的聯(lián)系都很難建立起來。
于是呛哟，自己開始琢磨叠荠，到底工作當中，這個職位是什么扫责？要求是什么榛鼎？要用這個技術(shù)（JavaScript）做什么？
那時候我所知道的只有兩點鳖孤，第一點是“網(wǎng)頁設(shè)計與制作”已經(jīng)過時了者娱，要想能夠制作優(yōu)秀的網(wǎng)站，必須能夠hold住JavaScript苏揣；第二點是“我學(xué)習(xí)了半天JavaScript黄鳍，卻不知道怎么將知識整合起來，雖然有一個方向平匈，但是這個方向卻不足夠清晰框沟，只能夠朝著一個模糊的方向努力”藏古。
于是，自己進入了迷茫期忍燥、無助期拧晕。到底未來要找的工作要求什么，而今努力梅垄、學(xué)習(xí)的方向會不會是錯誤的厂捞？
為了弄清晰自己的“學(xué)習(xí)目標”，自己開始使用搜索引擎進行大量的搜索队丝，關(guān)于網(wǎng)站制作的工作靡馁、網(wǎng)頁制作的工作名稱、網(wǎng)站相關(guān)的工程師机久。無奈的是臭墨，由于搜索引擎的搜索特點，當沒有輸入非惩碳樱“準確”的“搜索詞”時裙犹，是不可能搜索到合理信息的。
此外衔憨，自己還去問了數(shù)個自己專業(yè)的老師叶圃、系主任，問了周圍很多很多人践图，然而卻沒有人告訴我掺冠，那個職位到底是什么。
一次次的百度查找資料码党，卻一次次的無功而返磷蛹。一次次的問別人欲险，也沒有什么結(jié)果狸演。無助感越來越重喊式，漸漸的自己也有些絕望了。
4. 觀點share
4.1.在視野上為自己投資
技在手能在身思在腦兽狭，知識和技術(shù)是最為底層的憾股，能力決定著知識和技術(shù)，而思維決定著一個人的能力水平箕慧，決定著一個人思維高度的則是視野服球。
提升視野的方式有很多，最重要的一點在于自己主動動腦思考颠焦，去想的越多斩熊，收獲也就會越多。在主動思考的前提下伐庭，借助各類資源學(xué)習(xí)粉渠、閱讀書籍分冈，與專業(yè)領(lǐng)域的人溝通，聊天渣叛，去各個城市或城市的各個地方用眼睛和耳朵去收獲信息等等等等丈秩，都是提升視野盯捌，提升自己價值的很好的手段和途徑淳衙。
4.2.大學(xué)的課程有用嗎？
很多人在上大學(xué)的時候饺著，都會想箫攀，現(xiàn)在學(xué)習(xí)的課程知識有用嗎？以后社會里真的會用得到嗎幼衰？
再加上在大學(xué)當中學(xué)習(xí)的時候靴跛，很難接觸到實際的工作，很難將學(xué)到的知識應(yīng)用起來渡嚣。就會有很多人覺得在大學(xué)當中學(xué)習(xí)到的知識沒有什么作用梢睛。
個人認為，并非如此识椰。在自己工作之后（我的工作性質(zhì)與我原來的專業(yè)比較對口）绝葡，發(fā)現(xiàn)的確會涉及到一部分大學(xué)的知識，如果對大學(xué)知識掌握較好腹鹉，能夠讓工作在一個更好的基礎(chǔ)上推進藏畅；對于工作中大部分的新知識，大學(xué)的知識雖然用不上功咒，但是大學(xué)當中在學(xué)習(xí)知識時鍛煉出來的學(xué)習(xí)能力愉阎，能夠讓自己較快較系統(tǒng)的掌握一個知識或技能。
如果希望大學(xué)的知識或課程能夠在未來“為我們所用”力奋，建議如下幾點：
首先榜旦，在學(xué)習(xí)大學(xué)知識時目的要明確，不是為了考試景殷，而是為了提升自己溅呢、積累知識；
其次滨彻，要相對比較深入的學(xué)習(xí)大學(xué)知識藕届，不能夠僅僅依靠課上老師的講解；
最后亭饵，也是最為重要的休偶，在大學(xué)學(xué)習(xí)期間，知識是表層的辜羊，真正深層次的是借助知識提升自己的知識搜索能力踏兜、學(xué)習(xí)能力等词顾。
相關(guān)文章鏈接：
