《微信小程序培训课完整版》由会员分享，可在线阅读，更多相关《微信小程序培训课完整版（56页珍藏版）》请在金锄头文库上搜索。
1、犀牛课堂小程序培训课培训讲师：Tabniu 微信、QQ、TEL：13912992499微信小程序开发发工具1、打开浏览器输入https:/ 电脑打开和手机浏览器打开是不同的风格,该案例用html + css + javascript + php + 淘宝客api开发怎么做？通过教学，学会基础的知识，亲自动手，不懂先百度，再不懂问网友。周而复始，锻炼自己的一套学习方法和学习技巧。就像你一开始玩lol一样，拿出那样的游戏精神，大不了坑了队友呗，坑一次两次就够了，关键要学会思考，能做什么？先做什么？再做什么？不用一年，你一定会成为高手。网络视频的合理利用优酷视频：电脑打开优酷视频，搜索关键字“htm
2、l基础教程”选择适合自己的视频观看。学习习小程序所需的技能1、软件的使用（代码的辅助工具）浏览器：浏览器很多，有谷歌浏览器，火狐浏览器，ie浏览器，qq浏览器等，这里我们统一使用火狐浏览器调试。（没有火狐没关系，只要你有浏览器就行。只不过火狐好一点，不影响开发）编辑器：编辑器也有很多，有自带的文编编辑器，dreamweaver，eclipse，android studio都行，这里我们统一使用Dreamweaver编写代码。（没有dreamweaver也没关系，只要你的系统是windows，有记事本就ok）不要纠结细节。掌握方法才是学习的目的2、HTML：超文本标记语言（与浏览器沟通的一种方式
3、，最基础）3、CSS：层叠样式表（就想人的衣服一样，装饰的，但很重要！）4、JavaScript：2016最火的网络脚本语言，往后几年会一直火下去（必须会！）。在这里要感谢微信大神：张小龙。html基础课础课 程HTML：超文本标记语言标签：闭合标签、自闭标签HTML很重要，重要，一定要学好。HTML标签的熟练使用如：等等。演示常用的标签，并在浏览器打开，查看效果html代码分：块级元素/行内元素html在线手册地址：http:/ 多看为为什么要学习习css？怎么学？在学习之前我们要明白学习css是为了什么？1、前面我们提到css是一种“装饰”语言。是人的衣服，是多彩的，是多样化的，是灵活 的
4、。 2、学习css我们能够把网页或者小程序（产品）打扮漂亮，为了让用户看起来舒服，用 起来爽，专业点就叫用户体验佳，css就起到关键的作用。怎么学？ 1、学习css之前html要熟练，没有墙面（html）的话，我们给墙面怎么刷漆（css装饰 ）？对不对？ 2、看视频教程，看书籍，写代码，调试代码，多思考。 3、坚持下去，选择他就要把他学好，不忘初心。网络在线手册地址：http:/ 程css中文名称：层叠样式表 css语法：由两个主要的部分构成：选择器，以及一条或多条声明 选择器：通常是指需要改变样式的html元素 每条声明：由一个属性和一个值组成（如pcolor:red;） p就是一个html
5、元素（标签）一个属性是color（颜色），一个值是red，中间用英文冒 号隔开 : 在值的后面用英文的 分号结束 ;一条声明：例如 pcolor:red; p color : red ; 也可以 多条声明：例如 pcolor:red; text-align:center;多条声明用;隔开,可以写在一行;注意：英文状态下的分号p color:red; text-align:center; text-indent:24px; 也可以这样编写，但是一定要注意结尾有英文的分号.初学者建议采用上面的方式编写 css; css高级语法 同时定义多个元素多组声明的写法，英文状态下的逗号 p,h1,h2,di
6、v,table color:red; font-size:16px; 4种css的加载方式 1、行内方式 一段文本 这里我们定义了段落的字体为红色，字体大小为14像素，行高为30px 2、内嵌方式pcolor:red; font-size:12px;text-indent:24px;3、连接方式（最常用）4、导入样式（不常用）import url(my.css)样式表属性样式表属性 布局：clear、float、clip、overflow、overflow-x、overflow-y、display、visibility 定位：position、z-index、top、right、bottom、
7、left 边界：margin、margin-top、mairgin-right、margin-bottom、margin-left 补白：padding、padding-left、padding-right、padding-bottom、padding-left 尺寸：height、max-height、min-height、width、max-width、min-width 背景：background、background-color、background-image、background-repeat 轮廓：outline、outline-color、outline-style、outli
8、ne-width 列表：list-style、list-style-image、list-style-position、list-style-type 表格：border-collapse、border-spacing 文本：text-indent、text-align、direction、word-wrap、text-jusitify 字体：font、color、font-family、font-size、font-style、font-weight、line-height、letter- spacing、word-spacing 滚动条:scrollbar-3dlight-color、sc
9、rollbar-shadow-color、scrollbar-base-color、scrollbar -face-color、scrollbar-track-color以上包含css最常用到的属性，特别是用颜色注明的一定要熟练掌握最常见的定宽居中显示 图片在div中水平垂直居中 3列排版 left middel right你知道吗吗?1、如何让图片居中显示？ 2、如何让文字显示在图片之上？ 3、如何给元素加上背景颜色，背景图片？ 4、如何让一个html元素显示在固定的位置 ？什么是盒子模型？网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(m
10、argin) ， CSS盒子模式都具备这些属性。 这些属性我们可以用日常生活中的常见事物盒子作一个比喻来理解，所以叫它盒子 模式。 CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。想象一个盒子，它有：外边距（margin）、边框（border）、内边距（padding）、内 容（content）四个属性； 让我们俯视这个盒子，它有上下左右四条边，所以每个属性都包括四个部分：上下左右 ；这四部分可同时设置，也可分别设置；内边距可以理解为盒子里装的东西和边框的距 离，而边框有厚薄和颜色之分，内容就是盒子中间装的东西，外边距就是边框外面自动 留出的一段空白。为为什么要学jav
11、ascript？怎么学1、学习javascript之前得大概的知道他是什么？ 前面我们讲他是2016年最火的网络脚本语言。 javascript是用来改进设计、验证表单检查浏览器、创建cookies，完成交互，以及更多 的应用，如：小程序。 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。 JavaScript 很容易学习。javascript我们通常简称 js 文件的格式如：my.js 回顾 html的格式： demo001.html css的格式: my.cs
12、s2、学习javascript之前，首先对html和css有所了解，通过javascript我们可以对html进行 操作，能动态的改变html的css，可以任意操作网页的元素，用户输入的数据，通过js能 发送到服务器，服务器再返回数据给js，js对数据进行处理呈现给用户。js起到承上启下 的效果。很重要，必选学。重点讲解对象的使用(小程序提供的api的属性和方法)网络在线手册：http:/ 打开参考学习JavaScript基础课础课 程1、变量 var a; var b,c,d; var d=0; 2、数据类型 字符串，数字，布尔，数组，对象，Null，Undefined 3、对象 JavaS
13、cript 中的所有事物都是对象：字符串、数字、数组、日期，等等。 对象有属性和方法 属性是与对象相关的值。 方法是能够在对象上执行的动作。 举例：汽车就是现实生活中的对象。 汽车的属性： car.name=Fiat car.model=500 car.weight=850kg car.color=white 汽车的方法： car.start() car.drive() car.brake() 汽车的属性包括名称、型号、重量、颜色等。所有汽车都有这些属性，但是每款车的属性都不尽相同。 汽车的方法可以是启动、驾驶、刹车等。 所有汽车都拥有这些方法，但是它们被执行的时间都不尽相同。 创建 Java
14、Script 对象 JavaScript 中的几乎所有都是对象：字符串、数字、数组、日期、函数，等等。 你也可以创建自己的对象。 本例创建名为 “person“ 的对象，并为其添加了四个属性： 实例 person=new Object(); person.firstname=“Bill“; person.lastname=“Gates“; person.age=56; person.eyecolor=“blue“; 4、函数 JavaScript 函数语法 函数就是包裹在花括号中的代码块，前面使用了关键词 function： function functionname() 普通的函数 这里是要执行的代码 function myFunction(a) 带一个参数的函数 return a; function myFunction(a,b,c) 带多个参数和返回结果的函数 return a*b+c; 5、运算符 运算符 = 用于赋值。 运算符 + 用于加值。 var y=5; var z=2; var x; x=y+z; 在以上语句执行后，x 的值是 7。+ - * / % + - 问题： 8/3= 8%3=尝试查看和执行对象的属性和方法重点讲解对象的使用(小程序提供的api的属性和方法)为下节课做铺垫
