AI
-
AI 开发文字版
-
小程序视频教程
2. HTML基础语法
- HTML简介
- 什么是HTML？
- HTML的基本结构
- 常用HTML标签
<div>,<span>,<p>,<h1>-<h6>,<a>,<img>,<input>,<button>等
- HTML属性
id,class,style,src,href等
- HTML表单
<form>,<input>,<textarea>,<select>,<button>等
3. JavaScript基础语法
- JS简介
- 什么是JavaScript？
- JS在微信小程序中的作用
- 变量与数据类型
- 变量声明：
var,let,const - 数据类型：
Number,String,Boolean,Array,Object,null,undefined
- 变量声明：
- 运算符
- 算术运算符、比较运算符、逻辑运算符
- 控制结构
if语句、switch语句、for循环、while循环
- 函数
- 函数声明与调用
- 参数与返回值
- 事件处理
- 什么是事件？
- 常见事件：
onClick,onLoad,onShow等
4. 微信开发者工具介绍
- 下载与安装
- 下载微信开发者工具
- 安装与配置
- 界面介绍
- 项目结构
- 编辑器、调试器、模拟器
- 创建第一个小程序项目
- 新建项目
- 项目目录结构介绍
- 代码编辑与调试
- 编写HTML和JS代码
- 实时预览与调试
5. 实战练习
- 创建一个简单的页面
- 使用HTML和JS创建一个简单的页面
- 添加按钮并绑定点击事件
- 调试与运行
- 在微信开发者工具中调试代码
- 查看效果并修改代码
6. 总结与答疑
- 回顾今天学习的内容
- 解答学员疑问
- 布置课后作业：创建一个包含表单的页面，并实现简单的交互功能
7. 课后作业
- 创建一个包含以下元素的小程序页面：
- 标题
- 输入框
- 按钮
- 点击按钮后，显示输入框中的内容
8. 参考资料
- 微信小程序官方文档
- MDN Web Docs - HTML
- [MDN Web Docs - JavaScript](https://developer.mozilla.org/zh