-
Notifications
You must be signed in to change notification settings - Fork 0
/
passion_computing.html
227 lines (201 loc) · 10.8 KB
/
passion_computing.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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!DOCTYPE HTML>
<!--
-->
<html>
<head>
<title>Xiao Tianyou Theo Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">Theo</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li><a href="index.html">Projects</a></li>
<li><a href="handwriting_recognition.html">Handwriting</a></li>
<li><a href="binary_search.html">Binary_Search</a></li>
<li><a href="investment.html">Investment</a></li>
<li><a href="mnist.html">MNIST</a></li>
<li class="active"><a href="passion_computing.html">Passion_Programming</a></li>
<li><a href="myself.html">Myself</a></li>
</ul>
<ul class="icons">
<li><a href="https://github.com/theo-xiao-sg" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Post -->
<section class="post">
<header class="major">
<h1>My Passion in Programming & AI</h1>
</header>
<h4>Good news: I won a Gold Award for the Hwa Chong Info-communications Challenge (HCIC) 2023! </h4>
<p>This competition focused on three key areas: programming logic, the Python programming language, and robotics knowledge.</p>
<div class="image main"><img src="images/Theo_HCIC.png" style="width: 60%; height: auto;" alt="" /></div>
<p>One of my greatest passions is programming. Believe it or not, I've spent half of my life immersed in learning programming, building games, and exploring the world of AI! It all started when I was just seven years old, and now, at the ripe old age of 12, I can proudly say that I've dedicated a significant chunk of my time to this exciting field. Who knew that a hobby I started at such a young age would grow into such a deep passion? But hey, I guess you can say I've been programming quite a lot since before I hit double digits!</p>
<!-- Image -->
<style>
.image-caption {
text-align: center;
font-style: italic;
margin-top: -50px; /* Adjust the margin value as desired */
}
</style>
<div class="box alt">
<div class="row gtr-50 gtr-uniform">
<div class="col-6">
<figure>
<span class="image fit">
<img src="images/code_camp1.jpg" alt="" />
</span>
<figcaption class="image-caption">My first coding camp (2017)</figcaption>
</figure>
</div>
<div class="col-6">
<figure>
<span class="image fit">
<img src="images/code_camp.jpg" alt="" />
</span>
<figcaption class="image-caption">My classmates way older than I am</figcaption>
</figure>
</div>
</div>
</div>
<p>I started my programming journey of learning Scratch during my Primary one and two years. It was through Scratch that I first discovered the joy of exploring the world of technology and bringing my gaming ideas to life. The ability to create interactive stories, animations, and games sparked my curiosity and ignited my passion for programming.</p>
<!-- Image -->
<style>
.image-caption {
text-align: center;
font-style: italic;
margin-top: -50px; /* Adjust the margin value as desired */
}
</style>
<div class="box alt">
<div class="row gtr-50 gtr-uniform">
<div class="col-12">
<figure>
<span class="image fit">
<img src="images/scratch_diploma.png" alt="" />
</span>
<figcaption class="image-caption">My first scratch diploma (2019) </br> One year weekly scratch courses by Hetao to make 118 scratch projects</figcaption>
</figure>
</div>
</div>
</div>
<p>As I progressed in my programming journey, I embarked on a three-year program to learn Python programming in my P3, P4, and P5 years. Python has become an integral part of my programming repertoire, allowing me to delve deeper into the world of programming. I have not only learned the fundamentals of Python but also explored its various applications, particularly in the realm of artificial intelligence.</p>
<!-- Image -->
<style>
.image-caption {
text-align: center;
font-style: italic;
margin-top: -50px; /* Adjust the margin value as desired */
font-size: 18px; /* Adjust the font size value as desired */
}
</style>
<div class="box alt">
<div class="row gtr-50 gtr-uniform">
<div class="col-12">
<figure>
<span class="image fit">
<img src="images/python_diploma.png" alt="" />
</span>
<figcaption class="image-caption">My Python diploma (2020-2023) </br> Three year weekly Python courses by Hetao</figcaption>
</figure>
</div>
</div>
</div>
<!-- Image -->
<style>
.image-caption {
text-align: center;
font-style: italic;
margin-top: -50px; /* Adjust the margin value as desired */
}
</style>
<div class="box alt">
<div class="row gtr-50 gtr-uniform">
<div class="col-6">
<figure>
<span class="image fit">
<img src="images/pythonI_program.jpg" alt="" />
</span>
<figcaption class="image-caption">1st year Python program by Hetao (2020-2021) </br> Python fundamentals, including flow control, loops, list, Numpy array, functions, and so on</figcaption>
</figure>
</div>
<div class="col-6">
<figure>
<span class="image fit">
<img src="images/pythonII_program.png" alt="" />
</span>
<figcaption class="image-caption">2nd year Python program by Hetao (2021-2022) </br> Python advanced, including files IO, import and export data, pandas, matplotlib, Pygame, linear search and recursion algorithms, and so on</figcaption>
</figure>
</div>
</div>
</div>
<!-- Image -->
<style>
.image-caption {
text-align: center;
font-style: italic;
margin-top: -50px; /* Adjust the margin value as desired */
}
</style>
<div class="box alt">
<div class="row gtr-50 gtr-uniform">
<div class="col-12">
<figure>
<span class="image fit">
<img src="images/pythonIII_program.png" alt="" />
</span>
<figcaption class="image-caption">3rd year Python program by Hetao (2022-2023) </br> Python application in data science and AI, including decision tree, linear regression, KNN, k-mean, basic neural network, and reinforcement learning algorithms, and so on</figcaption>
</figure>
</div>
</div>
</div>
<p>The combination of programming and AI has inspired me, igniting a deep curiosity to further explore this field. During this summer holiday, while simultaneously preparing for the PSLE, I initiated a journey in which I learnt myself the principles of deep learning. I also participated in a part of deep learning university course offered by MIT (<a href="http://introtodeeplearning.com/" style="color: blue;">MIT Course 6.S191 link</a>). This self-learning journey has greatly enhanced me in understanding the intricacies of deep neural networks, with a particular fascination for Convolutional Neural Network (CNN). This showcases my eagerness to explore new horizons and my pursuit of pushing knowledge boundaries.</p>
<p>With my newfound knowledge, I decided to apply my skills to a real-life project in mouse-written number recognition. I developed a deep-learning-powered interactive tool capable of accurately recognizing mouse-written numbers. This project pushed the boundaries of my problem-solving skills, critical thinking, and innovative experimentation. It also allowed me to apply my knowledge of deep learning to a real-life problem, further enhancing my understanding of the subject.</p>
<img src = "images/handwriting_messy.gif">
<p>Witnessing my interactive tool powered by deep neural network come to life was a tremendous moment for me. The superb performance achieved by my deep learning CNN model instilled a profound sense of fulfilment and fuelled my desire to dive even deeper into the limitless possibilities of programming and AI in the future.</p>
<p>I believe that programming and AI can make positive changes within our communities. AI has the potential to enhance accessibility, promoting inclusivity and providing everybody with equal opportunities. Furthermore, AI can optimize resource usage to foster sustainability. By pursuing a deeper understanding of programming and AI in high school and university, I aim to contribute to shaping a future where technology is harnessed for the betterment of society. </p>
<p>Programming and AI has become more than just a hobby for me; it has become a passion that drives me to constantly seek new knowledge and push the boundaries of what I can achieve. I am eager to continue my learning journey, further honing my skills and exploring the endless possibilities that technology offers.</p>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section class="split contact">
<section class="alt">
<h3>Location</h3>
<p>Singapore</p>
</section>
<section>
<h3>Email</h3>
<p><a href="#">theo.xiao.sg@gmail.com</a></p>
</section>
<section>
<h3>GitHub</h3>
<ul class="icons alt">
<li><a href="https://github.com/theo-xiao-sg" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
</ul>
</section>
</section>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>