大牛教你如何循序漸進,有效的學習JavaScript?

来源:http://www.cnblogs.com/gongyue/archive/2017/12/20/8073214.html
-Advertisement-
Play Games

首先要說明的是,咱現在不是高手,最多還是一個半桶水,算是入了JS的門。談不上經驗,都是一些教訓。 這個時候有人要說,“靠,你丫半桶水,憑啥教我們”。您先別急著罵,先聽我說! 你叫一個大學生去教小學數學,不見得比一個初中生教得好。因為大學生早已經過了那個階段,都忘記自己怎麼走過來的了。而對於初中生,剛 ...


首先要說明的是,咱現在不是高手,最多還是一個半桶水,算是入了JS的門。談不上經驗,都是一些教訓。

這個時候有人要說,“靠,你丫半桶水,憑啥教我們”。您先別急著罵,先聽我說!

你叫一個大學生去教小學數學,不見得比一個初中生教得好。因為大學生早已經過了那個階段,都忘記自己怎麼走過來的了。而對於初中生,剛好走過那個階段,對自己怎麼走過來的還記憶猶新,或者還有一些自己的總結。比如,很多高手覺得那本犀牛書入門很好,他們覺得太簡單了,但以我的經驗來看,它不是入門的最好選擇。

大牛教你如何循序漸進,有效的學習JavaScript?

再說幾點忠告

  • 不要著急看一些複雜網頁效果的代碼,這樣除了打擊你自信心,什麼也學不到。沒達到一定的武功水平,割了小JJ也學不會葵花寶典的

  • 別急著加技術交流QQ群,加牛人QQ。如果你找張三豐交流武功,你上去第一句問“豐哥,where is 丹田?”,你會被他一掌劈死的

  • 看網上什麼多少天精通JS,啥啥啥從入門到精通,這種教程直接跳過吧,太多的事實證明,以一種浮躁的心態去做任何事都會以失敗而告終

先說說學js的條件

論條件,咱是文科生,大學專業工商管理,和電腦毛關係都沒;有人說英語,讀了四年大學,很遺憾,咱還四級沒混過;就咱這條件都學得樂呵呵的,您還等啥

當然學習JS也是有門檻的,就是你的html和css至少還比較熟練,您不能連<body>這東東是幹啥的都不知道就開始上JS了,學乘除前,學好加減法總是有益無害的

大牛教你如何循序漸進,有效的學習JavaScript?

推薦幾本好書

第一階段:《JavaScript DOM編程藝術》

看這本書之前,請先確認您對Javascript有個基本的瞭解,應該知道if else之類的語法,如果不懂,先去看看我第二階段推薦的Javascript高級程式設計的前三章,記住看三章就別往下看了,回到《JavaScript DOM編程藝術》這本書上來。

學習Javascript用《JavaScript DOM編程藝術》來入門最好不過了,老老實實看兩遍,看完了你就會對JS有一個大概的瞭解,整本書都圍繞著一個網頁效果例子展開,你跟著老老實實敲一篇,敲完之後,你會發現這個效果不是常在網頁中看到麽,發現自己也能做出來網上的效果了,嘿嘿,小有成就感吧

第二階段:《JavaScript高級程式設計》

有的書是用來成為經典的,比如犀牛書;還有些書是用來超越經典的,顯然這本書就是這種。書中章章經典,由淺入深,其中第6章,關於JS面向對象的解說,沒有教程出其右

如果有一場滿分100分的JS考試,看了《JavaScript DOM編程藝術》能讓你拿到20分,那麼看完這本書,你就能拿到60分以上了,學完後,你會成就感倍增的,相信我(至少看兩遍,推薦三篇,跟著書上的代碼一行行的敲)

這本書強烈推薦購買,寫的太TMD牛逼了,給你帶來的價值超過百倍千倍

這本書最新的是第三版,貌似就是前些日子出來的,我看的是第二版,第三版相對第二版變動不大,添加了幾章內容,價格目前相差10元左右

接下來,恭喜你可以下山了,這個時候可以自己做一些事情了

  1. 你可以去Ferris這個教程看看他寫的這些效果,看看源代碼,怎麼樣,是不是覺得有一部分很簡單了,嘗試著跟著他寫一寫這些效果吧,點這裡

  2. 學技術閉門造車是行不通的,適當的加一兩個QQ群交流(註重質量),常去論壇(藍色理想,CSDN)逛逛,你會經常有些小收穫的

  3. 再有就是看看前輩這些牛人前輩們分享的文章,它會讓你的學習事半功倍的,這裡是熱心人收集的國內一些牛人的博客,個人網站,點這裡

第三階段:《JavaScript語言精粹》和《高性能JavaScript》

接下來兩本書《JavaScript語言精粹》和《高性能JavaScript》算是JS高級教程的補充,裡面有一些內容和JS高級教程重覆了,兩本書可以同時看,都不厚,可以對前面所學的有一個很好的加強和鞏固

[關註微信公眾號:web前端EDU

可以獲取前端和上面javascript電子書籍及學習文章]

大牛教你如何循序漸進,有效的學習JavaScript?

最後想說的

  1. 不安逸,不浮躁。任何學習都不是一蹴而就的,牛B就是一個學習積累的過程,別指望兩三個月,你的水平就多麼厲害。倚天屠龍記裡面的武功最牛B的是張三豐,而不是張無忌。

  2. 任何工作都需要多種技能,別忽略了html,css等其他知識的學習。

 

web前端/H5/javascript學習群:250777811 歡迎大家關註我的微信號公眾號,公眾號名稱:web前端EDU。掃下麵的二維碼或者收藏下麵的二維碼關註吧(長按下麵的二維碼圖片、並選擇識別圖中的二維碼)


 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • css中允許應用純色作為背景,也允許使用圖片作為背景。 background一共有8個對應的屬性: 1、background-color:顏色值 用於設定背景的顏色 有3種定義顏色的形式, 1, 顏色關鍵字表示法,可直接用英文單詞來定義,比如red,blue,green等。 2, 16進位表示法,用 ...
  • 冒泡排序 快速排序 去重 查找字元串中最多的值 ...
  • 問題說明:點擊綠色控制項不觸發紅色控制項的對應的事件如圖: Bug: 紅色框和綠色框都設置了響應事件,當點擊綠色框的時候,紅色框的事件也會觸發。 解決過程:查資料 總所周知 js 一般都是使用冒泡流,在翻看《JavaScript高級程式設計》瞭解到中:在通過HTML特性指定事件處理程式時,變數event ...
  • 也是學習一些皮毛,只是把這些經驗記錄下來而已。 至於angular有什麼好處,或者有什麼是什麼,我就不多做介紹,自己可以去百度,肯定能找到更為詳細的。 我使用的是google提供的angualr-cli。 他能夠快速的搭建一個angular開發的腳手架,不必自己去一步步的搭建。 當然需要配置angu ...
  • :hover 滑鼠懸浮在具有這個屬性的標簽上就會出現變化,使當前標簽具有hover所描述屬性 Web頁面向後臺提交數據的方式和選擇 眾所周知Web前端頁面主要由HTML/CSS/Javascript組成,當要通過與用戶的交互實現各種功能時,就需要向後臺提交一些數據或者操作。在Web世界里各種實現眼花 ...
  • <meta content="webkit" name="renderer"><meta content="IE=Edge,chrome=1" http-equiv="X-UA-Compatible">解決瀏覽器渲染問題 ...
  • 關聯兩個數據表,在Model里建立StuModel.class.php: 在view中建立Stu文件夾,建立主頁面index.html: 在Stu中建立修改頁面edit.html: 在Controller中建立StuController.class.php: ...
  • 轉載自:http://blog.csdn.net/hsl0530hsl/article/details/78363222 ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...