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:
<div id="cs-mainpage">
<div id="cs-mainpage">
<!-- Banner Section with gradient -->
<!-- Banner Section -->
<div class="cs-banner">
<div class="cs-banner">
<div class="cs-banner-content">
<div class="cs-banner-content">
Line 10: Line 10:
<!-- Search Bar -->
<!-- Search Bar -->
<div class="cs-search-container">
<div class="cs-search-container">
<div class="cs-search cs-box {{If dark|cs-box-dark|cs-box-light}}">
<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;}}">
<inputbox>
<inputbox>
type=search
type=search
Line 23: Line 23:
<!-- Category Boxes -->
<!-- Category Boxes -->
<div class="cs-category-container">
<div class="cs-category-container">
<div class="cs-section-heading {{If dark|cs-section-heading-dark|cs-section-heading-light}}">Explore Topics</div>
<div class="cs-section-heading" style="{{If dark|color:#60a5fa;|color:#2563eb;}}">Explore Topics</div>


<div class="cs-category-grid">
<div class="cs-category-grid">
<!-- Software Development -->
<!-- Software Development -->
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
<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-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-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}"><div class="cs-category-icon software-icon"></div> Software Development</div>
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
<div class="cs-category-list">
* [[Python|Python]]
<ul style="{{If dark|color:#d1d5db;|color:#4b5563;}}">
* [[Java|Java]]
<li>[[Python|Python]]</li>
* [[C and C++|C/C++]]
<li>[[Java|Java]]</li>
* [[JavaScript|JavaScript]]
<li>[[C and C++|C/C++]]</li>
* [[Web Development|Web Dev]]
<li>[[JavaScript|JavaScript]]</li>
* [[Mobile Development|Mobile]]
<li>[[Web Development|Web Dev]]</li>
<li>[[Mobile Development|Mobile]]</li>
</ul>
</div>
</div>
</div>
</div>


<!-- Data Science -->
<!-- Data Science -->
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
<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-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-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}"><div class="cs-category-icon data-icon"></div> Data Science</div>
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
<div class="cs-category-list">
* [[Machine Learning|Machine Learning]]
<ul style="{{If dark|color:#d1d5db;|color:#4b5563;}}">
* [[Data Analysis|Data Analysis]]
<li>[[Machine Learning|Machine Learning]]</li>
* [[Statistics|Statistics]]
<li>[[Data Analysis|Data Analysis]]</li>
* [[Data Visualization|Visualization]]
<li>[[Statistics|Statistics]]</li>
* [[Tableau|Tableau]]
<li>[[Data Visualization|Visualization]]</li>
* [[R Programming|R]]
<li>[[Tableau|Tableau]]</li>
<li>[[R Programming|R]]</li>
</ul>
</div>
</div>
</div>
</div>


<!-- Big Data -->
<!-- Big Data -->
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
<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-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-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}"><div class="cs-category-icon bigdata-icon"></div> Big Data</div>
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
<div class="cs-category-list">
* [[Hadoop|Hadoop]]
<ul style="{{If dark|color:#d1d5db;|color:#4b5563;}}">
* [[Spark|Spark]]
<li>[[Hadoop|Hadoop]]</li>
* [[Cloudera|Cloudera]]
<li>[[Spark|Spark]]</li>
* [[Snowflake|Snowflake]]
<li>[[Cloudera|Cloudera]]</li>
* [[Data Warehousing|Data Warehousing]]
<li>[[Snowflake|Snowflake]]</li>
* [[NoSQL|NoSQL]]
<li>[[Data Warehousing|Data Warehousing]]</li>
<li>[[NoSQL|NoSQL]]</li>
</ul>
</div>
</div>
</div>
</div>


<!-- Networking -->
<!-- Networking -->
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
<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-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-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}"><div class="cs-category-icon network-icon"></div> Networking</div>
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
<div class="cs-category-list">
* [[Network Protocols|Protocols]]
<ul style="{{If dark|color:#d1d5db;|color:#4b5563;}}">
* [[Network Architecture|Architecture]]
<li>[[Network Protocols|Protocols]]</li>
* [[Cloud Networking|Cloud]]
<li>[[Network Architecture|Architecture]]</li>
* [[Network Security|Security]]
<li>[[Cloud Networking|Cloud]]</li>
* [[Wireless Networks|Wireless]]
<li>[[Network Security|Security]]</li>
* [[SDN|SDN]]
<li>[[Wireless Networks|Wireless]]</li>
<li>[[SDN|SDN]]</li>
</ul>
</div>
</div>
</div>
</div>


<!-- Cybersecurity -->
<!-- Cybersecurity -->
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
<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-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-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}"><div class="cs-category-icon security-icon"></div> Cybersecurity</div>
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
<div class="cs-category-list">
* [[Cryptography|Cryptography]]
<ul style="{{If dark|color:#d1d5db;|color:#4b5563;}}">
* [[Penetration Testing|Pen Testing]]
<li>[[Cryptography|Cryptography]]</li>
* [[Security Frameworks|Frameworks]]
<li>[[Penetration Testing|Pen Testing]]</li>
* [[Malware Analysis|Malware]]
<li>[[Security Frameworks|Frameworks]]</li>
* [[Identity Management|Identity]]
<li>[[Malware Analysis|Malware]]</li>
* [[Security Operations|SecOps]]
<li>[[Identity Management|Identity]]</li>
<li>[[Security Operations|SecOps]]</li>
</ul>
</div>
</div>
</div>
</div>


<!-- CS Fundamentals -->
<!-- CS Fundamentals -->
<div class="cs-category-box cs-box {{If dark|cs-box-dark|cs-box-light}}">
<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-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-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}"><div class="cs-category-icon fundamentals-icon"></div> CS Fundamentals</div>
<div class="cs-category-list {{If dark|cs-category-list-dark|cs-category-list-light}}">
<div class="cs-category-list">
* [[Algorithms|Algorithms]]
<ul style="{{If dark|color:#d1d5db;|color:#4b5563;}}">
* [[Data Structures|Data Structures]]
<li>[[Algorithms|Algorithms]]</li>
* [[Theory of Computation|Computation]]
<li>[[Data Structures|Data Structures]]</li>
* [[Operating Systems|OS]]
<li>[[Theory of Computation|Computation]]</li>
* [[Compilers|Compilers]]
<li>[[Operating Systems|OS]]</li>
* [[Computer Architecture|Architecture]]
<li>[[Compilers|Compilers]]</li>
<li>[[Computer Architecture|Architecture]]</li>
</ul>
</div>
</div>
</div>
</div>
Line 108: Line 120:
<!-- Featured Section -->
<!-- Featured Section -->
<div class="cs-featured-container">
<div class="cs-featured-container">
<div class="cs-section-heading {{If dark|cs-section-heading-dark|cs-section-heading-light}}">Featured Courses</div>
<div class="cs-section-heading" style="{{If dark|color:#60a5fa;|color:#2563eb;}}">Featured Courses</div>
<div class="cs-featured-grid">
<div class="cs-featured-grid">


<div class="cs-featured-card cs-box {{If dark|cs-box-dark|cs-box-light}}">
<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-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 {{If dark|cs-featured-title-dark|cs-featured-title-light}}">Python Programming</div>
<div class="cs-featured-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}">Python Programming</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-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-button {{If dark|cs-featured-button-dark|cs-featured-button-light}}">[[Python Course|Start Learning →]]</div>
<div class="cs-featured-button">[[Python Course|Start Learning →]]</div>
</div>
</div>
</div>
</div>


<div class="cs-featured-card cs-box {{If dark|cs-box-dark|cs-box-light}}">
<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-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 {{If dark|cs-featured-title-dark|cs-featured-title-light}}">Data Structures & Algorithms</div>
<div class="cs-featured-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}">Data Structures & Algorithms</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-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-button {{If dark|cs-featured-button-dark|cs-featured-button-light}}">[[Algorithms Course|Start Learning →]]</div>
<div class="cs-featured-button">[[Algorithms Course|Start Learning →]]</div>
</div>
</div>
</div>
</div>


<div class="cs-featured-card cs-box {{If dark|cs-box-dark|cs-box-light}}">
<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-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 {{If dark|cs-featured-title-dark|cs-featured-title-light}}">Modern Web Development</div>
<div class="cs-featured-title" style="{{If dark|color:#60a5fa;|color:#2563eb;}}">Modern Web Development</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-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-button {{If dark|cs-featured-button-dark|cs-featured-button-light}}">[[Web Development Course|Start Learning →]]</div>
<div class="cs-featured-button">[[Web Development Course|Start Learning →]]</div>
</div>
</div>
</div>
</div>
Line 153: Line 165:


<!-- About Section -->
<!-- About Section -->
<div class="cs-about-container cs-box {{If dark|cs-box-dark|cs-box-light}}">
<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-heading {{If dark|cs-about-heading-dark|cs-about-heading-light}}">About ComputerScience.wiki</div>
<div class="cs-about-heading" style="{{If dark|color:#60a5fa;|color:#2563eb;}}">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.

Revision as of 15:26, 10 August 2025

ComputerScience.wiki
Free computer science education for everyone

<div class="cs-search cs-box" style="background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;">

 
<div class="cs-section-heading" style="color:#2563eb;color:#60a5fa;">Explore Topics

<div class="cs-category-box cs-box" style="background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;">

<div class="cs-category-title" style="color:#2563eb;color:#60a5fa;">
Software Development

<ul style="color:#4b5563;color:#d1d5db;">

  • Python
  • Java
  • C/C++
  • JavaScript
  • Web Dev
  • Mobile

    • <div class="cs-category-box cs-box" style="background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;">

    <div class="cs-category-title" style="color:#2563eb;color:#60a5fa;">

    Data Science

    <ul style="color:#4b5563;color:#d1d5db;">

  • Machine Learning
  • Data Analysis
  • Statistics
  • Visualization
  • Tableau
  • R

    • <div class="cs-category-box cs-box" style="background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;">

    <div class="cs-category-title" style="color:#2563eb;color:#60a5fa;">

    Big Data

    <ul style="color:#4b5563;color:#d1d5db;">

  • Hadoop
  • Spark
  • Cloudera
  • Snowflake
  • Data Warehousing
  • NoSQL

    • <div class="cs-category-box cs-box" style="background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;">

    <div class="cs-category-title" style="color:#2563eb;color:#60a5fa;">

    Networking

    <ul style="color:#4b5563;color:#d1d5db;">

  • Protocols
  • Architecture
  • Cloud
  • Security
  • Wireless
  • SDN

    • <div class="cs-category-box cs-box" style="background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;">

    <div class="cs-category-title" style="color:#2563eb;color:#60a5fa;">

    Cybersecurity

    <ul style="color:#4b5563;color:#d1d5db;">

  • Cryptography
  • Pen Testing
  • Frameworks
  • Malware
  • Identity
  • SecOps

    • <div class="cs-category-box cs-box" style="background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;">

    <div class="cs-category-title" style="color:#2563eb;color:#60a5fa;">

    CS Fundamentals

    <ul style="color:#4b5563;color:#d1d5db;">

  • Algorithms
  • Data Structures
  • Computation
  • OS
  • Compilers
  • Architecture
    • <div class="cs-section-heading" style="color:#2563eb;color:#60a5fa;">Featured Courses

    <div class="cs-featured-card cs-box" style="background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;">

    <div class="cs-featured-title" style="color:#2563eb;color:#60a5fa;">Python Programming
    <div class="cs-featured-description" style="color:#6b7280;color:#9ca3af;">From basics to advanced concepts - master Python with practical examples and hands-on projects for all skill levels.
    Start Learning →

    <div class="cs-featured-card cs-box" style="background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;">

    <div class="cs-featured-title" style="color:#2563eb;color:#60a5fa;">Data Structures & Algorithms

    <div class="cs-featured-description" style="color:#6b7280;color:#9ca3af;">Essential CS fundamentals for interviews and problem-solving with interactive challenges and visual explanations.

    Start Learning →

    <div class="cs-featured-card cs-box" style="background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;">

    <div class="cs-featured-title" style="color:#2563eb;color:#60a5fa;">Modern Web Development

    <div class="cs-featured-description" style="color:#6b7280;color:#9ca3af;">Build responsive, interactive websites with the latest web technologies, frameworks, and best practices.

    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" style="background-color:#ffffff; border:1px solid #e5e7eb; color:#1f2937;background-color:#111827; border:1px solid #1f2937; color:#e5e7eb;">

    <div class="cs-about-heading" style="color:#2563eb;color:#60a5fa;">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=51"