通過w3school初步學習了html,css,js和jQ,自知自己對css,js,jQ的學習還不到位~該怎麼去提升?

本人大一學生,4月初開始學習前端相關知識,通過w3school初步學習了html,css,js和jQ,自知自己對css,js,jQ的學習還不到位~該怎麼去提升?或者有什麼好的視頻或者書籍推薦?


w3school是一個好網站,特別適合初學者,還能起到做字典的作用,不過,w3school也只是把前端的某些常用的標準抽了出來,用人類的語言和demo給你好好介紹了一下html,css,js的特性。然而,w3school不是全部,單純把從w3school學到的東西用來做網站是沒問題的,不過做得時間長了肯定會掉入坑裡面,布局出現的塌陷,空白間距,錯位等等的問題會越來越多,這就是為嘛有些人不喜歡前端的原因,因為他們還不懂真正的前端是什麼。

做前端,最重要的是要多動手,多動手可以逐步找到自己不懂的東西,通過Google,stackoverflow來尋找答案;也可以在微博,Twitter學習最新的技術,或者某些大牛的解決方法和心得。當然,這都是治標不治本的方法。

做前端肯定知道w3c這一個組織,他是制定前端標準的組織,做網站做多了,也是時候停下來重新學習一下什麼是標準,什麼才是正確的編寫方式,為什麼這屬性會造成這樣的樣式,會對父輩、同級、子輩元素造成什麼影響,這些都能在w3c標準上面找到,當然,w3c標準不是全部,因為不是每個瀏覽器都完全按照標準去實現,或者實現不完全甚至有bug,然而,這是瀏覽器發展的趨勢,早晚會實現或者完善的。好好學習好標準,可以在寫前端的時候儘可能的減少不必要、重複的代碼,怎樣的解決方式才是最好的解決方法。


w3School上面提供的都是最基礎的語法,看完之後還不能真正上項目,我之前也看過,基本一天搞定,但項目中遇到的坑太多,這還遠遠不夠。

1.讀書:如果想進一步學習的話去圖書館借書看看,這是最方便的辦法,但是圖片書館的書籍技術都相對落後一些,基本的都還是有的,所以放心吧,html,css相對容易,掌握基礎的之後主要掌握h5,css3,可以讀的書可以去圖靈社區找,還有一些國內大牛寫的,如大漠的「圖解css3」,大頭在js這邊,javascript權威指南,看你看幾版吧,js忍者(英文名自己查,很好的一半書)...;

2.上網找資源:Github,StackOverflow等等;

3.一定要動手實踐,自己寫一些小demo,或者寫個自己的網站;

4.要讀一些框架,源碼;

5.我主要做js,附上我之前的學習計劃

1.學好源碼(原生js)

2.結構化編程,了解AMD,CMD規範,如果有興趣可以學習node

3.熟悉一些框架,比如Backbone,Augular等一些MVC和MVVM框架,能研究懂他們的源碼最好

4.組件庫

5.組件做抽象,然後就是設計模式(多看多用)

6.github上看看star比較高的項目

7.如何管理項目結構和代碼組織結構

8.眼光放長遠,不要局限在某些地方,見多識廣並有一門拿得出手的技術的就ok,你應該不會一直在工程師這條路上走吧,如果有更多想法,希望多走出校門拓展自己的視野!


要麼自己寫demo,要麼再遍歷一次w3c,初步的看完了後,覺得都掌握的差不多了,最好能實踐一下,最好的是仿站,仿各種千奇百怪和看似普通的站。。做的差不多了再看一次w3c,這個時候應該會有更多更深的理解。

這個時候可以把參考手冊全部讀一次,這一次遍歷完,估計就到達了中級水平了,再做demo實踐,這個時候估計什麼都手到擒來了,這個時候就開始研究「底層」點的了,可以嘗試著自己寫輪子了,當能成功寫出類似於bootstrap、amaze等css庫就表明你的css方面幾乎達到了高階了。

同期間較早時候應該可以遍歷jq庫了,這個搞明白後,基本上可以開始嘗試angularjs以及nodejs等等了,這個時候估計會接觸到後端知識,比如php、db等,這些全部搞懂了後代表了你的前端在代碼方面的進步和成長。但是這還沒有停,接下來,你就會不由自主的(怎麼這麼怪。。。)學習後端知識,真的!同期間,你以為你只會學習碼代碼么?

在你做前端頁面寫動態效果的時候就不由自主的(又是不由自主)思考用戶輸入點擊滑鼠滑動等等等等等的操作,這個時候,你以為你還是單純的前端么,你分分鐘跟產品一起聊產品,越到後期,你的產品素養越高。。。你一定染上一個叫強迫症的癌症。。。

與此同時,你以為你只碼代碼聊產品么?你還要懂設計,精確到1px,學ps,ae,ai等等啊逗比公司的一大堆解放生產力的軟體,特別是ps,到了中階的時候,你基本懂了設計理念,同時也相當熟悉怎麼做圖,怎麼改和做特效做demo,這個時候,你會發現你同學叫你幫著p一下臉上的痘痘,你竟然刷刷的幾下就抹掉了,又過了幾天,產品說:唉,小x,過來把這個banner的這個圖再修一下,這樣這樣,你他媽的竟然也實現了,又過了幾天leader說要新做一個東西,核心內容是什麼什麼,產品聊了半天說,哎,小x,最近設計比較忙,這個簡單的東西里先把把原型做出來吧,要美觀哦~美觀啊啊啊啊啊!你知道么,你的設計水平就這麼被鍛煉起來的!

這個時候你以為你還是前端開發么?

才大一,好好讀書,不要入前端。聽我的沒錯。前端開發裡面還有好多妹子,搞基都沒有那麼多機會。真的。

我目前處於中級水平,找了份前端開發的實習,互聯網創業公司,這個太鍛煉人了。所以我們還想繼續招開發,各種開發都要。主要是設計,我們leader給了我特權。(知道什麼是特權么?)

主要是設計!主要是設計!主要是設計!重要的事情說三遍。

有意向的私信我,由於目前項目還在原型階段,所以就不公開信息了,成都的最好!成都犀浦的更好!成都高新西區的就太好了!

真的招設計,我做的設計太痛苦了。本想答題,沒想到意外寫了個招聘,我搞基與不搞基都接受。。


做項目,做項目,做項目

重要的事情說三遍


同為大一學生,上學期入坑,提供一個目前正在練手的項目,去寫一個圖片庫,嘗試自己去寫css的布局,以及圖片庫的邊邊角角的美化,做完這個你可以去知乎關注一個叫豪情的人的學習計劃,挺好的。


你可以去慕課網-國內最大的IT技能學習平台找例子學習啊。兄弟,加油!


嘗試著做一個大點的網站,最好選擇社交網站類型的,在開發的過程中,對於技術,不強扭,發現不太順利地方,問一下你的學長學姐或者查資料。實踐一把,必須有這個過程。


怎麼沒人說GitHub?


看&<&&>


推薦閱讀:

後端渲染html、前端模板渲染html,jquery的html,各有什麼區別?

TAG:前端開發 | CSS | JavaScript | jQuery | HTMLCSS |