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
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<templatestyles src="Template:Main_Page/styles.css" />
<templatestyles src="Template:Main_Page/styles.css" />


<div class="cs-wrapper">
<div class="cs-container">


   <div class="cs-ide-window">
   <div class="cs-header">
     <div class="cs-ide-header">
     <h1 class="cs-title">ComputerScience.wiki</h1>
      <span class="cs-dot red"></span>
    <p class="cs-subtitle">A free wiki to learn a bit of everything in IT</p>
      <span class="cs-dot yellow"></span>
  </div>
      <span class="cs-dot green"></span>
 
       <span class="cs-ide-title">~/computerscience.wiki/readme.md</span>
  <div class="cs-search">
    <inputbox>
      type=search
      width=100%
      buttonlabel=Search
      break=no
      placeholder=Search for topics, languages, frameworks, or concepts...
      searchbuttonlabel=Search
      fulltext=0
      id=cs-search-box
    </inputbox>
  </div>
 
  <div class="cs-section prog">
    <div class="cs-section-header">
       <h2 class="cs-section-title">💻 Programming & Development</h2>
     </div>
     </div>
     <div class="cs-ide-content">
     <div class="cs-grid">
      <h1>The Open Source CS Degree</h1>
      <div class="cs-card">
      <p>A community-driven encyclopedia documenting everything from binary code to neural networks.</p>
        <div class="cs-card-header"><h3 class="cs-card-title">Languages</h3></div>
        
        <div class="cs-card-body">
       <div class="cs-command-palette">
          <ul class="cs-card-list">
         <span style="color: #9ca3af; margin-right: 10px;">></span>
            <li>[[Programming/Python|Python]]</li>
         <inputbox>
            <li>[[Programming/JavaScript|JavaScript]]</li>
           type=search
            <li>[[Programming/Java|Java]]</li>
           width=100%
            <li>[[Programming/C and CPP|C/C++]]</li>
          buttonlabel=Go
            <li>[[Programming/Go|Go]]</li>
          searchbuttonlabel=Go
          </ul>
          break=no
        </div>
           placeholder=sudo search "System Design"...
        <div class="cs-card-footer">[[Programming/All|View all languages →]]</div>
           id=ide-search
       </div>
        </inputbox>
 
       <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>
     </div>
   </div>
   </div>


   <div class="cs-section-head">
   <div class="cs-section data">
    <h2>Core Curriculum</h2>
    <div class="cs-section-header">
     <span class="cs-tag">Bachelor Level</span>
      <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>
   </div>


   <div class="cs-grid">
   <div class="cs-section db">
    <div class="cs-card">
    <div class="cs-section-header">
      <div class="cs-card-header">
      <h2 class="cs-section-title">🗄️ Databases</h2>
         <div class="cs-icon-box cs-icon-purple">⚛️</div>
    </div>
         <h3>Foundations</h3>
    <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>
      <div class="cs-card-desc">The mathematics and theory behind computation.</div>
      <ul class="cs-link-list">
        <li>[[Computer Science/Algorithms|Algorithms & Complexity]]</li>
        <li>[[Computer Science/Data Structures|Data Structures]]</li>
        <li>[[Computer Science/Architecture|Computer Architecture]]</li>
        <li>[[Computer Science/Discrete Math|Discrete Mathematics]]</li>
      </ul>
    </div>


    <div class="cs-card">
      <div class="cs-card">
      <div class="cs-card-header">
        <div class="cs-card-header"><h3 class="cs-card-title">NoSQL</h3></div>
         <div class="cs-icon-box cs-icon-green">💻</div>
         <div class="cs-card-body">
         <h3>Programming</h3>
          <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>
      <div class="cs-card-desc">Mastering syntax, paradigms, and software construction.</div>
      <ul class="cs-link-list">
        <li>[[Programming/Python|Python]]</li>
        <li>[[Programming/Java|Java]]</li>
        <li>[[Programming/C++|C++]]</li>
        <li>[[Software Engineering/Design Patterns|Design Patterns]]</li>
      </ul>
    </div>


    <div class="cs-card">
      <div class="cs-card">
      <div class="cs-card-header">
        <div class="cs-card-header"><h3 class="cs-card-title">Data Engineering</h3></div>
         <div class="cs-icon-box">🌐</div>
         <div class="cs-card-body">
         <h3>Web Stack</h3>
          <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 class="cs-card-desc">Building modern applications for the internet.</div>
      <ul class="cs-link-list">
        <li>[[Web Development/Frontend|Frontend (HTML/CSS/JS)]]</li>
        <li>[[Web Development/React|React & Frameworks]]</li>
        <li>[[Web Development/Backend|Backend API Design]]</li>
        <li>[[Databases/SQL|SQL & NoSQL]]</li>
      </ul>
     </div>
     </div>
   </div>
   </div>


   <div class="cs-section-head">
   <div class="cs-section inf">
    <h2>Specializations</h2>
    <div class="cs-section-header">
     <span class="cs-tag">Master Level</span>
      <h2 class="cs-section-title">☁️ Cloud & Infrastructure</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>
   </div>


   <div class="cs-grid">
   <div class="cs-section fund">
    <div class="cs-card">
    <div class="cs-section-header">
      <div class="cs-card-header">
      <h2 class="cs-section-title">🎓 CS Fundamentals</h2>
         <div class="cs-icon-box cs-icon-red">🛡️</div>
    </div>
         <h3>Cybersecurity</h3>
    <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>
      <div class="cs-card-desc">Defensive and offensive security operations.</div>
      <ul class="cs-link-list">
        <li>[[Cybersecurity/Ethical Hacking|Ethical Hacking]]</li>
        <li>[[Cybersecurity/Cryptography|Cryptography]]</li>
        <li>[[Cybersecurity/Network Security|Network Defense]]</li>
      </ul>
    </div>


    <div class="cs-card">
      <div class="cs-card">
      <div class="cs-card-header">
        <div class="cs-card-header"><h3 class="cs-card-title">Architecture</h3></div>
         <div class="cs-icon-box cs-icon-orange">☁️</div>
         <div class="cs-card-body">
         <h3>DevOps & Cloud</h3>
          <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>
      <div class="cs-card-desc">Infrastructure as code and scalable deployment.</div>
      <ul class="cs-link-list">
        <li>[[Cloud/AWS|AWS & Cloud Providers]]</li>
        <li>[[DevOps/Docker|Docker & Containers]]</li>
        <li>[[DevOps/Kubernetes|Kubernetes Orchestration]]</li>
      </ul>
    </div>


    <div class="cs-card">
      <div class="cs-card">
      <div class="cs-card-header">
        <div class="cs-card-header"><h3 class="cs-card-title">Theory</h3></div>
         <div class="cs-icon-box cs-icon-purple">🧠</div>
         <div class="cs-card-body">
         <h3>Data & AI</h3>
          <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 class="cs-card-desc">Turning data into intelligence.</div>
      <ul class="cs-link-list">
        <li>[[Data Science/Machine Learning|Machine Learning]]</li>
        <li>[[Artificial Intelligence/Neural Networks|Neural Networks]]</li>
        <li>[[Data Science/Pandas|Data Analysis (Pandas)]]</li>
      </ul>
     </div>
     </div>
   </div>
   </div>


   <div class="cs-stats-bar">
   <div class="cs-section comm">
     <div class="cs-stat-item">
     <div class="cs-grid">
       <strong>{{NUMBEROFARTICLES}}</strong>
       <div class="cs-card">
      <span>Documentation Pages</span>
        <div class="cs-card-header"><h3 class="cs-card-title">Getting Started</h3></div>
    </div>
        <div class="cs-card-body">
    <div class="cs-stat-item">
          <ul class="cs-card-list">
      <strong>{{NUMBEROFACTIVEUSERS}}</strong>
            <li>[[Help:Getting Started|New User Guide]]</li>
       <span>Active Developers</span>
            <li>[[Help:Editing|How to Edit]]</li>
    </div>
            <li>[[Special:RecentChanges|Recent Changes]]</li>
    <div class="cs-stat-item">
          </ul>
      <strong></strong>
        </div>
      <span>Lines of Knowledge</span>
      </div>
    </div>
 
    <div class="cs-stat-item" style="display:flex; align-items:center;">
       <div class="cs-card">
      <span style="background: #2563eb; padding: 10px 20px; border-radius: 6px; cursor: pointer;">[[Help:Getting Started|<span style="color:white; font-weight:bold;">Start Contributing →</span>]]</span>
        <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>
   </div>
   </div>

Latest revision as of 23:29, 22 November 2025