大牛教你如何循序漸進,有效的學習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
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...