Toggle search
Toggle menu
1
1
147
ComputerScience.wiki
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
More actions
← Older edit
VisualWikitext
No edit summary
No edit summary
 
(17 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" />


<!-- Header Banner with Welcome Text -->
<div class="cs-container">
<div id="mp-topbanner" class="mp-box">
<div id="mp-welcomecount">
<div id="mp-welcome"><h1>Welcome to ComputerScience.wiki</h1></div>
<div id="mp-free">Your comprehensive guide to computer science and IT knowledge</div>
<div id="articlecount"><ul><li>🛠️ [[Special:Statistics|{{NUMBEROFACTIVEUSERS}}]] active editors</li><li>📚 [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles in English</li></ul></div>
</div>
</div>


<!-- Search Bar -->
  <div class="cs-header">
<div class="mp-search-container">
    <h1 class="cs-title">ComputerScience.wiki</h1>
<div class="mp-search-box">
    <p class="cs-subtitle">A free wiki to learn a bit of everything in IT</p>
<inputbox>
  </div>
type=search
width=100%
buttonlabel=Search
break=no
placeholder=Search courses and topics...
</inputbox>
</div>
</div>


<!-- Upper Section using original structure -->
  <div class="cs-search">
<div id="mp-upper">
    <inputbox>
<div id="mp-left" class="MainPageBG mp-box">
      type=search
<h2 id="mp-tfa-h2" class="mp-h2">Learn by Topic</h2>
      width=100%
<div id="mp-tfa" class="mp-contains-float">
      buttonlabel=Search
<!-- Row 1: Programming & Software -->
      break=no
<div class="mp-category-row">
      placeholder=Search for topics, languages, frameworks, or concepts...
<!-- Programming Card -->
      searchbuttonlabel=Search
<div class="mp-category-card">
      fulltext=0
<div class="mp-category-header">
      id=cs-search-box
<div class="mp-category-icon">💻</div>
    </inputbox>
<h3 class="mp-category-title">[[Programming|Programming]]</h3>
  </div>
</div>
<ul class="mp-category-list">
<li>[[Programming/Python|Python]]</li>
<li>[[Programming/JavaScript|JavaScript]]</li>
<li>[[Programming/Java|Java]]</li>
<li>[[Programming/C++|C++ & C]]</li>
<li>[[Programming/Go|Go]]</li>
<li>[[Programming/All|View all →]]</li>
</ul>
</div>


<!-- Web Development Card -->
  <div class="cs-section prog">
<div class="mp-category-card">
    <div class="cs-section-header">
<div class="mp-category-header">
      <h2 class="cs-section-title">💻 Programming & Development</h2>
<div class="mp-category-icon">🌐</div>
    </div>
<h3 class="mp-category-title">[[Web Development|Web Development]]</h3>
    <div class="cs-grid">
</div>
      <div class="cs-card">
<ul class="mp-category-list">
        <div class="cs-card-header"><h3 class="cs-card-title">Languages</h3></div>
<li>[[Web Development/Frontend|Frontend]]</li>
        <div class="cs-card-body">
<li>[[Web Development/Backend|Backend]]</li>
          <ul class="cs-card-list">
<li>[[Web Development/React|React]]</li>
            <li>[[Programming/Python|Python]]</li>
<li>[[Web Development/Node.js|Node.js]]</li>
            <li>[[Programming/JavaScript|JavaScript]]</li>
<li>[[Web Development/APIs|Web APIs]]</li>
            <li>[[Programming/Java|Java]]</li>
<li>[[Web Development/All|View all →]]</li>
            <li>[[Programming/C and CPP|C/C++]]</li>
</ul>
            <li>[[Programming/Go|Go]]</li>
</div>
          </ul>
</div>
        </div>
        <div class="cs-card-footer">[[Programming/All|View all languages →]]</div>
      </div>


<div class="mp-category-row">
      <div class="cs-card">
<!-- Mobile Development Card -->
        <div class="cs-card-header"><h3 class="cs-card-title">Software Engineering</h3></div>
<div class="mp-category-card">
        <div class="cs-card-body">
<div class="mp-category-header">
          <ul class="cs-card-list">
<div class="mp-category-icon">📱</div>
            <li>[[Software Engineering/Design Patterns|Design Patterns]]</li>
<h3 class="mp-category-title">[[Mobile Development|Mobile Development]]</h3>
            <li>[[Software Engineering/System Design|System Design]]</li>
</div>
            <li>[[Software Engineering/Testing|Software Testing]]</li>
<ul class="mp-category-list">
            <li>[[Software Engineering/Code Quality|Code Quality]]</li>
<li>[[Mobile Development/iOS|iOS]]</li>
          </ul>
<li>[[Mobile Development/Android|Android]]</li>
        </div>
<li>[[Mobile Development/React Native|React Native]]</li>
        <div class="cs-card-footer">[[Software Engineering/All|View all software engineering →]]</div>
<li>[[Mobile Development/Flutter|Flutter]]</li>
      </div>
<li>[[Mobile Development/Mobile UX|Mobile UX]]</li>
<li>[[Mobile Development/All|View all →]]</li>
</ul>
</div>


<!-- Data Science Card -->
      <div class="cs-card">
<div class="mp-category-card">
        <div class="cs-card-header"><h3 class="cs-card-title">Web & Mobile</h3></div>
<div class="mp-category-header">
        <div class="cs-card-body">
<div class="mp-category-icon">📊</div>
          <ul class="cs-card-list">
<h3 class="mp-category-title">[[Data Science|Data Science]]</h3>
            <li>[[Web Development/Frontend|Frontend Technologies]]</li>
</div>
            <li>[[Web Development/Backend|Backend Technologies]]</li>
<ul class="mp-category-list">
            <li>[[Web Development/Frameworks|Web Frameworks]]</li>
<li>[[Data Science/Machine Learning|Machine Learning]]</li>
            <li>[[Mobile Development/Cross Platform|Cross-Platform]]</li>
<li>[[Data Science/Data Analysis|Data Analysis]]</li>
          </ul>
<li>[[Data Science/Big Data|Big Data]]</li>
        </div>
<li>[[Data Science/Python for Data|Python for Data]]</li>
        <div class="cs-card-footer">[[Web Development/All|View all web & mobile →]]</div>
<li>[[Data Science/Visualization|Data Visualization]]</li>
      </div>
<li>[[Data Science/All|View all →]]</li>
    </div>
</ul>
  </div>
</div>
</div>
</div>


<h2 id="mp-dyk-h2" class="mp-h2">Featured Articles</h2>
  <div class="cs-section data">
<div id="mp-dyk" class="mp-contains-float">
    <div class="cs-section-header">
<div class="mp-featured-grid">
      <h2 class="cs-section-title">🧠 Data Science & AI</h2>
{{Main Page/Featured}}
    </div>
</div>
    <div class="cs-grid">
</div>
      <div class="cs-card">
</div>
        <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 id="mp-right" class="MainPageBG mp-box">
      <div class="cs-card">
<h2 id="mp-itn-h2" class="mp-h2">Core CS Topics</h2>
        <div class="cs-card-header"><h3 class="cs-card-title">Machine Learning</h3></div>
<div id="mp-itn" class="mp-contains-float">
        <div class="cs-card-body">
<div class="mp-category-row">
          <ul class="cs-card-list">
<!-- AI & ML Card -->
            <li>[[Machine Learning/Supervised Learning|Supervised Learning]]</li>
<div class="mp-category-card">
            <li>[[Machine Learning/Unsupervised Learning|Unsupervised Learning]]</li>
<div class="mp-category-header">
            <li>[[Machine Learning/Deep Learning|Deep Learning]]</li>
<div class="mp-category-icon">🧠</div>
          </ul>
<h3 class="mp-category-title">[[Artificial Intelligence|AI & ML]]</h3>
        </div>
</div>
        <div class="cs-card-footer">[[Machine Learning/All|View all ML topics →]]</div>
<ul class="mp-category-list">
      </div>
<li>[[Artificial Intelligence/Deep Learning|Deep Learning]]</li>
<li>[[Artificial Intelligence/NLP|NLP]]</li>
<li>[[Artificial Intelligence/Computer Vision|Computer Vision]]</li>
<li>[[Artificial Intelligence/Neural Networks|Neural Networks]]</li>
<li>[[Artificial Intelligence/GenAI|Generative AI]]</li>
<li>[[Artificial Intelligence/All|View all →]]</li>
</ul>
</div>
</div>


<div class="mp-category-row">
      <div class="cs-card">
<!-- Databases Card -->
        <div class="cs-card-header"><h3 class="cs-card-title">Artificial Intelligence</h3></div>
<div class="mp-category-card">
        <div class="cs-card-body">
<div class="mp-category-header">
          <ul class="cs-card-list">
<div class="mp-category-icon">🗄️</div>
            <li>[[Artificial Intelligence/NLP|Natural Language Proc.]]</li>
<h3 class="mp-category-title">[[Databases|Databases]]</h3>
            <li>[[Artificial Intelligence/Computer Vision|Computer Vision]]</li>
</div>
            <li>[[Artificial Intelligence/Generative AI|Generative AI]]</li>
<ul class="mp-category-list">
          </ul>
<li>[[Databases/SQL|SQL]]</li>
        </div>
<li>[[Databases/NoSQL|NoSQL]]</li>
        <div class="cs-card-footer">[[Artificial Intelligence/All|View all AI topics →]]</div>
<li>[[Databases/PostgreSQL|PostgreSQL]]</li>
      </div>
<li>[[Databases/MongoDB|MongoDB]]</li>
    </div>
<li>[[Databases/Redis|Redis]]</li>
  </div>
<li>[[Databases/All|View all →]]</li>
</ul>
</div>
</div>
</div>


<h2 id="mp-otd-h2" class="mp-h2">Trending Topics</h2>
  <div class="cs-section db">
<div id="mp-otd" class="mp-contains-float">
    <div class="cs-section-header">
<div class="mp-trending-grid">
      <h2 class="cs-section-title">🗄️ Databases</h2>
{{Main Page/Trending}}
    </div>
</div>
    <div class="cs-grid">
</div>
      <div class="cs-card">
</div>
        <div class="cs-card-header"><h3 class="cs-card-title">SQL Systems</h3></div>
</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>


<!-- Middle Section -->
      <div class="cs-card">
<div id="mp-middle" class="MainPageBG mp-box">
        <div class="cs-card-header"><h3 class="cs-card-title">NoSQL</h3></div>
<h2 id="mp-tfl-h2" class="mp-h2">Infrastructure & Security</h2>
        <div class="cs-card-body">
<div id="mp-tfl" class="mp-contains-float">
          <ul class="cs-card-list">
<div class="mp-category-row">
            <li>[[Databases/MongoDB|MongoDB]]</li>
<!-- Cloud Computing Card -->
            <li>[[Databases/Redis|Redis]]</li>
<div class="mp-category-card">
            <li>[[Databases/DynamoDB|DynamoDB]]</li>
<div class="mp-category-header">
          </ul>
<div class="mp-category-icon">☁️</div>
        </div>
<h3 class="mp-category-title">[[Cloud Computing|Cloud Computing]]</h3>
        <div class="cs-card-footer">[[Databases/NoSQL/All|View all NoSQL →]]</div>
</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/Docker|Docker]]</li>
<li>[[Cloud Computing/Kubernetes|Kubernetes]]</li>
<li>[[Cloud Computing/All|View all →]]</li>
</ul>
</div>


<!-- DevOps Card -->
      <div class="cs-card">
<div class="mp-category-card">
        <div class="cs-card-header"><h3 class="cs-card-title">Data Engineering</h3></div>
<div class="mp-category-header">
        <div class="cs-card-body">
<div class="mp-category-icon">🔄</div>
          <ul class="cs-card-list">
<h3 class="mp-category-title">[[DevOps|DevOps]]</h3>
            <li>[[Data Engineering/ETL|ETL Pipelines]]</li>
</div>
            <li>[[Data Engineering/Big Data|Big Data]]</li>
<ul class="mp-category-list">
            <li>[[Data Engineering/Streaming|Streaming]]</li>
<li>[[DevOps/CI CD|CI/CD]]</li>
          </ul>
<li>[[DevOps/Infrastructure as Code|IaC]]</li>
        </div>
<li>[[DevOps/Monitoring|Monitoring]]</li>
        <div class="cs-card-footer">[[Data Engineering/All|View Data Eng →]]</div>
<li>[[DevOps/GitOps|GitOps]]</li>
      </div>
<li>[[DevOps/SRE|Site Reliability]]</li>
    </div>
<li>[[DevOps/All|View all →]]</li>
  </div>
</ul>
</div>


<!-- Cybersecurity Card -->
  <div class="cs-section inf">
<div class="mp-category-card">
    <div class="cs-section-header">
<div class="mp-category-header">
      <h2 class="cs-section-title">☁️ Cloud & Infrastructure</h2>
<div class="mp-category-icon">🔒</div>
    </div>
<h3 class="mp-category-title">[[Cybersecurity|Cybersecurity]]</h3>
    <div class="cs-grid">
</div>
      <div class="cs-card">
<ul class="mp-category-list">
        <div class="cs-card-header"><h3 class="cs-card-title">Cloud Architecture</h3></div>
<li>[[Cybersecurity/Network Security|Network Security]]</li>
        <div class="cs-card-body">
<li>[[Cybersecurity/Ethical Hacking|Ethical Hacking]]</li>
          <ul class="cs-card-list">
<li>[[Cybersecurity/Cryptography|Cryptography]]</li>
            <li>[[Cloud/Architecture|Architecture Patterns]]</li>
<li>[[Cybersecurity/Security Testing|Security Testing]]</li>
            <li>[[Cloud/SaaS|SaaS / PaaS / IaaS]]</li>
<li>[[Cybersecurity/Zero Trust|Zero Trust]]</li>
            <li>[[Cloud/Serverless|Serverless]]</li>
<li>[[Cybersecurity/All|View all →]]</li>
          </ul>
</ul>
        </div>
</div>
        <div class="cs-card-footer">[[Cloud/All|View all cloud →]]</div>
</div>
      </div>
</div>
</div>


<!-- Lower Section -->
      <div class="cs-card">
<div id="mp-lower" class="MainPageBG mp-box">
        <div class="cs-card-header"><h3 class="cs-card-title">Providers</h3></div>
<h2 id="mp-tfp-h2" class="mp-h2">Learning Paths</h2>
        <div class="cs-card-body">
<div id="mp-tfp">
          <ul class="cs-card-list">
<div class="mp-paths-grid">
            <li>[[Cloud/AWS|AWS]]</li>
{{Main Page/Learning Paths}}
            <li>[[Cloud/Azure|Azure]]</li>
</div>
            <li>[[Cloud/GCP|Google Cloud]]</li>
</div>
          </ul>
</div>
        </div>
        <div class="cs-card-footer">[[Cloud/Providers/All|View all providers →]]</div>
      </div>


<!-- Bottom Section -->
      <div class="cs-card">
<div id="mp-bottom" class="mp-box">
        <div class="cs-card-header"><h3 class="cs-card-title">DevOps</h3></div>
<h2 id="mp-other" class="mp-h2">Join Our Community</h2>
        <div class="cs-card-body">
<div id="mp-other-content">
          <ul class="cs-card-list">
<div class="mp-community-flex">
            <li>[[DevOps/CI CD|CI/CD Pipelines]]</li>
<div class="mp-community-card">
            <li>[[DevOps/Docker|Docker & Containers]]</li>
<h3>Get Started</h3>
            <li>[[DevOps/Kubernetes|Kubernetes]]</li>
<ul>
          </ul>
<li>[[Help:Getting Started|New User Guide]]</li>
        </div>
<li>[[Help:Editing|How to Edit]]</li>
        <div class="cs-card-footer">[[DevOps/All|View all DevOps →]]</div>
<li>[[Project:Style Guide|Style Guidelines]]</li>
      </div>
<li>[[Help:Contents|Help Center]]</li>
    </div>
</ul>
  </div>
</div>
 
<div class="mp-community-card">
  <div class="cs-section fund">
<h3>Contribute</h3>
    <div class="cs-section-header">
<ul>
      <h2 class="cs-section-title">🎓 CS Fundamentals</h2>
<li>[[Project:Wanted Pages|Needed Articles]]</li>
    </div>
<li>[[Special:RecentChanges|Recent Changes]]</li>
    <div class="cs-grid">
<li>[[Project:To-do List|Current Projects]]</li>
      <div class="cs-card">
<li>[[Project:Roadmap|Content Roadmap]]</li>
        <div class="cs-card-header"><h3 class="cs-card-title">Algorithms</h3></div>
</ul>
        <div class="cs-card-body">
</div>
          <ul class="cs-card-list">
<div class="mp-community-card">
            <li>[[Computer Science/Algorithms|Algorithms]]</li>
<h3>Connect</h3>
            <li>[[Computer Science/Data Structures|Data Structures]]</li>
<ul>
            <li>[[Computer Science/Big O|Complexity]]</li>
<li>[[Community Portal|Community Portal]]</li>
          </ul>
<li>[[Project:Discussion|Discussion Forum]]</li>
        </div>
<li>[[Project:Events|Events & Webinars]]</li>
        <div class="cs-card-footer">[[Computer Science/Algorithms/All|View all →]]</div>
<li>[[Project:Social|Social Media]]</li>
      </div>
</ul>
 
</div>
      <div class="cs-card">
</div>
        <div class="cs-card-header"><h3 class="cs-card-title">Architecture</h3></div>
</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>
 
  <div class="cs-section comm">
    <div class="cs-grid">
      <div class="cs-card">
        <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>[[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>


<h2 id="mp-sister" class="mp-h2">Wiki Statistics</h2>
<div id="mp-sister-content">
<div class="mp-statistics-container">
<div class="mp-stat-card">
<div class="mp-stat-number">{{NUMBEROFARTICLES}}</div>
<div class="mp-stat-label">Articles</div>
</div>
<div class="mp-stat-card">
<div class="mp-stat-number">{{NUMBEROFPAGES}}</div>
<div class="mp-stat-label">Total Pages</div>
</div>
<div class="mp-stat-card">
<div class="mp-stat-number">{{NUMBEROFEDITS}}</div>
<div class="mp-stat-label">Total Edits</div>
</div>
<div class="mp-stat-card">
<div class="mp-stat-number">{{NUMBEROFUSERS}}</div>
<div class="mp-stat-label">Registered Users</div>
</div>
<div class="mp-stat-card">
<div class="mp-stat-number">{{NUMBEROFACTIVEUSERS}}</div>
<div class="mp-stat-label">Active Users</div>
</div>
</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
__NOTOC____NOEDITSECTION__

Latest revision as of 23:29, 22 November 2025

ComputerScience.wiki

A free wiki to learn a bit of everything in IT

💻 Programming & Development

Languages

View all languages →

Software Engineering

View all software engineering →

Web & Mobile

View all web & mobile →

🧠 Data Science & AI

Data Science

View all data science →

Machine Learning

View all ML topics →

Artificial Intelligence

View all AI topics →

🗄️ Databases

SQL Systems

View all →

NoSQL

View all NoSQL →

Data Engineering

View Data Eng →

☁️ Cloud & Infrastructure

Cloud Architecture

View all cloud →

Providers

View all providers →

DevOps

View all DevOps →

🎓 CS Fundamentals

Algorithms

View all →

Architecture

View all →

Theory

View all →

Getting Started

About Us

Wiki Statistics

  • Articles: 1
  • Active users: 1
Retrieved from "https://computerscience.wiki/index.php?title=Main_Page&oldid=140"