Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Main Page: Difference between revisions

From ComputerScience.wiki
No edit summary
No edit summary
Line 1: Line 1:
<templatestyles src="Template:Main_Page/styles.css" />
<templatestyles src="Template:Main_Page/styles.css" />


<!-- Header Banner with Welcome Text -->
<div class="mp-container">
<div id="mp-topbanner" class="mp-box">
  <!-- Header Section -->
<div id="mp-welcomecount">
  <div class="mp-header">
<div id="mp-welcome"><h1>Welcome to ComputerScience.wiki</h1></div>
    <h1 class="mp-title">Welcome to ComputerScience.wiki</h1>
<div id="mp-free">A free, community-driven wiki to learn everything about IT</div>
    <p class="mp-subtitle">A free, community-driven wiki to learn everything about IT</p>
<div id="articlecount"><ul><li>🛠️ [[Special:Statistics|{{NUMBEROFACTIVEUSERS}}]] active editors</li><li>📚 [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles in English</li></ul></div>
    <div class="mp-stats">
</div>
      🛠️ [[Special:Statistics|{{NUMBEROFACTIVEUSERS}}]] active editors
</div>
      📚 [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles in English
    </div>
  </div>


<!-- Search Bar - repositioned AFTER the header banner -->
  <!-- Search Bar -->
<div class="mp-search-container">
  <div class="mp-search">
<div class="mp-search-box">
    <inputbox>
<inputbox>
      type=search
type=search
      width=100%
width=100%
      buttonlabel=Search
buttonlabel=Search
      break=no
break=no
      placeholder=Search courses and topics...
placeholder=Search courses and topics...
    </inputbox>
</inputbox>
  </div>
</div>
</div>


<!-- Upper Section using consistent structure -->
  <!-- Programming Section -->
<div id="mp-upper">
  <div class="mp-section">
<div id="mp-left" class="MainPageBG mp-box">
    <div class="mp-section-header">
<h2 id="mp-tfa-h2" class="mp-h2"><span class="mp-h2-icon">💻</span> Programming & Development</h2>
      <span class="mp-section-icon">💻</span>
<div id="mp-tfa" class="mp-contains-float">
      <h2 class="mp-section-title">Programming & Development</h2>
<div class="mp-category-container">
    </div>
<div class="mp-category">
    <div class="mp-category-row">
<h3>Programming Languages</h3>
      <div class="mp-category">
<ul>
        <div class="mp-category-content">
<li>[[Programming/Python|Python]]</li>
          <div class="mp-category-header">
<li>[[Programming/JavaScript|JavaScript]]</li>
            <h3 class="mp-category-title">Languages</h3>
<li>[[Programming/Java|Java]]</li>
          </div>
<li>[[Programming/C++|C++]]</li>
          <ul class="mp-category-list">
<li>[[Programming/Go|Go]]</li>
            <li>[[Programming/Python|Python]]</li>
<li>[[Programming/All|View all →]]</li>
            <li>[[Programming/JavaScript|JavaScript]]</li>
</ul>
            <li>[[Programming/Java|Java]]</li>
</div>
            <li>[[Programming/C++|C++]]</li>
          </ul>
          <div class="mp-category-all">
            [[Programming/All|View all →]]
          </div>
        </div>
      </div>
      <div class="mp-category">
        <div class="mp-category-content">
          <div class="mp-category-header">
            <h3 class="mp-category-title">Web Development</h3>
          </div>
          <ul class="mp-category-list">
            <li>[[Web Development/HTML CSS|HTML & CSS]]</li>
            <li>[[Web Development/JavaScript|JavaScript]]</li>
            <li>[[Web Development/React|React]]</li>
            <li>[[Web Development/Node.js|Node.js]]</li>
          </ul>
          <div class="mp-category-all">
            [[Web Development/All|View all →]]
          </div>
        </div>
      </div>
      <div class="mp-category">
        <div class="mp-category-content">
          <div class="mp-category-header">
            <h3 class="mp-category-title">Mobile Development</h3>
          </div>
          <ul class="mp-category-list">
            <li>[[Mobile Development/iOS|iOS]]</li>
            <li>[[Mobile Development/Android|Android]]</li>
            <li>[[Mobile Development/React Native|React Native]]</li>
            <li>[[Mobile Development/Flutter|Flutter]]</li>
          </ul>
          <div class="mp-category-all">
            [[Mobile Development/All|View all →]]
          </div>
        </div>
      </div>
    </div>
  </div>


<div class="mp-category">
  <!-- Data Science Section -->
<h3>Web Development</h3>
  <div class="mp-section">
<ul>
    <div class="mp-section-header">
<li>[[Web Development/HTML CSS|HTML & CSS]]</li>
      <span class="mp-section-icon">🧠</span>
<li>[[Web Development/JavaScript|JavaScript]]</li>
      <h2 class="mp-section-title">Data Science & AI</h2>
<li>[[Web Development/React|React]]</li>
    </div>
<li>[[Web Development/Node.js|Node.js]]</li>
    <div class="mp-category-row">
<li>[[Web Development/All|View all →]]</li>
      <div class="mp-category">
</ul>
        <div class="mp-category-content">
</div>
          <div class="mp-category-header">
</div>
            <h3 class="mp-category-title">Data Science</h3>
</div>
          </div>
          <ul class="mp-category-list">
            <li>[[Data Science/Machine Learning|Machine Learning]]</li>
            <li>[[Data Science/Data Analysis|Data Analysis]]</li>
            <li>[[Data Science/Big Data|Big Data]]</li>
            <li>[[Data Science/Python for Data|Python for Data]]</li>
          </ul>
          <div class="mp-category-all">
            [[Data Science/All|View all →]]
          </div>
        </div>
      </div>
      <div class="mp-category">
        <div class="mp-category-content">
          <div class="mp-category-header">
            <h3 class="mp-category-title">Artificial Intelligence</h3>
          </div>
          <ul class="mp-category-list">
            <li>[[Artificial Intelligence/Deep Learning|Deep Learning]]</li>
            <li>[[Artificial Intelligence/NLP|Natural Language Processing]]</li>
            <li>[[Artificial Intelligence/Computer Vision|Computer Vision]]</li>
            <li>[[Artificial Intelligence/Generative AI|Generative AI]]</li>
          </ul>
          <div class="mp-category-all">
            [[Artificial Intelligence/All|View all →]]
          </div>
        </div>
      </div>
      <div class="mp-category">
        <div class="mp-category-content">
          <div class="mp-category-header">
            <h3 class="mp-category-title">Data Engineering</h3>
          </div>
          <ul class="mp-category-list">
            <li>[[Data Engineering/ETL|ETL Processes]]</li>
            <li>[[Data Engineering/Pipelines|Data Pipelines]]</li>
            <li>[[Data Engineering/Stream Processing|Stream Processing]]</li>
            <li>[[Data Engineering/Data Lakes|Data Lakes]]</li>
          </ul>
          <div class="mp-category-all">
            [[Data Engineering/All|View all →]]
          </div>
        </div>
      </div>
    </div>
  </div>


<h2 id="mp-dyk-h2" class="mp-h2"><span class="mp-h2-icon">📱</span> Mobile & Game Development</h2>
  <!-- Databases & Storage Section -->
<div id="mp-dyk" class="mp-contains-float">
  <div class="mp-section">
<div class="mp-category-container">
    <div class="mp-section-header">
<div class="mp-category">
      <span class="mp-section-icon">🗄️</span>
<h3>Mobile Development</h3>
      <h2 class="mp-section-title">Databases & Storage</h2>
<ul>
    </div>
<li>[[Mobile Development/iOS|iOS]]</li>
    <div class="mp-category-row">
<li>[[Mobile Development/Android|Android]]</li>
      <div class="mp-category">
<li>[[Mobile Development/React Native|React Native]]</li>
        <div class="mp-category-content">
<li>[[Mobile Development/Flutter|Flutter]]</li>
          <div class="mp-category-header">
<li>[[Mobile Development/All|View all →]]</li>
            <h3 class="mp-category-title">SQL Databases</h3>
</ul>
          </div>
</div>
          <ul class="mp-category-list">
            <li>[[Databases/SQL|SQL]]</li>
            <li>[[Databases/MySQL|MySQL]]</li>
            <li>[[Databases/PostgreSQL|PostgreSQL]]</li>
            <li>[[Databases/SQL Server|SQL Server]]</li>
          </ul>
          <div class="mp-category-all">
            [[Databases/SQL/All|View all →]]
          </div>
        </div>
      </div>
      <div class="mp-category">
        <div class="mp-category-content">
          <div class="mp-category-header">
            <h3 class="mp-category-title">NoSQL Databases</h3>
          </div>
          <ul class="mp-category-list">
            <li>[[Databases/MongoDB|MongoDB]]</li>
            <li>[[Databases/Redis|Redis]]</li>
            <li>[[Databases/Cassandra|Cassandra]]</li>
            <li>[[Databases/Couchbase|Couchbase]]</li>
          </ul>
          <div class="mp-category-all">
            [[Databases/NoSQL/All|View all →]]
          </div>
        </div>
      </div>
      <div class="mp-category">
        <div class="mp-category-content">
          <div class="mp-category-header">
            <h3 class="mp-category-title">Database Design</h3>
          </div>
          <ul class="mp-category-list">
            <li>[[Databases/Modeling|Data Modeling]]</li>
            <li>[[Databases/Normalization|Normalization]]</li>
            <li>[[Databases/Indexing|Indexing]]</li>
            <li>[[Databases/Performance|Performance Tuning]]</li>
          </ul>
          <div class="mp-category-all">
            [[Databases/Design/All|View all →]]
          </div>
        </div>
      </div>
    </div>
  </div>


<div class="mp-category">
  <!-- Infrastructure Section -->
<h3>Game Development</h3>
  <div class="mp-section">
<ul>
    <div class="mp-section-header">
<li>[[Game Development/Unity|Unity]]</li>
      <span class="mp-section-icon">☁️</span>
<li>[[Game Development/Unreal|Unreal Engine]]</li>
      <h2 class="mp-section-title">Infrastructure & DevOps</h2>
<li>[[Game Development/2D Games|2D Game Dev]]</li>
    </div>
<li>[[Game Development/All|View all →]]</li>
    <div class="mp-category-row">
</ul>
      <div class="mp-category">
</div>
        <div class="mp-category-content">
</div>
          <div class="mp-category-header">
</div>
            <h3 class="mp-category-title">Cloud Computing</h3>
</div>
          </div>
          <ul class="mp-category-list">
            <li>[[Cloud Computing/AWS|AWS]]</li>
            <li>[[Cloud Computing/Azure|Azure]]</li>
            <li>[[Cloud Computing/GCP|Google Cloud]]</li>
            <li>[[Cloud Computing/Serverless|Serverless]]</li>
          </ul>
          <div class="mp-category-all">
            [[Cloud Computing/All|View all →]]
          </div>
        </div>
      </div>
      <div class="mp-category">
        <div class="mp-category-content">
          <div class="mp-category-header">
            <h3 class="mp-category-title">DevOps</h3>
          </div>
          <ul class="mp-category-list">
            <li>[[DevOps/CI CD|CI/CD]]</li>
            <li>[[DevOps/Docker|Docker]]</li>
            <li>[[DevOps/Kubernetes|Kubernetes]]</li>
            <li>[[DevOps/Infrastructure as Code|Infrastructure as Code]]</li>
          </ul>
          <div class="mp-category-all">
            [[DevOps/All|View all →]]
          </div>
        </div>
      </div>
      <div class="mp-category">
        <div class="mp-category-content">
          <div class="mp-category-header">
            <h3 class="mp-category-title">Cybersecurity</h3>
          </div>
          <ul class="mp-category-list">
            <li>[[Cybersecurity/Network Security|Network Security]]</li>
            <li>[[Cybersecurity/Ethical Hacking|Ethical Hacking]]</li>
            <li>[[Cybersecurity/Cryptography|Cryptography]]</li>
            <li>[[Cybersecurity/Web Security|Web Security]]</li>
          </ul>
          <div class="mp-category-all">
            [[Cybersecurity/All|View all →]]
          </div>
        </div>
      </div>
    </div>
  </div>


<div id="mp-right" class="MainPageBG mp-box">
  <!-- Computer Science Section -->
<h2 id="mp-itn-h2" class="mp-h2"><span class="mp-h2-icon">🧠</span> Data Science & AI</h2>
  <div class="mp-section">
<div id="mp-itn" class="mp-contains-float">
    <div class="mp-section-header">
<div class="mp-category-container">
      <span class="mp-section-icon">🎓</span>
<div class="mp-category">
      <h2 class="mp-section-title">Computer Science Fundamentals</h2>
<h3>Data Science</h3>
    </div>
<ul>
    <div class="mp-category-row">
<li>[[Data Science/Machine Learning|Machine Learning]]</li>
      <div class="mp-category">
<li>[[Data Science/Data Analysis|Data Analysis]]</li>
        <div class="mp-category-content">
<li>[[Data Science/Big Data|Big Data]]</li>
          <div class="mp-category-header">
<li>[[Data Science/Python for Data|Python for Data]]</li>
            <h3 class="mp-category-title">Algorithms & Data Structures</h3>
<li>[[Data Science/All|View all →]]</li>
          </div>
</ul>
          <ul class="mp-category-list">
</div>
            <li>[[Computer Science/Sorting|Sorting Algorithms]]</li>
            <li>[[Computer Science/Data Structures|Data Structures]]</li>
            <li>[[Computer Science/Algorithms/Complexity|Algorithm Complexity]]</li>
            <li>[[Computer Science/Searching|Searching Algorithms]]</li>
          </ul>
          <div class="mp-category-all">
            [[Computer Science/Algorithms/All|View all →]]
          </div>
        </div>
      </div>
      <div class="mp-category">
        <div class="mp-category-content">
          <div class="mp-category-header">
            <h3 class="mp-category-title">Computer Systems</h3>
          </div>
          <ul class="mp-category-list">
            <li>[[Computer Science/Operating Systems|Operating Systems]]</li>
            <li>[[Computer Science/Architecture|Computer Architecture]]</li>
            <li>[[Computer Science/Networking|Computer Networks]]</li>
            <li>[[Computer Science/Compilers|Compiler Design]]</li>
          </ul>
          <div class="mp-category-all">
            [[Computer Science/Systems/All|View all →]]
          </div>
        </div>
      </div>
      <div class="mp-category">
        <div class="mp-category-content">
          <div class="mp-category-header">
            <h3 class="mp-category-title">Theory of Computation</h3>
          </div>
          <ul class="mp-category-list">
            <li>[[Computer Science/Theory/Automata|Automata Theory]]</li>
            <li>[[Computer Science/Theory/Formal Languages|Formal Languages]]</li>
            <li>[[Computer Science/Theory/Computability|Computability]]</li>
            <li>[[Computer Science/Theory/Complexity|Complexity Theory]]</li>
          </ul>
          <div class="mp-category-all">
            [[Computer Science/Theory/All|View all →]]
          </div>
        </div>
      </div>
    </div>
  </div>


<div class="mp-category">
  <!-- Community Section -->
<h3>Artificial Intelligence</h3>
  <div class="mp-section">
<ul>
    <div class="mp-section-header">
<li>[[Artificial Intelligence/Deep Learning|Deep Learning]]</li>
      <span class="mp-section-icon">👥</span>
<li>[[Artificial Intelligence/NLP|NLP]]</li>
      <h2 class="mp-section-title">Community Resources</h2>
<li>[[Artificial Intelligence/Computer Vision|Computer Vision]]</li>
    </div>
<li>[[Artificial Intelligence/All|View all →]]</li>
    <div class="mp-category-row">
</ul>
      <div class="mp-category">
</div>
        <div class="mp-category-content">
</div>
          <div class="mp-category-header">
</div>
            <h3 class="mp-category-title">Get Started</h3>
 
          </div>
<h2 id="mp-otd-h2" class="mp-h2"><span class="mp-h2-icon">🗄️</span> Databases & Storage</h2>
          <ul class="mp-category-list">
<div id="mp-otd" class="mp-contains-float">
            <li>[[Help:Getting Started|New User Guide]]</li>
<div class="mp-category-container">
            <li>[[Help:Editing|How to Edit]]</li>
<div class="mp-category">
            <li>[[Project:Style Guide|Style Guidelines]]</li>
<h3>SQL Databases</h3>
            <li>[[Help:Contents|Help Center]]</li>
<ul>
          </ul>
<li>[[Databases/SQL|SQL]]</li>
          <div class="mp-category-all">
<li>[[Databases/MySQL|MySQL]]</li>
            [[Help:All|View all →]]
<li>[[Databases/PostgreSQL|PostgreSQL]]</li>
          </div>
<li>[[Databases/SQL Server|SQL Server]]</li>
        </div>
<li>[[Databases/SQL/All|View all →]]</li>
      </div>
</ul>
      <div class="mp-category">
</div>
        <div class="mp-category-content">
 
          <div class="mp-category-header">
<div class="mp-category">
            <h3 class="mp-category-title">Contribute</h3>
<h3>NoSQL Databases</h3>
          </div>
<ul>
          <ul class="mp-category-list">
<li>[[Databases/MongoDB|MongoDB]]</li>
            <li>[[Project:Wanted Pages|Needed Articles]]</li>
<li>[[Databases/Redis|Redis]]</li>
            <li>[[Special:RecentChanges|Recent Changes]]</li>
<li>[[Databases/Cassandra|Cassandra]]</li>
            <li>[[Project:To-do List|Current Projects]]</li>
<li>[[Databases/NoSQL/All|View all →]]</li>
            <li>[[Project:Roadmap|Content Roadmap]]</li>
</ul>
          </ul>
</div>
          <div class="mp-category-all">
</div>
            [[Project:All|View all →]]
</div>
          </div>
</div>
        </div>
</div>
      </div>
 
      <div class="mp-category">
<!-- Middle Section -->
        <div class="mp-category-content">
<div id="mp-middle" class="MainPageBG mp-box">
          <div class="mp-category-header">
<h2 id="mp-tfl-h2" class="mp-h2"><span class="mp-h2-icon">☁️</span> Infrastructure & DevOps</h2>
            <h3 class="mp-category-title">Wiki Statistics</h3>
<div id="mp-tfl" class="mp-contains-float">
          </div>
<div class="mp-category-container">
          <ul class="mp-category-list">
<div class="mp-category">
            <li>Articles: [[Special:Statistics|{{NUMBEROFARTICLES}}]]</li>
<h3>Cloud Computing</h3>
            <li>Pages: [[Special:Statistics|{{NUMBEROFPAGES}}]]</li>
<ul>
            <li>Edits: [[Special:Statistics|{{NUMBEROFEDITS}}]]</li>
<li>[[Cloud Computing/AWS|AWS]]</li>
            <li>Active users: [[Special:Statistics|{{NUMBEROFACTIVEUSERS}}]]</li>
<li>[[Cloud Computing/Azure|Azure]]</li>
          </ul>
<li>[[Cloud Computing/GCP|Google Cloud]]</li>
          <div class="mp-category-all">
<li>[[Cloud Computing/All|View all →]]</li>
            [[Special:Statistics|View details →]]
</ul>
          </div>
</div>
        </div>
 
      </div>
<div class="mp-category">
    </div>
<h3>DevOps</h3>
  </div>
<ul>
<li>[[DevOps/CI CD|CI/CD]]</li>
<li>[[DevOps/Docker|Docker]]</li>
<li>[[DevOps/Kubernetes|Kubernetes]]</li>
<li>[[DevOps/All|View all →]]</li>
</ul>
</div>
 
<div class="mp-category">
<h3>Cybersecurity</h3>
<ul>
<li>[[Cybersecurity/Network Security|Network Security]]</li>
<li>[[Cybersecurity/Ethical Hacking|Ethical Hacking]]</li>
<li>[[Cybersecurity/Cryptography|Cryptography]]</li>
<li>[[Cybersecurity/All|View all →]]</li>
</ul>
</div>
</div>
</div>
</div>
 
<!-- Lower Section -->
<div id="mp-lower" class="MainPageBG mp-box">
<h2 id="mp-tfp-h2" class="mp-h2"><span class="mp-h2-icon">🎓</span> Computer Science Fundamentals</h2>
<div id="mp-tfp">
<div class="mp-category-container">
<div class="mp-category">
<h3>Algorithms & Data Structures</h3>
<ul>
<li>[[Computer Science/Sorting|Sorting Algorithms]]</li>
<li>[[Computer Science/Data Structures|Data Structures]]</li>
<li>[[Computer Science/Algorithms/Complexity|Algorithm Complexity]]</li>
<li>[[Computer Science/Algorithms/All|View all →]]</li>
</ul>
</div>
 
<div class="mp-category">
<h3>Computer Systems</h3>
<ul>
<li>[[Computer Science/Operating Systems|Operating Systems]]</li>
<li>[[Computer Science/Architecture|Computer Architecture]]</li>
<li>[[Computer Science/Networking|Computer Networks]]</li>
<li>[[Computer Science/Systems/All|View all →]]</li>
</ul>
</div>
 
<div class="mp-category">
<h3>Theory of Computation</h3>
<ul>
<li>[[Computer Science/Theory/Automata|Automata Theory]]</li>
<li>[[Computer Science/Theory/Formal Languages|Formal Languages]]</li>
<li>[[Computer Science/Theory/Computability|Computability]]</li>
<li>[[Computer Science/Theory/All|View all →]]</li>
</ul>
</div>
</div>
</div>
</div>
 
<!-- Bottom Section -->
<div id="mp-bottom" class="mp-box">
<h2 id="mp-other" class="mp-h2"><span class="mp-h2-icon">👥</span> Join Our Community</h2>
<div id="mp-other-content">
<div class="mp-category-container">
<div class="mp-category">
<h3>Get Started</h3>
<ul>
<li>[[Help:Getting Started|New User Guide]]</li>
<li>[[Help:Editing|How to Edit]]</li>
<li>[[Project:Style Guide|Style Guidelines]]</li>
<li>[[Help:Contents|Help Center]]</li>
</ul>
</div>
 
<div class="mp-category">
<h3>Contribute</h3>
<ul>
<li>[[Project:Wanted Pages|Needed Articles]]</li>
<li>[[Special:RecentChanges|Recent Changes]]</li>
<li>[[Project:To-do List|Current Projects]]</li>
<li>[[Project:Roadmap|Content Roadmap]]</li>
</ul>
</div>
</div>
</div>
 
<h2 id="mp-sister" class="mp-h2"><span class="mp-h2-icon">📊</span> Wiki Statistics</h2>
<div id="mp-sister-content">
<div class="mp-stats">
<span class="mp-stat-number">{{NUMBEROFARTICLES}}</span> articles •
<span class="mp-stat-number">{{NUMBEROFPAGES}}</span> total pages •
<span class="mp-stat-number">{{NUMBEROFEDITS}}</span> edits •
<span class="mp-stat-number">{{NUMBEROFUSERS}}</span> users •
<span class="mp-stat-number">{{NUMBEROFACTIVEUSERS}}</span> active contributors
</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
__NOTOC____NOEDITSECTION__

Revision as of 18:13, 10 August 2025

Welcome to ComputerScience.wiki

A free, community-driven wiki to learn everything about IT

     🛠️ 1 active editors • 
     📚 1 articles in English
     💻

Programming & Development

     👥

Community Resources