# lesson-javascript
**Repository Path**: greengis/lesson-javascript
## Basic Information
- **Project Name**: lesson-javascript
- **Description**: JS基础课程，共30节：
基础课程9节，猜数字示例4节，计算器示例7节，猜单词示例5节，扫雷示例5节
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 5
- **Forks**: 0
- **Created**: 2022-01-18
- **Last Updated**: 2025-12-03
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# lesson-javascript
JavaScript 编程语言允许你在 Web 页面上实现复杂的功能。如果你看到一个网页不仅仅显示静态的信息，而是显示依时间更新的内容，或者交互式地图，或者 2D/3D 动画图像，或者滚动的视频播放器，等等——你基本可以确定，这需要 JavaScript 的参与。
#### 课程目标
01. 什么是JS，能做什么
02. JS基础语法
03. JS调试方法
04. 接轨ES6
05. JS编程方式
#### 基础课程
01. 总览(master) https://www.bilibili.com/video/BV15r4y1z79c
02. 变量与值(分支lesson-variable: https://gitee.com/greengis/lesson-javascript/tree/lesson-variable)
03. 数值(分支lesson-number：https://gitee.com/greengis/lesson-javascript/tree/lesson-number)
04. 字符串(分支lesson-string：https://gitee.com/greengis/lesson-javascript/tree/lesson-string)
05. 数组(分支lesson-array：https://gitee.com/greengis/lesson-javascript/tree/lesson-array)
06. 对象(分支lesson-object：https://gitee.com/greengis/lesson-javascript/tree/lesson-object)
07. 函数(分支lesson-function：https://gitee.com/greengis/lesson-javascript/tree/lesson-function)
08. 运算符(分支lesson-operator：https://gitee.com/greengis/lesson-javascript/tree/lesson-operator)
09. 条件语句(分支lesson-condition：https://gitee.com/greengis/lesson-javascript/tree/lesson-condition)
10. 循环语句(分支lesson-loop：https://gitee.com/greengis/lesson-javascript/tree/lesson-loop)
#### 示例课程一——猜数字
01. 页面布局(分支guess-01：https://gitee.com/greengis/lesson-javascript/tree/guess-01)
02. 事件响应(分支guess-02：https://gitee.com/greengis/lesson-javascript/tree/guess-02)
03. Math API(分支guess-03：https://gitee.com/greengis/lesson-javascript/tree/guess-03)
04. 页面完善(分支guess-04：https://gitee.com/greengis/lesson-javascript/tree/guess-04)
#### 示例课程二——计算器
01. 界面设计(分支calculator-01：https://gitee.com/greengis/lesson-javascript/tree/calculator-01)
02. 加法实现(分支calculator-02：https://gitee.com/greengis/lesson-javascript/tree/calculator-02)
03. 四则运算(分支calculator-03：https://gitee.com/greengis/lesson-javascript/tree/calculator-03)
04. 清零重置(分支calculator-04：https://gitee.com/greengis/lesson-javascript/tree/calculator-04)
05. 百分与负(分支calculator-05：https://gitee.com/greengis/lesson-javascript/tree/calculator-05)
06. 小数点(分支calculator-06：https://gitee.com/greengis/lesson-javascript/tree/calculator-06)
07. 键盘事件(分支calculator-07：https://gitee.com/greengis/lesson-javascript/tree/calculator-07)
#### 示例课程三——猜单词（wordle）
01. 界面布局(分支wordle-01：https://gitee.com/greengis/lesson-javascript/tree/wordle-01)
02. 输入字母(分支wordle-02：https://gitee.com/greengis/lesson-javascript/tree/wordle-02)
03. 猜测单词(分支wordle-03：https://gitee.com/greengis/lesson-javascript/tree/wordle-03)
04. 再来一题(分支wordle-04：https://gitee.com/greengis/lesson-javascript/tree/wordle-04)
05. 响应键盘(分支wordle-05：https://gitee.com/greengis/lesson-javascript/tree/wordle-05)
#### 示例课程四——扫雷
01. 界面布局(分支sweeper-01：https://gitee.com/greengis/lesson-javascript/tree/sweeper-01)
02. 方阵初始化(分支sweeper-02：https://gitee.com/greengis/lesson-javascript/tree/sweeper-02)
03. 侦测地雷(分支sweeper-03：https://gitee.com/greengis/lesson-javascript/tree/sweeper-03)
04. 标记图片(分支sweeper-04：https://gitee.com/greengis/lesson-javascript/tree/sweeper-04)
05. 优化配置(分支sweeper-05：https://gitee.com/greengis/lesson-javascript/tree/sweeper-05)
#### 参考链接
01. MDN：https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript
02. ES6：https://es6.ruanyifeng.com/
03. 《JavaScript忍者秘籍》：《JavaScript Ninja》
04. 《你不知道的JavaScript》
> PS: 注意获取对应分支，准备课程以及课外进阶可以参考其它相关课程
>
> 分支clone命令(他人仓库，只读，请clone)
> git clone -b lesson-01 https://gitee.com/greengis/lesson-javascript.git "lesson-01"
>
> 分支获取流程(自己或合作者仓库，读写，请pull+checkout)
> 01. git init
> 02. git remote add origin https://gitee.com/greengis/lesson-javascript.git
> 03. 获取master: git pull origin master
> 04. 获取指定分支: git pull --all
> 05. 获取指定分支: git checkout -b lesson-01 origin/lesson-01