web-os/index.html at main · Procodcj/web-os · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web-OS</title>
    <link href="stylesheet.css" rel="stylesheet">
</head>
<body>
    <header class="header">Web-OS, share your knowledge with the world.</header>

    <p class="sub">Let's start by talking about some programming languages.</p>

    <table class="tabla-lenguajes">
        <thead>
            <tr>
                <th>Language</th>
                <th>What is it used for?</th>
                <th>Difficulty</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>HTML</td>
                <td>Structures the content of a web page</td>
                <td>Easy</td>
            </tr>
            <tr>
                <td>CSS</td>
                <td>Styles and designs a web page</td>
                <td>Easy</td>
            </tr>
            <tr>
                <td>JavaScript</td>
                <td>Adds interactivity and dynamism to a web page</td>
                <td>Intermediate</td>
            </tr>
            <tr>
                <td>Python</td>
                <td>Web development, data science, artificial intelligence and automation</td>
                <td>Easy</td>
            </tr>
            <tr>
                <td>PHP</td>
                <td>Server-side web development</td>
                <td>Intermediate</td>
            </tr>
            <tr>
                <td>C</td>
                <td>Systems programming, hardware and low-level software</td>
                <td>Hard</td>
            </tr>
            <tr>
                <td>C++</td>
                <td>Video games, high-performance applications and operating systems</td>
                <td>Hard</td>
            </tr>
            <tr>
                <td>Go</td>
                <td>Server development, APIs and high-performance applications</td>
                <td>Intermediate</td>
            </tr>
        </tbody>
    </table>

    <h1 class="so">Operating Systems</h1>

    <div class="so-cont">
        <p class="p-so">
            In today's digital ecosystem, the Operating System (OS) is the most critical software component of any device. It acts as the fundamental interface and indispensable mediator between the physical hardware (circuits and components) and the end user.
        </p>

        <h2 class="h2-so">What exactly is it?</h2>

        <p class="p-so">
            An operating system is a set of programs designed to manage the resources of a computer or mobile device. Without it, the hardware would be unable to interpret instructions, turning the machine into an inert object. It is the environment that allows applications such as web browsers, text editors, and video games to function in a harmonized way.
        </p>

        <h2 class="h2-so">Main Functions</h2>

        <p class="p-so">1. <strong>Resource Management:</strong> Manages memory (RAM), processor time (CPU), and storage, ensuring each application gets what it needs without interfering with others.</p>
        <p class="p-so">2. <strong>User Interface:</strong> Provides a visual (GUI) or command-line (CLI) environment that allows people to interact with the machine intuitively.</p>
        <p class="p-so">3. <strong>Peripheral Control:</strong> Coordinates communication with external devices such as printers, keyboards, monitors, and network units through specialized drivers.</p>

        <h2 class="h2-so">The Foundation of Efficiency and Security</h2>

        <p class="p-so">
            Beyond basic operation, modern operating systems (such as Windows, macOS, Linux, iOS, and Android) integrate advanced security layers. These protect user data, manage access permissions, and ensure the system remains stable in the face of potential software errors.
        </p>
    </div>

    <h1 class="projects-title">Community Projects</h1>

    <div class="rings-container">
    <div class="ring ring1"></div>
    <div class="ring ring2"></div>
    <div class="ring ring3"></div>
    </div>

    <p class="projects-sub">Be the first to contribute a project!</p>
</body>
</html>