# 2023 SITCON 台南 HoC

:::success
接下來我們會用 **Scratch (Blocky)** 來 **寫程式** !

|  |  |
| -------- | -------- |

:::

## 讓我們從 Flappy Bird 進入程式

:::info
完成這一系列遊戲
我們可以學到：
- **事件處理 (event handle)**

的概念！
:::

> 

- **[Flappy Bird (中文)](https://studio.code.org/flappy/2?lang=zh-TW)**
- **[Flappy Bird (English)](https://studio.code.org/flappy/2?lang=zh-TW)**

## 讓我們從 Minecraft 進入程式

:::info
完成這一系列遊戲
我們可以學到：
- **迴圈 (loop)**
- **函式 (function)**

的概念！
:::

> 

- **[Minecraft on website (中文)](https://studio.code.org/s/hero/lessons/1/levels/1?lang=zh-TW)**
- **[Minecraft on website (English)](https://studio.code.org/s/hero/lessons/1/levels/1?lang=zh-TW)**

## 還想學更多嗎 ！

如果不想被 **Scratch (Blocky)** 限制住
想要寫出自己的遊戲、解決生活中問題的程式
我們可以使用 **Python** !

:::info

**Python**

是目前**最熱門**的程式語言之一
Python **語法簡單**、有廣大的社群、還有**破百萬的函式庫** 可以使用
是 **AI**、**數據分析**、**Web** 最常用的語言 !
:::

print("Hello World!")

- [Python 入門教學 : Youtube](https://www.youtube.com/playlist?list=PL-g0fdC5RMboYEyt6QS2iLb_1m7QcgfHk)
- [STEAM 教育學習網](https://steam.oxxostudio.tw/category/python/info/start.html)
- [Real python : 內容豐富的英文](https://realpython.com/)

---

**[線上 IDE](https://programiz.pro/ide/python)**

:::spoiler 資料視覺化 Example

# Online Python Playground
# Use the online IDE to write, edit & run your Python code
# Create, edit & delete files online

import matplotlib.pyplot as plt
import numpy as np
import pandas as pd

df = pd.read_csv('./csv_files/username.csv')
print(df.to_string())

fig = plt.figure()
ax1 = fig.add_subplot(221)
ax2 = fig.add_subplot(222)
ax3 = fig.add_subplot(223)
ax4 = fig.add_subplot(224)
x = np.linspace(0, np.pi)
y2 = -x * 2
y_sin = np.sin(x)
y_cos = np.cos(x)
z = x ** 2 + x
ax1.plot(x, y_cos)
ax2.plot(x, z, 'co-', linewidth = 1, markersize = 2)
ax3.plot(x, y_sin, color = 'blue', marker = '+', linestyle = 'dashed')
ax4.plot(x, y2, 'm-.', markersize = 2)
plt.show()

:::

:::spoiler 資料視覺化

:::

### 更進階

- [Taiwan Awsome CS Training (Github)](https://github.com/goodjack/awesome-cs-training)
- 以 **高中生** 作為出發點的 **資訊培訓相關資源彙整**

> short url : https://reurl.cc/6QWv6d
###### tags: `SITCON`