OnboardingGuide/prerequisite.html at main · davidjonesma/OnboardingGuide · 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
102
103
104
105
106
107
108
<!DOCTYPE html>
<html>
<head>
    <title> Prerequisite Knowledge</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" type="image/x-icon" href="Images/myrfavicon.ico">
</head>

<body>
    <a href="Home.html" class="button">
        Back to home page
    </a>
    <hr>
    <h1>
        Prerequisite Skills:
    </h1>
    <h2>
        HTML
        <img src="Images/htmllogo.png" alt="HTML Icon" height="40" width="40">
    </h2>
    <p>
        <abbr title="Hyper Text Markup Language">HTML</abbr> stands for Hyper Text Markup Language.
        All websites use HTML and its used to define the structure of the website.
        As myr used html, it's important to understand the very basics. A good website
        you can use for teaching yourself the basics of html is through W3 schools, here is a link
        to their free html tutorial to help you get the basics:
        <a href="https://www.w3schools.com/html/html_intro.asp">
            W3Schools' HTML tutorial
        </a>
    </p>
    <hr>
    <h2>
        CSS
        <img src="Images/csslogo.png" alt="CSS Icon" height="40" width="28">
    </h2>
    <p>
        <abbr title="Cascading Style Sheets">CSS</abbr> stands for Cascading Style Sheets, while html is used to structure a website,
        CSS is used to styalize it and make it presentable. websites don't need CSS but
        many do, including MYR, so it's important to understand the basics of it too understand MYR.
        W3School's also has a lengthy tutorial on CSS, that can be found here:
        <a href="https://www.w3schools.com/css/css_intro.asp">
            W3Schools' CSS tutorial
        </a>
    <p>
    <hr>
    <h2>
        JAVASCRIPT
        <img src="Images/javascriptlogo.png" alt="Javascript Icon" height="40" width="40">
    </h2>
    <p>
        Javascript is a programming language used to give websites an interactive component.
        You can write a static site with only html, but for the most part it won't be able to
        interact with the user. If you interacted with the MYR website, you can see the several
        ways you can interact with it. You can write code that generates shapes and objects in
        the 3D environment, or use your keyboard to move around in the 3D environment, Most of
        MYR is written with javascript, and is arguably one of the most important thing to work
        with before you start working on MYR. W3Schools also has a great tutorial for
        familiarizing yourself with javascript that can be found here:
        <a href="https://www.w3schools.com/js/js_intro.asp">
            W3Schools' Javascript tutorial
        </a>
    </p>
    <hr>
    <h2>
        GIT / GITHUB
        <img src="Images/gitlogo.png" alt="Github Icon" height="40" width="40">
    </h2>
    <p>
        Git is an open source distributed version control system. This lets you manage and
        Track changes made to a program or project. With git, everyone can have their own
        version of MYR saved locally to their machine, instead of having everyone work on
        the same code all at once. This allows us to work on individual features independently
        and add them to the master code without interference. Git is used almost everywhere
        that involves a collaborative codebase. Working with git can be unavoidable at times
        in the computer science field, so it's good to learn it early. A link to the git main
        page and documentation can be found here:
        <a href="https://git-scm.com/"> Git home page</a>
        <br><br>
        Github is a website that lets you host git projects for others to view and work on.
        All the code for MYR is available on github, and to begin working on it, you will have
        to make a copy of the MYR repository, hosted on github, to your machine. This will be
        explained later in the setting up development enviornment page. In the meantime, if
        you haven't made a github account, you should start now. Links to the github guide,
        and myr repositories can be found here:
        <ul>
            <li><a href="https://docs.github.com/en/get-started/quickstart/hello-world"> Github Guide </a></li>
            <li><a href="https://github.com/engaging-computing/MYR"> MYR code on github </a></li>
            <li><a href="https://github.com/engaging-computing/MYR-backend"> MYR backend code on github</a></li>
        </ul>
    </p>
    <hr>
    <h2>
        ECMASCRIPT
    </h2>
    <hr>
    <h2>
        AFRAME
    </h2>
    <hr>
    <h2>
        REACT
    </h2>
    <!---
    W3Schools also has a tutorial for react, easier to read and understand than reacts tutorial
    in my opinion. could be  used for onboarding instead.
    -->
</body>
</html>