learn-javascript/index.html at main · Wing-Catcher/learn-javascript · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Navigator</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="https://kit.fontawesome.com/1e62049758.js" crossorigin="anonymous"></script>
</head>
<body>
    <nav>
        <div class="nav-items" id="logo-title">
            <img src="assets/jslogo.jpeg" alt="logo">
            <p>Index.html > Navigator</p>
        </div>
        <div class="nav-items" id="buttons">
            <a href="index.html"><button>Refresh</button></a>
            <a href="https://github.com/Wing-Catcher" target="_blank"><i class="fa-brands fa-github fa-2xl"></i></a>
        </div>
    </nav>
    <main class="margin">
        <div class="container">
            <section>
                <h1>Learn Javascript</h1>
                <hr>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos suscipit architecto aspernatur similique molestias sed error quis esse laboriosam nesciunt. Unde officia debitis molestias totam fugit ducimus maiores incidunt voluptatum!</p>
            </section>
            <section id="about">
                <h1>About This Page</h1>
                <p>This page will be the navigator for navigating my javascript lessons</p>
                <p>JavaScript is a scripting or programming language that allows you to implement complex features on web pages — every time a web page does more than just sit there and display static information for you to look at — displaying timely content updates, interactive maps, animated 2D/3D graphics, scrolling video jukeboxes, etc. — you can bet that JavaScript is probably involved. It is the third layer of the layer cake of standard web technologies, two of which (HTML and CSS) we have covered in much more detail in other parts of the Learning Area.</p>
            </section>
            <section>
                <h1>Linkss</h1>
                <hr>
                <div id="links">
                    <a href="html/QQ. template.html"><button style="background-color: rgb(253, 180, 23);">Template</button></a>
                    <a href="html/1. variables.html"><button>1. variables</button></a>
                    <a href="html/2. arithmetic.html"><button>2. arithmetic</button></a>
                    <a href="html/3. accept_input.html"><button>3. inputs</button></a>
                    <a href="html/4. convert_datatype.html"><button>4. convert datatype</button></a>
                    <a href="html/5. const.html"><button>5. Constant</button></a>
                    <a href="html/6. counter.html"><button>6. counter</button></a>
                    <a href="html/7. math.html"><button>7. Math</button></a>
                    <a href="html/8. random_num.html"><button>8. random num</button></a>
                    <a href="html/9. if_statements.html"><button>9. if statements</button></a>
                    <a href="html/10. checked_properties.html"><button>10. checked_properties</button></a>
                    <a href="html/11. ternary_operator.html"><button>11. ternary_operator</button></a>
                    <a href="html/12. switches.html"><button>12. switches</button></a>
                    <a href="html/13. string_methods.html"><button>13. string methods</button></a>
                    <a href="html/14. string_slicing.html"><button>14. string_slicing</button></a>
                    <a href="html/15. method_chaining.html"><button>15. method_chaining</button></a>
                    <a href="html/16. logical_operator.html"><button>16. logical_operator</button></a>
                    <a href="html/17. strict_equality.html"><button>17. strict equality</button></a>
                    <a href="html/18. while_loops.html"><button>18. While Loops</button></a>
                    <a href="html/19. for_loops.html"><button>19. For Loops</button></a>
                    <a href="html/20. number_guess.html"><button>20. Number Guess</button></a>
                    <a href="html/21. functions.html"><button>21. function</button></a>
                    <a href="html/22. variable_scope.html"><button>22. Variable Scope</button></a>
                    <a href="html/23. array.html"><button>23. Array</button></a>
                    <a href="html/24. temperature_converter.html"><button>24. Temparature Converter</button></a>
                    <a href="html/25. spread_operator.html"><button>25. spread_operator</button></a>
                    <a href="html/26. rest_parameter.html"><button>26. rest_parametersr</button></a>
                    <a href="html/27. dice_roller.html"><button>27. dice_roller</button></a>
                    <a href="html/28. password_generator.html"><button>28. Password Generator</button></a>
                    <a href="html/29. callbacks.html"><button>29. Callbacks</button></a>
                    <a href="html/30. foreach.html"><button>30. For each</button></a>
                    <a href="html/31. map.html"><button>31. Map</button></a>
                    <a href="html/32. filter.html"><button>32. Filter method</button></a>
                    <a href="html/33. reduce.html"><button>33. reduce method </button></a>
                    <a href="html/34. function-expression.html"><button>34. function expression </button></a>
                    <a href="html/35. arrow functions.html"><button>35. arrow functions</button></a>
                    <a href="html/36. object.html"><button>36. Objects</button></a>
                    <a href="html/37. this.html"><button>37. this</button></a>
                    <a href="html/38. constructor.html"><button>38. constructor</button></a>
                    <a href="html/39. classes.html"><button>39. classes</button></a>
                    <a href="html/40. static keyword.html"><button>40. static keyword</button></a>
                    <a href="html/41. inheritance.html"><button>41. Inheritance</button></a>
                    <a href="html/42. super keyword.html"><button>42. super keyword</button></a>
                </div>
            </section>
            <section>
                <textarea id="text" placeholder="Helloworld"></textarea>
                <button onclick="alerted()">Click me</button>
            </section>
        </div>
    </main>
    <footer>
        <p>So sit back, relax, and enjoy the show!</p>
        <a href="https://github.com/Wing-Catcher/learn-javascript" target="_blank">
            <button>Source Code</button>
        </a>
    </footer>
    <script src="script/script.js"></script>
</body>
</html>