廢話都在前一章講了，這裡直接切入正題。

下面以我自己的微信小程式全棧學習路線（淺嘗輒止式的），按照時間順序往下依次列出，並附上對應的除錯工具和方法、學習資源以及我的評價

一、前端部分

（一）HTML（超文字標記語言：HyperText Markup Language）

除錯工具：

            任意主流瀏覽器（但作為開發者還是建議儘量用谷歌，IE最好別用，因為很多不支援）。

除錯方法：

       

     新建一個TEXT檔案，寫完你的程式碼，然後字尾改為html，用瀏覽器開啟即可。

學習資源及評價：

            網站：  w3cSchool  

            評價：

       關於html的知識點很全，很多細微的差別也講到了，最關鍵的是自帶除錯模擬器，學完一個知識點直接去除錯，通過以結果加深記憶,而且介面簡潔直觀，總得來講很不錯。因為與後面寫微信小程式的wxml有語法差別，這裡關鍵在於要掌握其使用方式，掌握概念。

（二）CSS（層疊樣式表：Cascading Style Sheets）

除錯工具：

            任意主流瀏覽器（但作為開發者還是建議儘量用谷歌，IE最好別用，因為很多不支援）。

除錯方法：

       新建一個TEXT檔案，寫完你的程式碼，然後字尾改為css，然後在對應的html檔案程式碼裡新增上引用的語句，用瀏覽器開啟對應html檔案即可。

學習資源及評價：

            網站：  

w3cSchool  

            評價：

        關於CSS就是用來美化外觀的,不是重點，用這個網站也夠了，因為與後面寫微信小程式的WXSS差別很小，這裡可以多記憶一下，當然記不住也沒關係，後面用的時候多查閱幾次就記住了。

（三）Javascript（直譯式指令碼語言）

除錯工具：

            任意主流瀏覽器

除錯方法：

            這裡有三種除錯方法

            1.瀏覽器開發者工具

            像谷歌瀏覽器，直接按F12，在控制檯中輸入程式碼，回車。即可檢視除錯結果。但此方法僅限於對基本的JS語法進行除錯。

            2.HTML

            類似CSS，新建一個TEXT(只要是能編輯文字的都行）檔案，寫完你的程式碼，然後字尾改為js，然後在對應的html檔案程式碼裡新增上引用的語句，用瀏覽器開啟對應html檔案即可。當然，隨時對於某些在頁面上不顯示的資料及操作，還是要到瀏覽器開發者工具控制檯裡檢視。

            3.微信開發者工具

這個在學完基本的WXML和WXSS後就可以直接用開發者工具統一編寫、除錯程式碼了。還是很方便的。

            網站：JavaScript 標準參考教程（alpha）

            評價：

            JS作為前端部分的核心，要儘量深的掌握，首推阮一峰的教程，真·大神也；如果你有其他程式語言的基礎，學起來應該很輕鬆，並且會感嘆動態型別、弱型別的方便。微信小程式的頁面邏輯也由此語言完成。教程裡的“非同步”、“計時器”、“Promise”等也一定要掌握，這些在微信小程式的開發中都很實用。

            網站：w3cSchool

            評價：

        個人感覺W3Cshool沒有上一個網站知識點講得透徹，但是其中的DOM還是很需要看看的，學完你會了解到HTML+CSS+Javascript是如何協作使用、共同構築一個靜態網頁的。

學完上面的三個，你應該可以寫一個花哨的靜態頁面了，下面就學習微信小程式開發前端就會很快了

（四）微信小程式相關前端四樣

   主要搞清楚wxml+wxss+Javascript外加json和小程式整體框架結構，這裡不再分開進行說明。

總的學習資源我這裡推薦五個

  網站1： 微信小程式官方開發文件 

  網站2： 微信小程式開發資源彙總

 網站3：微信小程式全面實戰，架構設計 && 躲坑攻略

 資源1：微信小程式視訊教程全套  百度雲連結   密碼：bumv

 資源2：慕課視訊教程  百度雲連結   密碼：i7gj

                         

二、後端部分（windows OS下）

    後端我的學習的是很流行的PHP+MYSQL組合（關鍵是因為免費、好學），環境是Windows下ApacheMysqlPHP整合安裝環境

要想真正實現能遠端訪問伺服器進行除錯，需要進行伺服器搭建，後面會有章節專門講如何簡易地搭建一個伺服器。這裡因為只是基本地學習語法，因此就下載安裝下面的檔案，然後按照所示方法，即可進行本地除錯。

        必要檔案下載：wampserver  下載官網

        安裝後，每次除錯php和mysql時記得先執行wampserver

（一）MySQL（關係型資料庫管理系統）

除錯工具： 

            windows命令列程式（用於輸入程式碼進行操作實驗）  

除錯方法：

   找到安裝的wamp目錄下mysql的bin資料夾（例如：我的路徑為），按住shift，點右鍵，然後選擇“在此處開啟命令視窗”。即可進行mysql程式碼的實驗。

學習資源及評價：

            網站：w3cSchool-mysql

            評價：

            mysql的語法學習還是推薦w3c，講得夠細緻。後面你會發現使用它非常簡單，難點和重點在於資料庫的設計，以及介面的編寫，

（二）PHP（ 超文字前處理器：Hypertext Preprocessor）

除錯工具：

                  EclipsePHP Studio v1.2.2  下載連結

除錯方法：

               目錄為wamp目錄下www目錄（例如我的路徑是：C:\wamp64\www），然後在該目錄下建立php檔案，進行程式碼編寫，除錯即可。

學習資源及評價：

            網站：w3cSchool-php

            評價：

            php作為後端部分的核心，要重點掌握。還是推薦w3c，講得夠細緻，而且一定要注意語法，它的直譯器沒有JS那麼“寬容”。還要重點掌握其中mysqli類的使用。後面要能夠寫出對應的php介面，才能實現html->js<->php->mysql實現前後端的資料互動。

大致學完上面這些，就基本可以實現一個普通小程式的絕大多數功能。