Toggle search
Toggle menu
1
1
133
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 editNewer edit →
VisualWikitext
No edit summary
No edit summary
Line 1: Line 1:
<templatestyles src="Template:Main_Page/styles.css" />
<div id="cs-mainpage">
<div id="cs-mainpage">
<!-- Banner Section -->
<!-- Banner Section -->
Line 10: Line 12:
<!-- Search Bar -->
<!-- Search Bar -->
<div class="cs-search-container">
<div class="cs-search-container">
<div class="cs-search cs-box" style="{{If dark|background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;|background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;}}">
<div class="cs-search cs-box {{If dark|cs-box-dark|cs-box-light}}">
<inputbox>
<inputbox>
type=search
type=search
Line 23: Line 25:
<!-- Category Boxes -->
<!-- Category Boxes -->
<div class="cs-category-container">
<div class="cs-category-container">
<div class="cs-section-heading" style="{{If dark|color:#60a5fa;|color:#2563eb;}}">Explore Topics</div>
<div class="cs-section-heading {{If dark|cs-section-heading-dark|cs-section-heading-light}}">Explore Topics</div>


<div class="cs-category-grid">
<div class="cs-category-grid">
<!-- Software Development -->
<!-- Software Development -->
<div class="cs-category-box cs-box" style="{{If dark|background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;|background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;}}">
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
<div class="cs-category-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}"><div class="cs-category-icon software-icon"></div> Software Development</div>
<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 class="cs-category-list">
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
<ul style="{{If dark|color:#d1d5db;|color:#4b5563;}}">
<ul>
<li>[[Python|Python]]</li>
<li>[[Python|Python]]</li>
<li>[[Java|Java]]</li>
<li>[[Java|Java]]</li>
Line 42: Line 44:


<!-- Data Science -->
<!-- Data Science -->
<div class="cs-category-box cs-box" style="{{If dark|background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;|background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;}}">
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
<div class="cs-category-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}"><div class="cs-category-icon data-icon"></div> Data Science</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-category-list">
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
<ul style="{{If dark|color:#d1d5db;|color:#4b5563;}}">
<ul>
<li>[[Machine Learning|Machine Learning]]</li>
<li>[[Machine Learning|Machine Learning]]</li>
<li>[[Data Analysis|Data Analysis]]</li>
<li>[[Data Analysis|Data Analysis]]</li>
Line 57: Line 59:


<!-- Big Data -->
<!-- Big Data -->
<div class="cs-category-box cs-box" style="{{If dark|background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;|background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;}}">
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
<div class="cs-category-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}"><div class="cs-category-icon bigdata-icon"></div> Big Data</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-category-list">
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
<ul style="{{If dark|color:#d1d5db;|color:#4b5563;}}">
<ul>
<li>[[Hadoop|Hadoop]]</li>
<li>[[Hadoop|Hadoop]]</li>
<li>[[Spark|Spark]]</li>
<li>[[Spark|Spark]]</li>
Line 72: Line 74:


<!-- Networking -->
<!-- Networking -->
<div class="cs-category-box cs-box" style="{{If dark|background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;|background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;}}">
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
<div class="cs-category-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}"><div class="cs-category-icon network-icon"></div> Networking</div>
<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>
<div class="cs-category-list">
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
<ul style="{{If dark|color:#d1d5db;|color:#4b5563;}}">
<ul>
<li>[[Network Protocols|Protocols]]</li>
<li>[[Network Protocols|Protocols]]</li>
<li>[[Network Architecture|Architecture]]</li>
<li>[[Network Architecture|Architecture]]</li>
Line 87: Line 89:


<!-- Cybersecurity -->
<!-- Cybersecurity -->
<div class="cs-category-box cs-box" style="{{If dark|background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;|background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;}}">
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
<div class="cs-category-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}"><div class="cs-category-icon security-icon"></div> Cybersecurity</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-category-list">
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
<ul style="{{If dark|color:#d1d5db;|color:#4b5563;}}">
<ul>
<li>[[Cryptography|Cryptography]]</li>
<li>[[Cryptography|Cryptography]]</li>
<li>[[Penetration Testing|Pen Testing]]</li>
<li>[[Penetration Testing|Pen Testing]]</li>
Line 102: Line 104:


<!-- CS Fundamentals -->
<!-- CS Fundamentals -->
<div class="cs-category-box cs-box" style="{{If dark|background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;|background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;}}">
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
<div class="cs-category-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}"><div class="cs-category-icon fundamentals-icon"></div> CS Fundamentals</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-category-list">
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
<ul style="{{If dark|color:#d1d5db;|color:#4b5563;}}">
<ul>
<li>[[Algorithms|Algorithms]]</li>
<li>[[Algorithms|Algorithms]]</li>
<li>[[Data Structures|Data Structures]]</li>
<li>[[Data Structures|Data Structures]]</li>
Line 120: Line 122:
<!-- Featured Section -->
<!-- Featured Section -->
<div class="cs-featured-container">
<div class="cs-featured-container">
<div class="cs-section-heading" style="{{If dark|color:#60a5fa;|color:#2563eb;}}">Featured Courses</div>
<div class="cs-section-heading {{If dark|cs-section-heading-dark|cs-section-heading-light}}">Featured Courses</div>
<div class="cs-featured-grid">
<div class="cs-featured-grid">


<div class="cs-featured-card cs-box" style="{{If dark|background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;|background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;}}">
<div class="cs-featured-card cs-box {{If dark|cs-box-dark|cs-box-light}}">
<div class="cs-featured-image python-image"></div>
<div class="cs-featured-image python-image"></div>
<div class="cs-featured-content">
<div class="cs-featured-content">
<div class="cs-featured-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}">Python Programming</div>
<div class="cs-featured-title {{If dark|cs-featured-title-dark|cs-featured-title-light}}">Python Programming</div>
<div class="cs-featured-description" style="{{If dark|color:#9ca3af;|color:#6b7280;}}">From basics to advanced concepts - master Python with practical examples and hands-on projects for all skill levels.</div>
<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>
<div class="cs-featured-button">[[Python Course|Start Learning →]]</div>
<div class="cs-featured-button {{If dark|cs-featured-button-dark|cs-featured-button-light}}">[[Python Course|Start Learning →]]</div>
</div>
</div>
</div>
</div>


<div class="cs-featured-card cs-box" style="{{If dark|background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;|background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;}}">
<div class="cs-featured-card cs-box {{If dark|cs-box-dark|cs-box-light}}">
<div class="cs-featured-image algorithms-image"></div>
<div class="cs-featured-image algorithms-image"></div>
<div class="cs-featured-content">
<div class="cs-featured-content">
<div class="cs-featured-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}">Data Structures & Algorithms</div>
<div class="cs-featured-title {{If dark|cs-featured-title-dark|cs-featured-title-light}}">Data Structures & Algorithms</div>
<div class="cs-featured-description" style="{{If dark|color:#9ca3af;|color:#6b7280;}}">Essential CS fundamentals for interviews and problem-solving with interactive challenges and visual explanations.</div>
<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>
<div class="cs-featured-button">[[Algorithms Course|Start Learning →]]</div>
<div class="cs-featured-button {{If dark|cs-featured-button-dark|cs-featured-button-light}}">[[Algorithms Course|Start Learning →]]</div>
</div>
</div>
</div>
</div>


<div class="cs-featured-card cs-box" style="{{If dark|background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;|background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;}}">
<div class="cs-featured-card cs-box {{If dark|cs-box-dark|cs-box-light}}">
<div class="cs-featured-image web-image"></div>
<div class="cs-featured-image web-image"></div>
<div class="cs-featured-content">
<div class="cs-featured-content">
<div class="cs-featured-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}">Modern Web Development</div>
<div class="cs-featured-title {{If dark|cs-featured-title-dark|cs-featured-title-light}}">Modern Web Development</div>
<div class="cs-featured-description" style="{{If dark|color:#9ca3af;|color:#6b7280;}}">Build responsive, interactive websites with the latest web technologies, frameworks, and best practices.</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-featured-button">[[Web Development Course|Start Learning →]]</div>
<div class="cs-featured-button {{If dark|cs-featured-button-dark|cs-featured-button-light}}">[[Web Development Course|Start Learning →]]</div>
</div>
</div>
</div>
</div>
Line 165: Line 167:


<!-- About Section -->
<!-- About Section -->
<div class="cs-about-container cs-box" style="{{If dark|background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;|background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;}}">
<div class="cs-about-container cs-box {{If dark|cs-box-dark|cs-box-light}}">
<div class="cs-about-heading" style="{{If dark|color:#60a5fa;|color:#2563eb;}}">About ComputerScience.wiki</div>
<div class="cs-about-heading {{If dark|cs-about-heading-dark|cs-about-heading-light}}">About ComputerScience.wiki</div>
<div class="cs-about-text">
<div class="cs-about-text">
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.
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.
</div>
</div>
</div>
</div>
</div>
</div>

Revision as of 16:14, 10 August 2025

ComputerScience.wiki
Free computer science education for everyone

<div class="cs-search cs-box cs-box-lightcs-box-dark">

 
<div class="cs-section-heading cs-section-heading-lightcs-section-heading-dark">Explore Topics

<div class="cs-category-box cs-box cs-box-lightcs-box-dark">

<div class="cs-category-title cs-category-title-lightcs-category-title-dark">
Software Development

<div class="cs-category-list cs-category-list-lightcs-category-list-dark">

<div class="cs-category-box cs-box cs-box-lightcs-box-dark">

<div class="cs-category-title cs-category-title-lightcs-category-title-dark">

Data Science

<div class="cs-category-list cs-category-list-lightcs-category-list-dark">

<div class="cs-category-box cs-box cs-box-lightcs-box-dark">

<div class="cs-category-title cs-category-title-lightcs-category-title-dark">

Big Data

<div class="cs-category-list cs-category-list-lightcs-category-list-dark">

<div class="cs-category-box cs-box cs-box-lightcs-box-dark">

<div class="cs-category-title cs-category-title-lightcs-category-title-dark">

Networking

<div class="cs-category-list cs-category-list-lightcs-category-list-dark">

<div class="cs-category-box cs-box cs-box-lightcs-box-dark">

<div class="cs-category-title cs-category-title-lightcs-category-title-dark">

Cybersecurity

<div class="cs-category-list cs-category-list-lightcs-category-list-dark">

<div class="cs-category-box cs-box cs-box-lightcs-box-dark">

<div class="cs-category-title cs-category-title-lightcs-category-title-dark">

CS Fundamentals

<div class="cs-category-list cs-category-list-lightcs-category-list-dark">

<div class="cs-section-heading cs-section-heading-lightcs-section-heading-dark">Featured Courses

<div class="cs-featured-card cs-box cs-box-lightcs-box-dark">

<div class="cs-featured-title cs-featured-title-lightcs-featured-title-dark">Python Programming
<div class="cs-featured-description cs-featured-description-lightcs-featured-description-dark">From basics to advanced concepts - master Python with practical examples and hands-on projects for all skill levels.

<div class="cs-featured-button cs-featured-button-lightcs-featured-button-dark">Start Learning →

<div class="cs-featured-card cs-box cs-box-lightcs-box-dark">

<div class="cs-featured-title cs-featured-title-lightcs-featured-title-dark">Data Structures & Algorithms

<div class="cs-featured-description cs-featured-description-lightcs-featured-description-dark">Essential CS fundamentals for interviews and problem-solving with interactive challenges and visual explanations. <div class="cs-featured-button cs-featured-button-lightcs-featured-button-dark">Start Learning →

<div class="cs-featured-card cs-box cs-box-lightcs-box-dark">

<div class="cs-featured-title cs-featured-title-lightcs-featured-title-dark">Modern Web Development

<div class="cs-featured-description cs-featured-description-lightcs-featured-description-dark">Build responsive, interactive websites with the latest web technologies, frameworks, and best practices. <div class="cs-featured-button cs-featured-button-lightcs-featured-button-dark">Start Learning →

Join Our Community
Help us build a comprehensive resource for computer science education. Share your knowledge and expertise with learners worldwide.
How to Contribute
Content Guidelines

<div class="cs-about-container cs-box cs-box-lightcs-box-dark">

<div class="cs-about-heading cs-about-heading-lightcs-about-heading-dark">About ComputerScience.wiki

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.

Retrieved from "https://computerscience.wiki/index.php?title=Main_Page&oldid=54"