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
 
(10 intermediate revisions by the same user not shown)
Line 2: Line 2:


<div class="cs-container">
<div class="cs-container">
  <!-- Header Section -->
 
   <div class="cs-header">
   <div class="cs-header">
     <h1 class="cs-title">ComputerScience.wiki</h1>
     <h1 class="cs-title">ComputerScience.wiki</h1>
     <p class="cs-subtitle">A community-driven knowledge base for computer science and software engineering</p>
     <p class="cs-subtitle">A free wiki to learn a bit of everything in IT</p>
    <div class="cs-stats">
      📚 [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles •
      🛠️ [[Special:Statistics|{{NUMBEROFACTIVEUSERS}}]] active contributors
    </div>
   </div>
   </div>


  <!-- Search Bar - Enlarged with better styling -->
   <div class="cs-search">
   <div class="cs-search">
     <inputbox>
     <inputbox>
Line 20: Line 15:
       break=no
       break=no
       placeholder=Search for topics, languages, frameworks, or concepts...
       placeholder=Search for topics, languages, frameworks, or concepts...
      searchbuttonlabel=Search
      fulltext=0
      id=cs-search-box
     </inputbox>
     </inputbox>
   </div>
   </div>


  <!-- Programming Section -->
   <div class="cs-section prog">
   <div class="cs-section">
     <div class="cs-section-header">
     <div class="cs-section-header">
       <span class="cs-section-icon">💻</span>
       <h2 class="cs-section-title">💻 Programming & Development</h2>
       <h2 class="cs-section-title">Programming & Development</h2>
    </div>
    <div class="cs-grid">
       <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">Languages</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[Programming/Python|Python]]</li>
            <li>[[Programming/JavaScript|JavaScript]]</li>
            <li>[[Programming/Java|Java]]</li>
            <li>[[Programming/C and CPP|C/C++]]</li>
            <li>[[Programming/Go|Go]]</li>
          </ul>
        </div>
        <div class="cs-card-footer">[[Programming/All|View all languages →]]</div>
      </div>
 
      <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">Software Engineering</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[Software Engineering/Design Patterns|Design Patterns]]</li>
            <li>[[Software Engineering/System Design|System Design]]</li>
            <li>[[Software Engineering/Testing|Software Testing]]</li>
            <li>[[Software Engineering/Code Quality|Code Quality]]</li>
          </ul>
        </div>
        <div class="cs-card-footer">[[Software Engineering/All|View all software engineering →]]</div>
      </div>
 
      <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">Web & Mobile</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[Web Development/Frontend|Frontend Technologies]]</li>
            <li>[[Web Development/Backend|Backend Technologies]]</li>
            <li>[[Web Development/Frameworks|Web Frameworks]]</li>
            <li>[[Mobile Development/Cross Platform|Cross-Platform]]</li>
          </ul>
        </div>
        <div class="cs-card-footer">[[Web Development/All|View all web & mobile →]]</div>
      </div>
     </div>
     </div>
    <table class="cs-grid">
      <tr class="cs-row">
        <td class="cs-cell">
          <div class="cs-card">
            <div class="cs-card-header">
              <h3 class="cs-card-title">Languages</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-list">
                <li>[[Programming/Python|Python]]</li>
                <li>[[Programming/JavaScript|JavaScript]]</li>
                <li>[[Programming/Java|Java]]</li>
                <li>[[Programming/C++|C++]]</li>
              </ul>
            </div>
            <div class="cs-card-footer">
              [[Programming/All|View all languages →]]
            </div>
          </div>
        </td>
        <td class="cs-cell">
          <div class="cs-card">
            <div class="cs-card-header">
              <h3 class="cs-card-title">Web Development</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-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>
            <div class="cs-card-footer">
              [[Web Development/All|View all web technologies →]]
            </div>
          </div>
        </td>
        <td class="cs-cell">
          <div class="cs-card">
            <div class="cs-card-header">
              <h3 class="cs-card-title">Mobile Development</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-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>
            <div class="cs-card-footer">
              [[Mobile Development/All|View all mobile platforms →]]
            </div>
          </div>
        </td>
      </tr>
    </table>
   </div>
   </div>


  <!-- Data Science Section -->
   <div class="cs-section data">
   <div class="cs-section">
     <div class="cs-section-header">
     <div class="cs-section-header">
       <span class="cs-section-icon">🧠</span>
       <h2 class="cs-section-title">🧠 Data Science & AI</h2>
       <h2 class="cs-section-title">Data Science & AI</h2>
    </div>
    <div class="cs-grid">
       <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">Data Science</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[Data Science/Statistical Analysis|Statistical Analysis]]</li>
            <li>[[Data Science/Data Visualization|Data Visualization]]</li>
            <li>[[Data Science/Feature Engineering|Feature Engineering]]</li>
            <li>[[Data Science/Tableau|Tableau]]</li>
          </ul>
        </div>
        <div class="cs-card-footer">[[Data Science/All|View all data science →]]</div>
      </div>
 
      <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">Machine Learning</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[Machine Learning/Supervised Learning|Supervised Learning]]</li>
            <li>[[Machine Learning/Unsupervised Learning|Unsupervised Learning]]</li>
            <li>[[Machine Learning/Deep Learning|Deep Learning]]</li>
          </ul>
        </div>
        <div class="cs-card-footer">[[Machine Learning/All|View all ML topics →]]</div>
      </div>
 
      <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">Artificial Intelligence</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[Artificial Intelligence/NLP|Natural Language Proc.]]</li>
            <li>[[Artificial Intelligence/Computer Vision|Computer Vision]]</li>
            <li>[[Artificial Intelligence/Generative AI|Generative AI]]</li>
          </ul>
        </div>
        <div class="cs-card-footer">[[Artificial Intelligence/All|View all AI topics →]]</div>
      </div>
     </div>
     </div>
    <table class="cs-grid">
      <tr class="cs-row">
        <td class="cs-cell">
          <div class="cs-card">
            <div class="cs-card-header">
              <h3 class="cs-card-title">Data Science</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-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>
            <div class="cs-card-footer">
              [[Data Science/All|View all data science topics →]]
            </div>
          </div>
        </td>
        <td class="cs-cell">
          <div class="cs-card">
            <div class="cs-card-header">
              <h3 class="cs-card-title">Artificial Intelligence</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-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>
            <div class="cs-card-footer">
              [[Artificial Intelligence/All|View all AI topics →]]
            </div>
          </div>
        </td>
        <td class="cs-cell">
          <div class="cs-card">
            <div class="cs-card-header">
              <h3 class="cs-card-title">Data Engineering</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-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>
            <div class="cs-card-footer">
              [[Data Engineering/All|View all data engineering →]]
            </div>
          </div>
        </td>
      </tr>
    </table>
   </div>
   </div>


  <!-- Databases Section -->
   <div class="cs-section db">
   <div class="cs-section">
     <div class="cs-section-header">
     <div class="cs-section-header">
       <span class="cs-section-icon">🗄️</span>
       <h2 class="cs-section-title">🗄️ Databases</h2>
       <h2 class="cs-section-title">Databases & Storage</h2>
    </div>
    <div class="cs-grid">
       <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">SQL Systems</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[Databases/PostgreSQL|PostgreSQL]]</li>
            <li>[[Databases/MySQL|MySQL]]</li>
            <li>[[Databases/SQL|SQL Optimization]]</li>
          </ul>
        </div>
        <div class="cs-card-footer">[[Databases/All|View all →]]</div>
      </div>
 
      <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">NoSQL</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[Databases/MongoDB|MongoDB]]</li>
            <li>[[Databases/Redis|Redis]]</li>
            <li>[[Databases/DynamoDB|DynamoDB]]</li>
          </ul>
        </div>
        <div class="cs-card-footer">[[Databases/NoSQL/All|View all NoSQL →]]</div>
      </div>
 
      <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">Data Engineering</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[Data Engineering/ETL|ETL Pipelines]]</li>
            <li>[[Data Engineering/Big Data|Big Data]]</li>
            <li>[[Data Engineering/Streaming|Streaming]]</li>
          </ul>
        </div>
        <div class="cs-card-footer">[[Data Engineering/All|View Data Eng →]]</div>
      </div>
     </div>
     </div>
    <table class="cs-grid">
      <tr class="cs-row">
        <td class="cs-cell">
          <div class="cs-card">
            <div class="cs-card-header">
              <h3 class="cs-card-title">SQL Databases</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-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>
            <div class="cs-card-footer">
              [[Databases/SQL/All|View all SQL databases →]]
            </div>
          </div>
        </td>
        <td class="cs-cell">
          <div class="cs-card">
            <div class="cs-card-header">
              <h3 class="cs-card-title">NoSQL Databases</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-list">
                <li>[[Databases/MongoDB|MongoDB]]</li>
                <li>[[Databases/Redis|Redis]]</li>
                <li>[[Databases/Cassandra|Cassandra]]</li>
                <li>[[Databases/Couchbase|Couchbase]]</li>
              </ul>
            </div>
            <div class="cs-card-footer">
              [[Databases/NoSQL/All|View all NoSQL databases →]]
            </div>
          </div>
        </td>
        <td class="cs-cell">
          <div class="cs-card">
            <div class="cs-card-header">
              <h3 class="cs-card-title">Database Design</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-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>
            <div class="cs-card-footer">
              [[Databases/Design/All|View all design patterns →]]
            </div>
          </div>
        </td>
      </tr>
    </table>
   </div>
   </div>


  <!-- Infrastructure Section -->
   <div class="cs-section inf">
   <div class="cs-section">
     <div class="cs-section-header">
     <div class="cs-section-header">
       <span class="cs-section-icon">☁️</span>
       <h2 class="cs-section-title">☁️ Cloud & Infrastructure</h2>
       <h2 class="cs-section-title">Infrastructure & DevOps</h2>
    </div>
    <div class="cs-grid">
      <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">Cloud Architecture</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[Cloud/Architecture|Architecture Patterns]]</li>
            <li>[[Cloud/SaaS|SaaS / PaaS / IaaS]]</li>
            <li>[[Cloud/Serverless|Serverless]]</li>
          </ul>
        </div>
        <div class="cs-card-footer">[[Cloud/All|View all cloud →]]</div>
      </div>
 
      <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">Providers</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[Cloud/AWS|AWS]]</li>
            <li>[[Cloud/Azure|Azure]]</li>
            <li>[[Cloud/GCP|Google Cloud]]</li>
          </ul>
        </div>
        <div class="cs-card-footer">[[Cloud/Providers/All|View all providers →]]</div>
       </div>
 
      <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">DevOps</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[DevOps/CI CD|CI/CD Pipelines]]</li>
            <li>[[DevOps/Docker|Docker & Containers]]</li>
            <li>[[DevOps/Kubernetes|Kubernetes]]</li>
          </ul>
        </div>
        <div class="cs-card-footer">[[DevOps/All|View all DevOps →]]</div>
      </div>
     </div>
     </div>
    <table class="cs-grid">
      <tr class="cs-row">
        <td class="cs-cell">
          <div class="cs-card">
            <div class="cs-card-header">
              <h3 class="cs-card-title">Cloud Computing</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-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>
            <div class="cs-card-footer">
              [[Cloud Computing/All|View all cloud services →]]
            </div>
          </div>
        </td>
        <td class="cs-cell">
          <div class="cs-card">
            <div class="cs-card-header">
              <h3 class="cs-card-title">DevOps</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-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>
            <div class="cs-card-footer">
              [[DevOps/All|View all DevOps practices →]]
            </div>
          </div>
        </td>
        <td class="cs-cell">
          <div class="cs-card">
            <div class="cs-card-header">
              <h3 class="cs-card-title">Cybersecurity</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-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>
            <div class="cs-card-footer">
              [[Cybersecurity/All|View all security topics →]]
            </div>
          </div>
        </td>
      </tr>
    </table>
   </div>
   </div>


  <!-- Computer Science Section -->
   <div class="cs-section fund">
   <div class="cs-section">
     <div class="cs-section-header">
     <div class="cs-section-header">
       <span class="cs-section-icon">🎓</span>
       <h2 class="cs-section-title">🎓 CS Fundamentals</h2>
       <h2 class="cs-section-title">Computer Science Fundamentals</h2>
    </div>
    <div class="cs-grid">
      <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">Algorithms</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[Computer Science/Algorithms|Algorithms]]</li>
            <li>[[Computer Science/Data Structures|Data Structures]]</li>
            <li>[[Computer Science/Big O|Complexity]]</li>
          </ul>
        </div>
        <div class="cs-card-footer">[[Computer Science/Algorithms/All|View all →]]</div>
       </div>
 
      <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">Architecture</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[Computer Science/Computer Architecture|Computer Architecture]]</li>
            <li>[[Computer Science/Digital Systems|Digital Systems]]</li>
          </ul>
        </div>
        <div class="cs-card-footer">[[Computer Science/Architecture/All|View all →]]</div>
      </div>
 
      <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">Theory</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[Computer Science/Theory/Discrete Mathematics|Discrete Math]]</li>
            <li>[[Computer Science/Theory/Complexity|Complexity Theory]]</li>
          </ul>
        </div>
        <div class="cs-card-footer">[[Computer Science/Theory/All|View all →]]</div>
      </div>
     </div>
     </div>
    <table class="cs-grid">
      <tr class="cs-row">
        <td class="cs-cell">
          <div class="cs-card">
            <div class="cs-card-header">
              <h3 class="cs-card-title">Algorithms & Data Structures</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-list">
                <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>
            <div class="cs-card-footer">
              [[Computer Science/Algorithms/All|View all algorithms →]]
            </div>
          </div>
        </td>
        <td class="cs-cell">
          <div class="cs-card">
            <div class="cs-card-header">
              <h3 class="cs-card-title">Computer Systems</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-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>
            <div class="cs-card-footer">
              [[Computer Science/Systems/All|View all systems topics →]]
            </div>
          </div>
        </td>
        <td class="cs-cell">
          <div class="cs-card">
            <div class="cs-card-header">
              <h3 class="cs-card-title">Theory of Computation</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-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>
            <div class="cs-card-footer">
              [[Computer Science/Theory/All|View all theory topics →]]
            </div>
          </div>
        </td>
      </tr>
    </table>
   </div>
   </div>


   <!-- Community Section -->
   <div class="cs-section comm">
  <div class="cs-section">
    <div class="cs-grid">
    <div class="cs-section-header">
      <div class="cs-card">
      <span class="cs-section-icon">👥</span>
        <div class="cs-card-header"><h3 class="cs-card-title">Getting Started</h3></div>
       <h2 class="cs-section-title">Community Resources</h2>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[Help:Getting Started|New User Guide]]</li>
            <li>[[Help:Editing|How to Edit]]</li>
            <li>[[Special:RecentChanges|Recent Changes]]</li>
          </ul>
        </div>
      </div>
 
      <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">About Us</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>[[Project:Contact|Contact us]]</li>
            <li>[[Project:About|About the Wiki]]</li>
          </ul>
        </div>
      </div>
 
       <div class="cs-card">
        <div class="cs-card-header"><h3 class="cs-card-title">Wiki Statistics</h3></div>
        <div class="cs-card-body">
          <ul class="cs-card-list">
            <li>Articles: [[Special:Statistics|{{NUMBEROFARTICLES}}]]</li>
            <li>Active users: [[Special:Statistics|{{NUMBEROFACTIVEUSERS}}]]</li>
          </ul>
        </div>
      </div>
     </div>
     </div>
    <table class="cs-grid">
  </div>
      <tr class="cs-row">
 
        <td class="cs-cell">
</div>
          <div class="cs-card">
__NOTOC____NOEDITSECTION__
            <div class="cs-card-header">
              <h3 class="cs-card-title">Getting Started</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-list">
                <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="cs-card-footer">
              [[Help:All|View all help topics →]]
            </div>
          </div>
        </td>
        <td class="cs-cell">
          <div class="cs-card">
            <div class="cs-card-header">
              <h3 class="cs-card-title">Contribute</h3>
            </div>
            <div class="cs-card-body">
              <ul class="cs-card-list">
                <li>[[Project:Wanted Pages|Needed Articles]]</li>
                <li>[[Special:RecentChanges|Recent Changes]]</li>
                <li>[[Project:To

Latest revision as of 23:29, 22 November 2025