-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
176 lines (162 loc) · 8.84 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="en" data-theme="light" class="has-background-light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>從C語言快速上手Python的基礎實戰</title>
<meta name="description" content="大同大學科學開源服務社的社團課程">
<meta name="keywords" content="程式設計, Python, Open Source, TTUSSC, 大同大學, TTU, 科學開源服務社, 開源社, 科創社">
<meta property="og:site_name" content="從C語言快速上手Python的基礎實戰" />
<meta property="og:type" content="website" />
<meta property="og:title" content="從C語言快速上手Python的基礎實戰" />
<meta property="og:description" content="大同大學科學開源服務社的社團課程，帶你從 C 語言快速上手 Python" />
<meta property="og:image" content="https://yuto0226.github.io/FromC2Python/img/Python.png" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css"
integrity="sha512-Jk4AqjWsdSzSWCSuQTfYRIF84Rq/eV0G2+tu07byYwHcbTGfdmLrHjUSwvzp5HvbiqK4ibmNwdcG49Y5RGYPTg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- and it's easy to individually load additional languages -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/bash.min.js"></script>
<script>hljs.highlightAll();</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css">
<script src="https://kit.fontawesome.com/71a9885d68.js" crossorigin="anonymous"></script>
<style>
pre{
background-color: #FFF;
padding: 0px !important;
}
.content > img{
border-radius: 10px;
box-shadow: 0px 0px 10px #9399b2;
}
</style>
</head>
<body class="my-3">
<section class="columns my-3 mx-3">
<div class="box column is-three-fifths mx-auto">
<img src="./img/Python.png" alt="">
<hr>
<div class="content mx-4 my-4">
<h1 class="title">從C語言快速上手Python的基礎實戰</h1>
<p>大同大學科學開源服務社的社團課程，帶你從 C 語言快速上手 Python</p>
</div>
</div>
</section>
<section class="columns my-3 mx-3">
<div class="box column is-three-fifths mx-auto">
<div class="content mx-4 my-4">
<h2 class="title">連結</h2>
<span class="buttons">
<a class="button is-info" href="./slide/">
<i class="fa-solid fa-chalkboard mr-2"></i>
簡報
</a>
<a class="button is-light" href="https://hackmd.io/@ttussc/H1eO0cp1T/%2FbnQ7dmMmSA-TBGxEWDeg2A">
<i class="fa-solid fa-feather mr-2"></i>
共筆
</a>
<a class="button is-success" href="https://app.sli.do/event/g834X3GZ6KbSriJzoMq2BT">
<i class="fa-regular fa-comment mr-2"></i>
Slido
</a>
<a class="button is-dark" href="https://github.com/yuto0226/FromC2Python">
<i class="fa-brands fa-github mr-2"></i>
Repo
</a>
</span>
<ul>
<li>
<a href="https://docs.python.org/3/" target="_blank" rel="noopener noreferrer">
Python 3 documentation
</a>
</li>
<!-- <li>
<a href="http://" target="_blank" rel="noopener noreferrer">
</a>
</li> -->
</ul>
</div>
</div>
</section>
<main class="columns my-3 mx-3">
<div class="box column is-three-fifths mx-auto">
<div class="content mx-4 my-4">
<div class="content">
<h2>事前準備</h2>
<p>
這次 Python 的課程會有大量的實作讓各位練習，會需要設定電腦的環境
</p>
<ul>
<li>Python 環境安裝</li>
<li>VS Code</li>
</ul>
<h3>建立課程目錄</h3>
<p>為了避免和其他的目錄衝突，這次課程會需要獨立出來一個目錄。</p>
<pre><code class="zsh">$ cd ~ # 回到使用者家目錄
$ mkdir c2python # 建立 c2python 目錄
$ cd ./c2python # 切換進入目錄</code></pre>
<h3>Python 環境安裝</h3>
<p>
Python 的環境可以到 <a href="https://www.python.org/downloads/" target="_blank">Python 官網</a>
安裝對應作業系統的 Python 安裝檔。安裝完畢後，在終端機打開 Python 的直譯器，若正常運行即代表安裝成功。
</p>
<pre><code class="zsh">$ python</code></pre>
<article class="message is-info">
<div class="message-body">
部分作業系統會是 <code class="zsh">$ python3</code>
</div>
</article>
<pre><code class="text">Python 3.10.12 (main, Nov 20 2023, 15:14:05) [GCC 11.4.0] on linux
Type "help", "copyright", "credits" or "license" for more information.
>>></code></pre>
<h3>VS Code 環境安裝</h3>
<p>
到 <a href="https://code.visualstudio.com/Download">VS Code 官網</a> 選擇合適的作業系統版本安裝。安裝完畢後，打開終端機。
</p>
<pre><code class="zsh">$ code</code></pre>
<p>接著打開插件（Extensions）頁面</p>
<img class="mb-3" src="./img/vscode_pannel.png" alt="" srcset="">
<p>我們這次一共要安裝一些插件來輔助我們寫扣。</p>
<ul>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hant" target="_blank" rel="noopener noreferrer">
Chinese (Traditional) Language Pack for Visual Studio Code
</a>
</li>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=ms-python.python" target="_blank" rel="noopener noreferrer">
Python
</a>
</li>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter" target="_blank">
Jupyter
</a>
</li>
</ul>
<p>所有插件安裝完後大概會長這樣。</p>
<img class="mb-3" src="./img/vscode_extension.png" alt="" srcset="">
<h3>課程簡報與程式碼</h3>
<p>這次社課所有的檔案都放在 <a href="https://github.com/yuto0226/FromC2Python" target="_blank">yuto0226/FromC2Python</a>，我們一樣把它 clone 到家目錄。</p>
<pre><code class="zsh">$ cd ~
$ git clone https://github.com/yuto0226/FromC2Python.git</code></pre>
<p>都完成後我們的環境就都設定好了喔～</p>
</div>
</div>
</div>
</main>
<section class="column">
<div class=" column is-three-fifths mx-auto giscus"></div>
</section>
<footer>
</footer>
<script>hljs.highlightAll();</script>
<script src="https://giscus.app/client.js" data-repo="yuto0226/FromC2Python" data-repo-id="R_kgDOL0QOTg"
data-category="Announcements" data-category-id="DIC_kwDOL0QOTs4Ce_2G" data-mapping="pathname" data-strict="0"
data-reactions-enabled="1" data-emit-metadata="0" data-input-position="top" data-theme="light" data-lang="zh-TW"
data-loading="lazy" crossorigin="anonymous" async>
</script>
</body>
</html>