微信小程序小白总结全攻略2-学习路线与相关资源和调试工具

废话都在前一章讲了，这里直接切入正题。

下面以我自己的微信小程序全栈学习路线（浅尝辄止式的），按照时间顺序往下依次列出，并附上对应的调试工具和方法、学习资源以及我的评价

一、前端部分

（一）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实现前后端的数据交互。

大致学完上面这些，就基本可以实现一个普通小程序的绝大多数功能。