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
 
(30 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div id="cs-mainpage">
<templatestyles src="Template:Main_Page/styles.css" />
<!-- Banner Section with gradient -->
 
<div class="cs-banner">
<div class="cs-container">
<div class="cs-banner-content">
 
<div class="cs-banner-title">ComputerScience.wiki</div>
  <div class="cs-header">
<div class="cs-banner-subtitle">Free computer science education for everyone</div>
    <h1 class="cs-title">ComputerScience.wiki</h1>
</div>
    <p class="cs-subtitle">A free wiki to learn a bit of everything in IT</p>
</div>
  </div>
 
  <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 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 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>


<!-- Search Bar -->
      <div class="cs-card">
<div class="cs-search-container">
        <div class="cs-card-header"><h3 class="cs-card-title">Machine Learning</h3></div>
<div class="cs-search cs-box {{If dark|cs-box-dark|cs-box-light}}">
        <div class="cs-card-body">
<inputbox>
          <ul class="cs-card-list">
type=search
            <li>[[Machine Learning/Supervised Learning|Supervised Learning]]</li>
width=100%
            <li>[[Machine Learning/Unsupervised Learning|Unsupervised Learning]]</li>
buttonlabel=Search
            <li>[[Machine Learning/Deep Learning|Deep Learning]]</li>
break=no
          </ul>
placeholder=Search courses and topics...
        </div>
</inputbox>
        <div class="cs-card-footer">[[Machine Learning/All|View all ML topics →]]</div>
</div>
      </div>
</div>


<!-- Category Boxes -->
      <div class="cs-card">
<div class="cs-category-container">
        <div class="cs-card-header"><h3 class="cs-card-title">Artificial Intelligence</h3></div>
<div class="cs-section-heading {{If dark|cs-section-heading-dark|cs-section-heading-light}}">Explore Topics</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 class="cs-category-grid">
  <div class="cs-section db">
<!-- Software Development -->
    <div class="cs-section-header">
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
      <h2 class="cs-section-title">🗄️ Databases</h2>
<div class="cs-category-title {{If dark|cs-category-title-dark|cs-category-title-light}}"><div class="cs-category-icon software-icon"></div> Software Development</div>
    </div>
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
    <div class="cs-grid">
* [[Python|Python]]
      <div class="cs-card">
* [[Java|Java]]
        <div class="cs-card-header"><h3 class="cs-card-title">SQL Systems</h3></div>
* [[C and C++|C/C++]]
        <div class="cs-card-body">
* [[JavaScript|JavaScript]]
          <ul class="cs-card-list">
* [[Web Development|Web Dev]]
            <li>[[Databases/PostgreSQL|PostgreSQL]]</li>
* [[Mobile Development|Mobile]]
            <li>[[Databases/MySQL|MySQL]]</li>
</div>
            <li>[[Databases/SQL|SQL Optimization]]</li>
</div>
          </ul>
        </div>
        <div class="cs-card-footer">[[Databases/All|View all →]]</div>
      </div>


<!-- Data Science -->
      <div class="cs-card">
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
        <div class="cs-card-header"><h3 class="cs-card-title">NoSQL</h3></div>
<div class="cs-category-title {{If dark|cs-category-title-dark|cs-category-title-light}}"><div class="cs-category-icon data-icon"></div> Data Science</div>
        <div class="cs-card-body">
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
          <ul class="cs-card-list">
* [[Machine Learning|Machine Learning]]
            <li>[[Databases/MongoDB|MongoDB]]</li>
* [[Data Analysis|Data Analysis]]
            <li>[[Databases/Redis|Redis]]</li>
* [[Statistics|Statistics]]
            <li>[[Databases/DynamoDB|DynamoDB]]</li>
* [[Data Visualization|Visualization]]
          </ul>
* [[Tableau|Tableau]]
        </div>
* [[R Programming|R]]
        <div class="cs-card-footer">[[Databases/NoSQL/All|View all NoSQL →]]</div>
</div>
      </div>
</div>


<!-- Big Data -->
      <div class="cs-card">
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
        <div class="cs-card-header"><h3 class="cs-card-title">Data Engineering</h3></div>
<div class="cs-category-title {{If dark|cs-category-title-dark|cs-category-title-light}}"><div class="cs-category-icon bigdata-icon"></div> Big Data</div>
        <div class="cs-card-body">
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
          <ul class="cs-card-list">
* [[Hadoop|Hadoop]]
            <li>[[Data Engineering/ETL|ETL Pipelines]]</li>
* [[Spark|Spark]]
            <li>[[Data Engineering/Big Data|Big Data]]</li>
* [[Cloudera|Cloudera]]
            <li>[[Data Engineering/Streaming|Streaming]]</li>
* [[Snowflake|Snowflake]]
          </ul>
* [[Data Warehousing|Data Warehousing]]
        </div>
* [[NoSQL|NoSQL]]
        <div class="cs-card-footer">[[Data Engineering/All|View Data Eng →]]</div>
</div>
      </div>
</div>
    </div>
  </div>


<!-- Networking -->
  <div class="cs-section inf">
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
    <div class="cs-section-header">
<div class="cs-category-title {{If dark|cs-category-title-dark|cs-category-title-light}}"><div class="cs-category-icon network-icon"></div> Networking</div>
      <h2 class="cs-section-title">☁️ Cloud & Infrastructure</h2>
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
    </div>
* [[Network Protocols|Protocols]]
    <div class="cs-grid">
* [[Network Architecture|Architecture]]
      <div class="cs-card">
* [[Cloud Networking|Cloud]]
        <div class="cs-card-header"><h3 class="cs-card-title">Cloud Architecture</h3></div>
* [[Network Security|Security]]
        <div class="cs-card-body">
* [[Wireless Networks|Wireless]]
          <ul class="cs-card-list">
* [[SDN|SDN]]
            <li>[[Cloud/Architecture|Architecture Patterns]]</li>
</div>
            <li>[[Cloud/SaaS|SaaS / PaaS / IaaS]]</li>
</div>
            <li>[[Cloud/Serverless|Serverless]]</li>
          </ul>
        </div>
        <div class="cs-card-footer">[[Cloud/All|View all cloud →]]</div>
      </div>


<!-- Cybersecurity -->
      <div class="cs-card">
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
        <div class="cs-card-header"><h3 class="cs-card-title">Providers</h3></div>
<div class="cs-category-title {{If dark|cs-category-title-dark|cs-category-title-light}}"><div class="cs-category-icon security-icon"></div> Cybersecurity</div>
        <div class="cs-card-body">
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
          <ul class="cs-card-list">
* [[Cryptography|Cryptography]]
            <li>[[Cloud/AWS|AWS]]</li>
* [[Penetration Testing|Pen Testing]]
            <li>[[Cloud/Azure|Azure]]</li>
* [[Security Frameworks|Frameworks]]
            <li>[[Cloud/GCP|Google Cloud]]</li>
* [[Malware Analysis|Malware]]
          </ul>
* [[Identity Management|Identity]]
        </div>
* [[Security Operations|SecOps]]
        <div class="cs-card-footer">[[Cloud/Providers/All|View all providers →]]</div>
</div>
      </div>
</div>


<!-- CS Fundamentals -->
      <div class="cs-card">
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
        <div class="cs-card-header"><h3 class="cs-card-title">DevOps</h3></div>
<div class="cs-category-title {{If dark|cs-category-title-dark|cs-category-title-light}}"><div class="cs-category-icon fundamentals-icon"></div> CS Fundamentals</div>
        <div class="cs-card-body">
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
          <ul class="cs-card-list">
* [[Algorithms|Algorithms]]
            <li>[[DevOps/CI CD|CI/CD Pipelines]]</li>
* [[Data Structures|Data Structures]]
            <li>[[DevOps/Docker|Docker & Containers]]</li>
* [[Theory of Computation|Computation]]
            <li>[[DevOps/Kubernetes|Kubernetes]]</li>
* [[Operating Systems|OS]]
          </ul>
* [[Compilers|Compilers]]
        </div>
* [[Computer Architecture|Architecture]]
        <div class="cs-card-footer">[[DevOps/All|View all DevOps →]]</div>
</div>
      </div>
</div>
    </div>
</div>
  </div>
</div>


<!-- Featured Section -->
  <div class="cs-section fund">
<div class="cs-featured-container">
    <div class="cs-section-header">
<div class="cs-section-heading {{If dark|cs-section-heading-dark|cs-section-heading-light}}">Featured Courses</div>
      <h2 class="cs-section-title">🎓 CS Fundamentals</h2>
<div class="cs-featured-grid">
    </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-featured-card cs-box {{If dark|cs-box-dark|cs-box-light}}">
      <div class="cs-card">
<div class="cs-featured-image python-image"></div>
        <div class="cs-card-header"><h3 class="cs-card-title">Architecture</h3></div>
<div class="cs-featured-content">
        <div class="cs-card-body">
<div class="cs-featured-title {{If dark|cs-featured-title-dark|cs-featured-title-light}}">Python Programming</div>
          <ul class="cs-card-list">
<div class="cs-featured-description {{If dark|cs-featured-description-dark|cs-featured-description-light}}">From basics to advanced concepts - master Python with practical examples and hands-on projects for all skill levels.</div>
            <li>[[Computer Science/Computer Architecture|Computer Architecture]]</li>
<div class="cs-featured-button {{If dark|cs-featured-button-dark|cs-featured-button-light}}">[[Python Course|Start Learning →]]</div>
            <li>[[Computer Science/Digital Systems|Digital Systems]]</li>
</div>
          </ul>
</div>
        </div>
        <div class="cs-card-footer">[[Computer Science/Architecture/All|View all →]]</div>
      </div>


<div class="cs-featured-card cs-box {{If dark|cs-box-dark|cs-box-light}}">
      <div class="cs-card">
<div class="cs-featured-image algorithms-image"></div>
        <div class="cs-card-header"><h3 class="cs-card-title">Theory</h3></div>
<div class="cs-featured-content">
        <div class="cs-card-body">
<div class="cs-featured-title {{If dark|cs-featured-title-dark|cs-featured-title-light}}">Data Structures & Algorithms</div>
          <ul class="cs-card-list">
<div class="cs-featured-description {{If dark|cs-featured-description-dark|cs-featured-description-light}}">Essential CS fundamentals for interviews and problem-solving with interactive challenges and visual explanations.</div>
            <li>[[Computer Science/Theory/Discrete Mathematics|Discrete Math]]</li>
<div class="cs-featured-button {{If dark|cs-featured-button-dark|cs-featured-button-light}}">[[Algorithms Course|Start Learning →]]</div>
            <li>[[Computer Science/Theory/Complexity|Complexity Theory]]</li>
</div>
          </ul>
</div>
        </div>
        <div class="cs-card-footer">[[Computer Science/Theory/All|View all →]]</div>
      </div>
    </div>
  </div>


<div class="cs-featured-card cs-box {{If dark|cs-box-dark|cs-box-light}}">
  <div class="cs-section comm">
<div class="cs-featured-image web-image"></div>
    <div class="cs-grid">
<div class="cs-featured-content">
      <div class="cs-card">
<div class="cs-featured-title {{If dark|cs-featured-title-dark|cs-featured-title-light}}">Modern Web Development</div>
        <div class="cs-card-header"><h3 class="cs-card-title">Getting Started</h3></div>
<div class="cs-featured-description {{If dark|cs-featured-description-dark|cs-featured-description-light}}">Build responsive, interactive websites with the latest web technologies, frameworks, and best practices.</div>
        <div class="cs-card-body">
<div class="cs-featured-button {{If dark|cs-featured-button-dark|cs-featured-button-light}}">[[Web Development Course|Start Learning →]]</div>
          <ul class="cs-card-list">
</div>
            <li>[[Help:Getting Started|New User Guide]]</li>
</div>
            <li>[[Help:Editing|How to Edit]]</li>
</div>
            <li>[[Special:RecentChanges|Recent Changes]]</li>
</div>
          </ul>
        </div>
      </div>


<!-- Contribute Section -->
      <div class="cs-card">
<div class="cs-contribute-container">
        <div class="cs-card-header"><h3 class="cs-card-title">About Us</h3></div>
<div class="cs-contribute-content">
        <div class="cs-card-body">
<div class="cs-contribute-heading">Join Our Community</div>
          <ul class="cs-card-list">
<div class="cs-contribute-text">Help us build a comprehensive resource for computer science education. Share your knowledge and expertise with learners worldwide.</div>
            <li>[[Project:Contact|Contact us]]</li>
<div class="cs-contribute-buttons">
            <li>[[Project:About|About the Wiki]]</li>
<div class="cs-primary-button">[[Help:Contributing|How to Contribute]]</div>
          </ul>
<div class="cs-secondary-button">[[Project:Guidelines|Content Guidelines]]</div>
        </div>
</div>
      </div>
</div>
</div>


<!-- About Section -->
      <div class="cs-card">
<div class="cs-about-container cs-box {{If dark|cs-box-dark|cs-box-light}}">
        <div class="cs-card-header"><h3 class="cs-card-title">Wiki Statistics</h3></div>
<div class="cs-about-heading {{If dark|cs-about-heading-dark|cs-about-heading-light}}">About ComputerScience.wiki</div>
        <div class="cs-card-body">
<div class="cs-about-text">
          <ul class="cs-card-list">
ComputerScience.wiki is a free, open-source educational platform dedicated to providing high-quality computer science resources for everyone. Our content is created by a community of educators, students, and professionals passionate about computer science education.
            <li>Articles: [[Special:Statistics|{{NUMBEROFARTICLES}}]]</li>
</div>
            <li>Active users: [[Special:Statistics|{{NUMBEROFACTIVEUSERS}}]]</li>
</div>
          </ul>
        </div>
      </div>
    </div>
  </div>


</div>
</div>
__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"