Skip to content

Commit

Permalink
Update docs
Browse files Browse the repository at this point in the history
  • Loading branch information
@joone
joone committed Mar 26, 2024
1 parent bb03787 commit 8a56976
Show file tree
Hide file tree
Showing 28 changed files with 706 additions and 600 deletions.
130 changes: 70 additions & 60 deletions docs/1. Charles Babbage and Ada Lovelace/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,100 +40,110 @@ <h1 class="title">1. Charles Babbage and Ada Lovelace</h1>
<section class="body">
<p>Human beings have made a number of tools to make math calculations more convenient and accurate. One of these tools, the abacus, was used by several ancient civilizations.</p>
<p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image8.png" alt="The caveman sees the numbers written on the tree and puts a question mark.">

</figure>
</div></p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image8.png" alt="The caveman sees the numbers written on the tree and puts a question mark.">

</figure>
</div>
</p>
<p>In Korea, the abacus was introduced from China around the 1400s, and it was used by individuals as well as banks until the 1980s. After that, computers replaced it in banks and it is hardly used for personal use anymore.</p>
<p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image4.png" alt="A girl is using a abacus">

</figure>
</div></p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image4.png" alt="A girl is using a abacus">

</figure>
</div>
</p>
<p>In the West, in the 17th century, <a href="https://en.wikipedia.org/wiki/Pascal%27s_calculator">Pascal</a> and Leibniz made mechanical calculators using gears.</p>
<p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image2.png" alt="Pascal says,&quot;This mechanical calculator is capable of multiplication and division.&quot;">

</figure>
</div></p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image2.png" alt="Pascal says,&quot;This mechanical calculator is capable of multiplication and division.&quot;">

</figure>
</div>
</p>
<p>In 1822, the British mathematician Charles Babbage designed a difference engine consisting of memories, an arithmetic unit and input/output devices like the computers we use now, but in a mechanical way.</p>
<p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image3.png" alt="A girl is using a abacus">

</figure>
</div></p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image3.png" alt="A girl is using a abacus">

</figure>
</div>
</p>
<h2>Charles Babbage and his difference engine</h2>
<p>Ada Lovelace, born in 1815, the daughter of George Gordon Byron, a representative Romantic poet in England, grew up with a single mother because her father had earlier abandoned her family. Since her mother was afraid that her daughter would take after her father, she only allowed Ada to learn mathematics and science instead of literature.</p>
<p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image10.png" alt="Text image: Ada, with a puzzled expression, says, &quot;Why does my mom only want me to learn mathematics?&quot;">

</figure>
</div></p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image10.png" alt="Text image: Ada, with a puzzled expression, says, &quot;Why does my mom only want me to learn mathematics?&quot;">

</figure>
</div>
</p>
<blockquote>
<p>&quot;Why does my mom only want me to learn mathematics?&quot;</p>
</blockquote>
<p>Famous scientists taught Ada at the time, including De Morgan who is famous for De Morgan’s law. As a result, she showed a great talent for mathematics which he recognized.</p>
<p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image1.png" alt="Text image: Ada in learning De Morgan&#39;s law from De Morgan&quot;">

</figure>
</div></p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image1.png" alt="Text image: Ada in learning De Morgan&#39;s law from De Morgan&quot;">

</figure>
</div>
</p>
<blockquote>
<p>&quot;This allows the logical sum to be a logical product.&quot; <br>&quot;This is De Morgan&#39;s law!&quot;</p>
</blockquote>
<p>Ada saw the difference engine created by Charles Babbage by chance when she was seventeen years old.</p>
<p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image9.png" alt="Text image: &quot;">

</figure>
</div></p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image9.png" alt="Text image: &quot;">

</figure>
</div>
</p>
<blockquote>
<p>&quot;This is the difference engine!&quot; <br>&quot;Wow, I would like to participate in your research.&quot;</p>
</blockquote>
<p>She created an algorithm to obtain the Bernoulli number for the purpose of describing the analytical engine, which is considered to be the first computer program.</p>
<p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image5.png" alt="Text image: &quot;">

</figure>
</div></p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image5.png" alt="Text image: &quot;">

</figure>
</div>
</p>
<blockquote>
<p>&quot;A good example is needed to explain the difference machine.&quot;</p>
</blockquote>
<p>At the time, Ada first introduced the concepts of loops, goto, and control statements, which are important concepts used in programming languages, in her algorithms. This is why she is called the world’s first programmer. There is also a programming language called Ada which is named after her.</p>
<p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image7.png" alt="Text image: Ada is asking&quot;">

</figure>
</div></p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image7.png" alt="Text image: Ada is asking&quot;">

</figure>
</div>
</p>
<blockquote>
<p>&quot;Loop? Goto? If?&quot;</p>
</blockquote>
<p>However, Charles Babbage was not able to complete the difference engine and analytic engine due to technical limitations, so Ada never got to implement her algorithm.</p>
<p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image6.png" alt="Text image: Ada is asking&quot;">

</figure>
</div></p>
<div style="text-align: center;">
<figure style="text-align: center;">
<img src="images/image6.png" alt="Text image: Ada is asking&quot;">

</figure>
</div>
</p>
<blockquote>
<p>&quot;When can I run my algorithm on the machine?&quot; <br>&quot;Well, I’m not sure if it will work.z&quot;</p>
</blockquote>
Expand Down
Loading

0 comments on commit 8a56976

Please sign in to comment.