Initial commit

Author: TonyLianLong

.gitattributes

@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto

.gitignore

@@ -0,0 +1 @@
+.DS_Store

Chapter1/Chapter1.md

@@ -0,0 +1,75 @@
+<notice>教程读者请不要直接阅读本文件，因为诸多功能在此无法正常使用，请移步至[程谱 coderecipe.cn](https://coderecipe.cn/learn/1)学习完整教程。如果您喜欢我们的教程，请在右上角给我们一个“Star”，谢谢您的支持！</notice>
+初入编程
+======
+
+欢迎来到程谱社区！😁 我们是一群留学生，致力于搭建一个系统而又不枯燥的零基础入门编程学习平台。希望大家能多多支持我们，如果发现我们的不足之处也欢迎联系我们~
+
+这是大多数程谱学员的第一个教程，从这里开始学习吧！💖
+
+输入&输出
+------
+如果你是在用电脑阅读这个教程，那么你就正在盯着电脑的显示屏看，偶尔还会滚动一下鼠标滚轮🖱。如果你用的是手机或者平板📱，那么就会通过触摸屏上下滑动网页来阅读教程的内容。
+
+你可能没有注意到，但仔细想想就会发现，我们身边的电子设备大多都可以由我们操控（输入）和告诉我们信息（输出），不只是电脑手机和平板，例如电话☎️能接收和发出声音。思考到这一步，你就已经理解了输入(input)和输出(output)这两个概念了。
+
+之前说的是广义的输入和输出，而对于计算机程序的运行来说，我们先给程序提供必要的数据信息（输入），然后程序进行一系列的运算，再把结果告诉我们（输出），就像下面这张图画的这样：
+![输入输出](Pic1.png)
+
+掌握了吗？如果掌握了，就按一下右下方这个按钮吧~
+
+练习环境小热身
+------
+下面是练习框，让我们跟着练习框的下方的指示一起来熟悉一下练习环境吧。
+
+<lab lang="blocks" parameters="logic=false&math=false&loops=false&lists=false&color=false&variables=false&functions=false&text=false&name=chapter1lab1">
+  <notice>练习环境在此无法显示，请移步至[程谱 coderecipe.cn](https://coderecipe.cn/learn/1)查看。</notice>
+</lab>
+
+首先，点击左边的“输入输出”，将“输出”块拖到右边。然后，修改一下文字“abc”成“Hello World!”，再点击右边的红色按钮运行。
+结果应该是这样：
+![运行截图](Pic2.png)
+
+那输入呢？ 让我们把“输入文字并提示消息”块插到“输出”块上，这里的提示消息指的是在输入文字的时候会告诉我们程序的使用者输入的文字的含义，同样点击运行，首先输入一些文字，然后点确认，这串文字就会被输出了。当然，我们也可以通过下拉框选择让这个输入块读取数字，试一试吧。
+
+如果想删除一个块，把它拖到右下角的垃圾桶图标上就好了。
+
+![运行截图](Pic3.png)
+
+细心的你可能会发现，在选择输入数字以后，如果输入的不是一个数字，就会输出NaN，这是为什么呢？其实NaN的意思是Not a Number，代表程序告诉我们输入的并不是一个数字。
+
+这样，我们就做出了一个小程序，它能读取用户的输入，然后对数字进行处理，然后输出回来，是不是很有意思呀~
+
+计算
+------
+刚才我们学完了最基本的输入输出，那接下来我们可以更进一步，学一下如何让计算机来为我们进行运算。
+
+<lab lang="blocks" parameters="logic=false&loops=false&lists=false&color=false&variables=false&functions=false&text=false&name=chapter1lab2">
+  <notice>练习环境在此无法显示，请移步至[程谱 coderecipe.cn](https://coderecipe.cn/learn/1)查看。</notice>
+</lab>
+
+你可能会发现，这个练习环境和之前不一样，因为这里多了一个“数学”按钮，点进去以后会发现里面全都是数学运算，看起来好复杂的样子。让我们从简单的开始，先拖动一个“1+1”块（其实这是四则运算加乘方块，我们等一会儿就知道啦），插在“输出”块上，点击运行，大功告成啦！
+![运行截图](Pic4.png)
+
+这个“1+1”块可没有看起来那么简单，这个块是可是可以高度定制的呢！我们可以1+1成为任意的四则运算内容，比如10÷5。而且这个“1+1”块内部还可以嵌入其他块，这样就可以做好多次加减乘除啦。
+
+我们还可以把输入块放入这个运算块里，不过记得选择“输入数字并显示消息”而不是“输入文字并显示消息”，不然是放不进运算块的，毕竟文字可不能进行四则运算。
+
+像底下这样组合块就可以做出一个除法计算器啦！
+![运行截图](Pic5.png)
+
+小练习
+------
+让我们来练习一下我们刚学习的知识吧。
+<lab lang="blocks" parameters="logic=false&loops=false&lists=false&color=false&variables=false&functions=false&text=false&name=chapter1lab3">
+  <notice>练习环境在此无法显示，请移步至[程谱 coderecipe.cn](https://coderecipe.cn/learn/1)查看。</notice>
+</lab>
+
+试试做出如下的效果：
+
+1. 输出“我要认真学习编程” （不带引号）
+2. 计算1000-985并输出
+3. 计算(100-58)\*2并输出
+4. 把输入的数值加上10输出
+5. 把输入的数值平方（也就是四则运算加乘方块里面的^2）输出
+
+学到这里，你就已经算是入门计算机编程啦👏，加油加油继续学习吧~

Chapter1/Pic1.png

@@ -0,0 +1,38 @@
+<notice>教程读者请不要直接阅读本文件，因为诸多功能在此无法正常使用，请移步至[程谱 coderecipe.cn](https://coderecipe.cn/learn/1)学习完整教程。如果您喜欢我们的教程，请在右上角给我们一个“Star”，谢谢您的支持！</notice>
+
+初入编程
+======
+
+有的时候我们想知道这个小人在哪里，这样怎么办呢？
+
+条件块
+------
+拖动左边的条件块，就可以产生条件效果。
+
+其他条件块
+------
+拖动左边的条件块，就可以产生条件效果。
+```java
+    if (this.successful) {
+      // We'll succeed
+    } else {
+      // No! We won't reach this
+    }
+```
+Blocks实验室：
+<lab lang="blocks" parameters="logic=false&math=false&loops=false&lists=false&color=false&variables=false&functions=false&text=false">
+  <notice>练习环境在此无法显示，请移步至[程谱 coderecipe.cn](https://coderecipe.cn/learn/1)查看。</notice>
+</lab>
+
+Java实验室：
+<lab lang="java" parameters="filename=Hello.java">
+<notice>练习环境在此无法显示，请移步至[程谱 coderecipe.cn](https://coderecipe.cn/learn/1)查看。</notice>
+public class Hello {
+  public static void main(String[] args) {
+      System.out.println("Hello Java!");
+  }
+}
+</lab>
+
+下面的内容要按一下才会显示：
+<cr type="hidden"><notice>隐藏内容功能在此无法正常显示，请移步至[程谱 coderecipe.cn](https://coderecipe.cn/learn/1)查看。</notice>答案已经被显示出来了</cr>

Chapter1/Pic2.png

@@ -0,0 +1,50 @@
+# Array和ArrayList教程 by 程谱 Code Recipe
+
+** 如果你喜欢我们的教程，那么就点击右上角的“Star”给我们贡献一份力量吧~ **
+
+欢迎来到程谱社区！😁 我们是一群留学生，致力于搭建一个系统而又不枯燥的零基础入门编程学习平台。希望大家能多多支持我们，如果发现我们的不足之处也欢迎联系我们~
+
+这个教程给初学编程者使用，是大多数程谱学员在学完面向对象编程的下一个教程。这个教程主要配合Java介绍Array和ArrayList的理论知识概念，不管以后要学习哪一个面向对象语言，学习这个教程都是很有用的。
+
+最后，谢谢大家对程谱的支持和厚爱~💖
+
+P.S: 教程读者请不要直接阅读本项目的文件，因为诸多功能在此无法正常使用，请移步至[程谱官网](https://coderecipe.cn/learn/1)免费学习这个教程的完整版哦。
+
+目录
+------
+1. 数组Array
+  * 数组的定义和数组值的存取
+  * 数组的长度
+  * 遍历数组
+  * 数组和类
+  * 作为参数传递数组
+  * 小练习
+2. 数组列表ArrayList
+  * 集合API
+  * 集合和泛型
+  * 封包拆包
+  * 小练习
+3. List<E>接口
+  * List<E>的结构
+  * ArrayList<E>类
+  * 如何使用List<E>
+  * 小练习
+4. 二维数组
+  * 定义二维数组
+  * 用二维数组来表示矩阵
+  * 处理二维数组
+  * 小练习
+
+看完目录以后，如果你想学习本教程，那么就点击[这里](https://coderecipe.cn/learn/1)里开始吧。
+
+贡献
+------
+如果你发现教程有错别字或者有不妥之处，欢迎提交issues或者pull requests，成为本教程的contributor，程谱项目组及本教程作者感谢您的支持！
+
+使用本教程
+------
+本项目为程谱项目组编写，我们推荐教师直接使用程谱网站来作为教学工具。
+
+为了搭建一个友好互助的社区，我们同样也允许您以**在醒目处保留“本教程来源于程谱”并链接到[程谱](https://coderecipe.cn/learn/1)的方式**以**非商业用途**使用本教程。其他使用方式请[联系我们](mailto:cr@coderecipe.cn)获得许可。
+
+一切对本教程的最终解释权归程谱所有。

Chapter1/Pic3.png

@@ -0,0 +1,51 @@
+{
+  "name": "Array和ArrayList教程",
+  "desc": "这个教程主要配合Java介绍Array和ArrayList的理论知识概念，不管以后要学习哪一个面向对象语言，学习这个教程都是很有用的。",
+  "keywords": ["编程", "基础"],
+  "cover": "cover.png",
+  "tags": ["编程", "基础", "入门"],
+  "chapters": [
+    {
+      "name": "数组Array",
+      "content": "Chapter1/Chapter1.md",
+      "sections": [
+        {"name":"数组的定义和数组值的存取"},
+        {"name":"数组的长度"},
+        {"name":"遍历数组"},
+        {"name":"数组和类"},
+        {"name":"作为参数传递数组"},
+        {"name":"小练习"}
+      ]
+    },
+    {
+      "name": "数组列表ArrayList",
+      "content": "Chapter2/Chapter2.md",
+      "sections": [
+        {"name":"集合API"},
+        {"name":"集合和泛型"},
+        {"name":"封包拆包"},
+        {"name":"小练习"}
+      ]
+    },
+    {
+      "name": "List<E>接口",
+      "content": "Chapter3/Chapter3.md",
+      "sections": [
+        {"name":"List<E>的结构"},
+        {"name":"ArrayList<E>类"},
+        {"name":"如何使用List<E>"},
+        {"name":"小练习"}
+      ]
+    },
+    {
+      "name": "二维数组",
+      "content": "Chapter4/Chapter4.md",
+      "sections": [
+        {"name":"定义二维数组"},
+        {"name":"用二维数组来表示矩阵"},
+        {"name":"处理二维数组"},
+        {"name":"小练习"}
+      ]
+    }
+  ]
+}