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
 
(2 intermediate revisions 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-home-container">
<div class="cs-container">


   <div class="cs-hero">
   <div class="cs-header">
     <span class="cs-hero-tag">root@computerscience.wiki:~# init_learning</span>
     <h1 class="cs-title">ComputerScience.wiki</h1>
     <h1>Learn. Code. <br>Deconstruct. Deploy.</h1>
    <p class="cs-subtitle">A free wiki to learn a bit of everything in IT</p>
     <p>The free, open-source encyclopedia for the modern stack.</p>
  </div>
      
 
     <div class="cs-search-box">
  <div class="cs-search">
      <inputbox>
     <inputbox>
         type=search
      type=search
         width=100%
      width=100%
         buttonlabel=Search
      buttonlabel=Search
         searchbuttonlabel=Go
      break=no
         break=no
      placeholder=Search for topics, languages, frameworks, or concepts...
         placeholder=Search topics (e.g. "React", "Dijkstra", "SQL")...
      searchbuttonlabel=Search
         id=main-search
      fulltext=0
      </inputbox>
      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 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>
   </div>
   </div>


   <div class="cs-bento-grid">
   <div class="cs-section data">
    <div class="cs-section-header">
      <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-tile cs-span-2-2">
      <div class="cs-card">
      <div class="cs-icon">💻</div>
        <div class="cs-card-header"><h3 class="cs-card-title">Machine Learning</h3></div>
      <h3>Programming & Dev</h3>
        <div class="cs-card-body">
      <p style="opacity:0.9; margin-bottom: 20px;">The core of everything. From low-level memory management to high-level frameworks.</p>
          <ul class="cs-card-list">
      <ul>
            <li>[[Machine Learning/Supervised Learning|Supervised Learning]]</li>
        <li>[[Programming/Python|Python Fundamentals]]</li>
            <li>[[Machine Learning/Unsupervised Learning|Unsupervised Learning]]</li>
        <li>[[Programming/JavaScript|Modern JavaScript (ES6+)]]</li>
            <li>[[Machine Learning/Deep Learning|Deep Learning]]</li>
        <li>[[Programming/Rust|Rust & Systems Programming]]</li>
          </ul>
        <li>[[Programming/Go|Go (Golang)]]</li>
        </div>
        <li>[[Web Development/React|React & Vue.js]]</li>
        <div class="cs-card-footer">[[Machine Learning/All|View all ML topics →]]</div>
      </ul>
      </div>
      <div class="cs-tile-footer" style="margin-top:auto;">
 
        [[Programming/All|Explore Development →]]
      <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>
  <div class="cs-section db">
    <div class="cs-section-header">
      <h2 class="cs-section-title">🗄️ Databases</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-tile cs-span-row-2">
      <div class="cs-card">
      <div class="cs-icon">🧠</div>
        <div class="cs-card-header"><h3 class="cs-card-title">Data Engineering</h3></div>
      <h3>Data & AI</h3>
         <div class="cs-card-body">
      <ul>
          <ul class="cs-card-list">
         <li>[[Data Science/Pandas|Pandas & NumPy]]</li>
            <li>[[Data Engineering/ETL|ETL Pipelines]]</li>
        <li>[[Machine Learning/Neural Networks|Neural Networks]]</li>
            <li>[[Data Engineering/Big Data|Big Data]]</li>
        <li>[[Machine Learning/LLMs|Large Language Models]]</li>
            <li>[[Data Engineering/Streaming|Streaming]]</li>
        <li>[[Data Science/Visualization|Visualization]]</li>
          </ul>
        <li>[[Artificial Intelligence/Ethics|AI Ethics]]</li>
        </div>
      </ul>
        <div class="cs-card-footer">[[Data Engineering/All|View Data Eng →]]</div>
      <div class="cs-tile-footer">[[Data Science/All|View Data →]]</div>
      </div>
     </div>
     </div>
  </div>


    <div class="cs-tile">
  <div class="cs-section inf">
      <div class="cs-icon">🗄️</div>
    <div class="cs-section-header">
      <h3>Databases</h3>
       <h2 class="cs-section-title">☁️ Cloud & Infrastructure</h2>
      <ul>
        <li>[[Databases/PostgreSQL|PostgreSQL]]</li>
        <li>[[Databases/MongoDB|MongoDB & NoSQL]]</li>
        <li>[[Databases/Redis|Redis Caching]]</li>
      </ul>
       <div class="cs-tile-footer">[[Databases/All|View DBs →]]</div>
     </div>
     </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-tile">
      <div class="cs-card">
      <div class="cs-icon">🛡️</div>
        <div class="cs-card-header"><h3 class="cs-card-title">DevOps</h3></div>
      <h3>Security</h3>
        <div class="cs-card-body">
      <ul>
          <ul class="cs-card-list">
        <li>[[Cybersecurity/Kali|Kali Linux]]</li>
            <li>[[DevOps/CI CD|CI/CD Pipelines]]</li>
        <li>[[Cybersecurity/Pentesting|Penetration Testing]]</li>
            <li>[[DevOps/Docker|Docker & Containers]]</li>
        <li>[[Cybersecurity/Cryptography|Cryptography]]</li>
            <li>[[DevOps/Kubernetes|Kubernetes]]</li>
      </ul>
          </ul>
      <div class="cs-tile-footer">[[Cybersecurity/All|View Sec →]]</div>
        </div>
        <div class="cs-card-footer">[[DevOps/All|View all DevOps →]]</div>
      </div>
     </div>
     </div>
  </div>


    <div class="cs-tile cs-span-2">
  <div class="cs-section fund">
      <div class="cs-icon">☁️</div>
    <div class="cs-section-header">
      <h3>Cloud Infrastructure & DevOps</h3>
      <h2 class="cs-section-title">🎓 CS Fundamentals</h2>
      <div style="display: flex; gap: 30px;">
        <ul style="flex:1">
          <li>[[Cloud/AWS|Amazon Web Services]]</li>
          <li>[[Cloud/Azure|Microsoft Azure]]</li>
          <li>[[DevOps/Docker|Docker Containers]]</li>
        </ul>
        <ul style="flex:1">
          <li>[[DevOps/Kubernetes|Kubernetes (K8s)]]</li>
          <li>[[DevOps/Terraform|Terraform (IaC)]]</li>
          <li>[[DevOps/CI_CD|CI/CD Pipelines]]</li>
        </ul>
      </div>
      <div class="cs-tile-footer">[[Cloud/All|View Infrastructure →]]</div>
     </div>
     </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-tile">
      <div class="cs-card">
      <div class="cs-icon">🎓</div>
        <div class="cs-card-header"><h3 class="cs-card-title">Architecture</h3></div>
      <h3>CS Theory</h3>
        <div class="cs-card-body">
      <ul>
          <ul class="cs-card-list">
         <li>[[Computer Science/Algorithms|Algorithms]]</li>
            <li>[[Computer Science/Computer Architecture|Computer Architecture]]</li>
         <li>[[Computer Science/Data Structures|Data Structures]]</li>
            <li>[[Computer Science/Digital Systems|Digital Systems]]</li>
        <li>[[Computer Science/Big O|Big O Notation]]</li>
          </ul>
      </ul>
         </div>
      <div class="cs-tile-footer">[[Computer Science/All|View Theory →]]</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>
  </div>


   </div> <div class="cs-tile" style="text-align:center; border-style: dashed;">
   <div class="cs-section comm">
    <h3>Contribute to the Wiki</h3>
    <div class="cs-grid">
    <p>ComputerScience.wiki is a community effort. We currently have <b>{{NUMBEROFARTICLES}}</b> articles.</p>
      <div class="cs-card">
    <div style="margin-top:15px;">
        <div class="cs-card-header"><h3 class="cs-card-title">Getting Started</h3></div>
      <span style="background:#0f172a; padding: 10px 20px; border-radius:6px;">
        <div class="cs-card-body">
         [[Help:Getting Started|<span style="color:white;">Start Editing</span>]]
          <ul class="cs-card-list">
       </span>
            <li>[[Help:Getting Started|New User Guide]]</li>
       <span style="margin-left: 10px;">
            <li>[[Help:Editing|How to Edit]]</li>
         [[Project:About|About Us]]
            <li>[[Special:RecentChanges|Recent Changes]]</li>
       </span>
          </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>
   </div>
   </div>


</div>
</div>
__NOTOC____NOEDITSECTION__
__NOTOC____NOEDITSECTION__

Latest revision as of 23:29, 22 November 2025