Chem_Meets_Codes/timeline.html at main · RoshnaVakkeel/Chem_Meets_Codes · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description"
        content="A website for Chemistry and Coding enthusiasts, depicting the key milestone events in the history of Computational Chemistry.">
    <meta name="keywords"
        content="Chemistry, Computational Chemistry, Computer, Coding, Programming Languages, Molecular Modelling, Molecular Dynamics, molecular graphics">
    <link href="assets/css/style.css" rel="stylesheet">
    <title>Chem Meets Codes</title>
</head>

<body>
    <header>
        <a href="timeline.html">
            <img src="assets/images/Logo.png" id="logo-img" alt="logo chem meets codes"
                aria-label="logo of chem meets codes featuring codes leading to molecular design and eventually to drug molecules in computer ">
            <h2 id="logo">Chem Meets Codes</h2>
        </a>
        <nav>
            <ul id="menu">
                <li>
                    <a href="index.html">Home</a>
                </li>
                <li>
                    <a href="timeline.html">Timeline</a>
                </li>
                <li>
                    <a href="feedback.html">Feedback</a>
                </li>
            </ul>
        </nav>
    </header>

    <div id="timeline-intro">
        <h2>When Codes Met Chemistry - The Timeline</h2>
        <p>How the evolution of programming languages programmed the field of Drug Development Chemistry</p>
    </div>

    <div id="chem-comp-timeline">
        <h2>Computers in Chemistry - The beginning</h2>
        <p>The use of computers in chemistry started in the late 1950s with acceptance of Fortran as a scientific
            programming language. History depicts data entry, transfer and processing via suitable programs, and
            processed results display on a local device. In the mid 1970's, protein structure was crystallographically
            solved and visualized with computers for the first time. One of the large advantages was that the computer
            recorded atomic coordinates. And in the last few decades, the progress has been enormous. The timeline
            depicted here reveals how the landscape of CADD evolved and became an important part of research today. Many
            companies emered and so did the tools. The image below shows how the progress took place in the last few
            decades.</p>
        <img src="assets/images/CADD_timeline.jpg" alt="Programming Languages Timeline"
            aria-label="Programming Languages Timeline through the decades">
        <br>

    </div>
    <br>

    <div id="coding-timeline">
        <h2>The Programming Language - History through decades</h2>
        <p>Long before the computers came into existance, programming languages were created and were being reinvented a
            few times. In 1843, Ada Lovelace created the very first machine algorithm. This marked the beginning of the
            invention of programming languages. Then in early 1940s, Konrad Zuse created the programming language that
            was called Plankalkul ( first high-level programming language developed for computers) <a
                href="https://en.wikipedia.org/wiki/Assembly_language" target="_blank">assembly language</a> and
            shortcode were first put into effect in 1949. Corrado Böhm in 1951 created the first high-level language.
            The first commercially available language was FORTRAN (FORmula TRANslation), developed in 1956 by a team led
            by John Backus at IBM. This also coincides with the Chemistry community started using these languages to
            develop the tools. The timeline below shows the development timeline in the following decades. </p>
        <img src="assets/images/Programming_lang_timeline.png" alt="Programming Languages Timeline"
            aria-label="Programming Languages Timeline through the decades">

        <br>
        <h2>Interesting References</h2>
        <p><a href="https://www.ch.ic.ac.uk/rzepa/watoc96/article.html">Role of internet in Computational Chemistry</a>
            <br>
            <a href="https://www.researchgate.net/publication/280934406_A_Scrolling_History_of_Computational_Chemistry">A
                Scrolling History of Computational Chemistry</a>
            <br>
            <a href="https://en.wikipedia.org/wiki/History_of_programming_languages">Programming Languages - History</a>
            <br>
            <a href="https://javaconceptoftheday.com/history-of-programming-languages/">Timeline of Programming
                Languages</a></p>

    </div>

    <footer id="footer">
        <ul class="social-networks">
            <li><a href="https://www.linkedin.com" target="_blank"><i class="fab fa-linkedin"></i></a></li>
            <li><a href="https://www.facebook.com" target="_blank"><i class="fab fa-facebook"></i></a></li>
            <li><a href="https://www.twitter.com" target="_blank"><i class="fab fa-twitter-square"></i></a></li>
        </ul>

        <!--Font awesome script information-->
        <script src="https://kit.fontawesome.com/b83175b9a4.js" crossorigin="anonymous"></script>
    </footer>

</body>

</html>