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 5: Line 5:
<div id="mp-welcomecount">
<div id="mp-welcomecount">
<div id="mp-welcome"><h1>Welcome to ComputerScience.wiki</h1></div>
<div id="mp-welcome"><h1>Welcome to ComputerScience.wiki</h1></div>
<div id="mp-free">A free, community-driven wiki to learn everything about IT</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 id="articlecount"><ul><li>🛠️ [[Special:Statistics|{{NUMBEROFACTIVEUSERS}}]] active editors</li><li>📚 [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles in English</li></ul></div>
</div>
</div>
</div>
</div>


<!-- Upper Section - Using the exact structure from your example -->
<!-- Search Bar -->
<div class="mp-search-container">
<div class="mp-search-box">
<inputbox>
type=search
width=100%
buttonlabel=Search
break=no
placeholder=Search courses and topics...
</inputbox>
</div>
</div>
 
<!-- Upper Section using original structure -->
<div id="mp-upper">
<div id="mp-upper">
<div id="mp-left" class="MainPageBG mp-box">
<div id="mp-left" class="MainPageBG mp-box">
<h2 id="mp-tfa-h2" class="mp-h2">Programming & Development</h2>
<h2 id="mp-tfa-h2" class="mp-h2">Learn by Topic</h2>
<div id="mp-tfa" class="mp-contains-float">
<div id="mp-tfa" class="mp-contains-float">
<!-- Programming Cards -->
<!-- Row 1: Programming & Software -->
<div class="mp-category-row">
<div class="mp-category-row">
<!-- Programming Card -->
<div class="mp-category-card">
<div class="mp-category-card">
<div class="mp-category-header">
<div class="mp-category-header">
<div class="mp-category-icon">💻</div>
<div class="mp-category-icon">💻</div>
<h3 class="mp-category-title">[[Programming|Programming Languages]]</h3>
<h3 class="mp-category-title">[[Programming|Programming]]</h3>
</div>
</div>
<ul class="mp-category-list">
<ul class="mp-category-list">
Line 27: Line 41:
<li>[[Programming/Java|Java]]</li>
<li>[[Programming/Java|Java]]</li>
<li>[[Programming/C++|C++ & C]]</li>
<li>[[Programming/C++|C++ & C]]</li>
<li>[[Programming/Go|Go]]</li>
<li>[[Programming/All|View all →]]</li>
<li>[[Programming/All|View all →]]</li>
</ul>
</ul>
</div>
</div>


<!-- Web Development Card -->
<div class="mp-category-card">
<div class="mp-category-card">
<div class="mp-category-header">
<div class="mp-category-header">
Line 40: Line 56:
<li>[[Web Development/Backend|Backend]]</li>
<li>[[Web Development/Backend|Backend]]</li>
<li>[[Web Development/React|React]]</li>
<li>[[Web Development/React|React]]</li>
<li>[[Web Development/Node.js|Node.js]]</li>
<li>[[Web Development/APIs|Web APIs]]</li>
<li>[[Web Development/APIs|Web APIs]]</li>
<li>[[Web Development/All|View all →]]</li>
<li>[[Web Development/All|View all →]]</li>
Line 45: Line 62:
</div>
</div>
</div>
</div>
<div class="mp-category-row">
<!-- Mobile Development Card -->
<div class="mp-category-card">
<div class="mp-category-header">
<div class="mp-category-icon">📱</div>
<h3 class="mp-category-title">[[Mobile Development|Mobile Development]]</h3>
</div>
<ul class="mp-category-list">
<li>[[Mobile Development/iOS|iOS]]</li>
<li>[[Mobile Development/Android|Android]]</li>
<li>[[Mobile Development/React Native|React Native]]</li>
<li>[[Mobile Development/Flutter|Flutter]]</li>
<li>[[Mobile Development/Mobile UX|Mobile UX]]</li>
<li>[[Mobile Development/All|View all →]]</li>
</ul>
</div>
</div>


<h2 id="mp-dyk-h2" class="mp-h2">Data Science & AI</h2>
<!-- Data Science Card -->
<div id="mp-dyk" class="mp-contains-float">
<div class="mp-category-row">
<div class="mp-category-card">
<div class="mp-category-card">
<div class="mp-category-header">
<div class="mp-category-header">
Line 59: Line 90:
<li>[[Data Science/Data Analysis|Data Analysis]]</li>
<li>[[Data Science/Data Analysis|Data Analysis]]</li>
<li>[[Data Science/Big Data|Big Data]]</li>
<li>[[Data Science/Big Data|Big Data]]</li>
<li>[[Data Science/Python for Data|Python for Data]]</li>
<li>[[Data Science/Visualization|Data Visualization]]</li>
<li>[[Data Science/All|View all →]]</li>
<li>[[Data Science/All|View all →]]</li>
</ul>
</ul>
</div>
</div>
<div class="mp-category-card">
<div class="mp-category-header">
<div class="mp-category-icon">🧠</div>
<h3 class="mp-category-title">[[Artificial Intelligence|AI & ML]]</h3>
</div>
</div>
<ul class="mp-category-list">
<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/All|View all →]]</li>
</ul>
</div>
</div>
<h2 id="mp-dyk-h2" class="mp-h2">Featured Articles</h2>
<div id="mp-dyk" class="mp-contains-float">
<div class="mp-featured-grid">
{{Main Page/Featured}}
</div>
</div>
</div>
</div>
Line 80: Line 107:


<div id="mp-right" class="MainPageBG mp-box">
<div id="mp-right" class="MainPageBG mp-box">
<h2 id="mp-itn-h2" class="mp-h2">Infrastructure & DevOps</h2>
<h2 id="mp-itn-h2" class="mp-h2">Core CS Topics</h2>
<div id="mp-itn" class="mp-contains-float">
<div id="mp-itn" class="mp-contains-float">
<div class="mp-category-row">
<div class="mp-category-row">
<!-- AI & ML Card -->
<div class="mp-category-card">
<div class="mp-category-card">
<div class="mp-category-header">
<div class="mp-category-header">
<div class="mp-category-icon">☁️</div>
<div class="mp-category-icon">🧠</div>
<h3 class="mp-category-title">[[Cloud Computing|Cloud Computing]]</h3>
<h3 class="mp-category-title">[[Artificial Intelligence|AI & ML]]</h3>
</div>
</div>
<ul class="mp-category-list">
<ul class="mp-category-list">
<li>[[Cloud Computing/AWS|AWS]]</li>
<li>[[Artificial Intelligence/Deep Learning|Deep Learning]]</li>
<li>[[Cloud Computing/Azure|Azure]]</li>
<li>[[Artificial Intelligence/NLP|NLP]]</li>
<li>[[Cloud Computing/GCP|Google Cloud]]</li>
<li>[[Artificial Intelligence/Computer Vision|Computer Vision]]</li>
<li>[[Cloud Computing/All|View all →]]</li>
<li>[[Artificial Intelligence/Neural Networks|Neural Networks]]</li>
<li>[[Artificial Intelligence/GenAI|Generative AI]]</li>
<li>[[Artificial Intelligence/All|View all →]]</li>
</ul>
</ul>
</div>
</div>
</div>
</div>
</div>


<h2 id="mp-otd-h2" class="mp-h2">Databases & Storage</h2>
<div id="mp-otd" class="mp-contains-float">
<div class="mp-category-row">
<div class="mp-category-row">
<!-- Databases Card -->
<div class="mp-category-card">
<div class="mp-category-card">
<div class="mp-category-header">
<div class="mp-category-header">
Line 110: Line 138:
<li>[[Databases/NoSQL|NoSQL]]</li>
<li>[[Databases/NoSQL|NoSQL]]</li>
<li>[[Databases/PostgreSQL|PostgreSQL]]</li>
<li>[[Databases/PostgreSQL|PostgreSQL]]</li>
<li>[[Databases/MongoDB|MongoDB]]</li>
<li>[[Databases/Redis|Redis]]</li>
<li>[[Databases/All|View all →]]</li>
<li>[[Databases/All|View all →]]</li>
</ul>
</ul>
</div>
</div>
</div>
</div>
<h2 id="mp-otd-h2" class="mp-h2">Trending Topics</h2>
<div id="mp-otd" class="mp-contains-float">
<div class="mp-trending-grid">
{{Main Page/Trending}}
</div>
</div>
</div>
</div>
Line 118: Line 155:
</div>
</div>


<!-- Middle Section -->
<div id="mp-middle" class="MainPageBG mp-box">
<div id="mp-middle" class="MainPageBG mp-box">
<h2 id="mp-tfl-h2" class="mp-h2">Security & Networking</h2>
<h2 id="mp-tfl-h2" class="mp-h2">Infrastructure & Security</h2>
<div id="mp-tfl" class="mp-contains-float">
<div id="mp-tfl" class="mp-contains-float">
<div class="mp-category-row">
<div class="mp-category-row">
<!-- Cloud Computing Card -->
<div class="mp-category-card">
<div class="mp-category-card">
<div class="mp-category-header">
<div class="mp-category-header">
<div class="mp-category-icon">🔒</div>
<div class="mp-category-icon">☁️</div>
<h3 class="mp-category-title">[[Cybersecurity|Cybersecurity]]</h3>
<h3 class="mp-category-title">[[Cloud Computing|Cloud Computing]]</h3>
</div>
</div>
<ul class="mp-category-list">
<ul class="mp-category-list">
<li>[[Cybersecurity/Network Security|Network Security]]</li>
<li>[[Cloud Computing/AWS|AWS]]</li>
<li>[[Cybersecurity/Ethical Hacking|Ethical Hacking]]</li>
<li>[[Cloud Computing/Azure|Azure]]</li>
<li>[[Cybersecurity/Cryptography|Cryptography]]</li>
<li>[[Cloud Computing/GCP|Google Cloud]]</li>
<li>[[Cybersecurity/All|View all →]]</li>
<li>[[Cloud Computing/Docker|Docker]]</li>
</ul>
<li>[[Cloud Computing/Kubernetes|Kubernetes]]</li>
</div>
<li>[[Cloud Computing/All|View all →]]</li>
 
<div class="mp-category-card">
<div class="mp-category-header">
<div class="mp-category-icon">🌐</div>
<h3 class="mp-category-title">[[Networking|Networking]]</h3>
</div>
<ul class="mp-category-list">
<li>[[Networking/Protocols|Protocols]]</li>
<li>[[Networking/Architecture|Network Architecture]]</li>
<li>[[Networking/Security|Network Security]]</li>
<li>[[Networking/All|View all →]]</li>
</ul>
</ul>
</div>
</div>


<!-- DevOps Card -->
<div class="mp-category-card">
<div class="mp-category-card">
<div class="mp-category-header">
<div class="mp-category-header">
Line 157: Line 186:
<li>[[DevOps/Infrastructure as Code|IaC]]</li>
<li>[[DevOps/Infrastructure as Code|IaC]]</li>
<li>[[DevOps/Monitoring|Monitoring]]</li>
<li>[[DevOps/Monitoring|Monitoring]]</li>
<li>[[DevOps/GitOps|GitOps]]</li>
<li>[[DevOps/SRE|Site Reliability]]</li>
<li>[[DevOps/All|View all →]]</li>
<li>[[DevOps/All|View all →]]</li>
</ul>
</ul>
</div>
</div>
</div>
</div>
</div>


<div id="mp-lower" class="MainPageBG mp-box">
<!-- Cybersecurity Card -->
<h2 id="mp-tfp-h2" class="mp-h2">Mobile & Game Development</h2>
<div id="mp-tfp">
<div class="mp-category-row">
<div class="mp-category-card">
<div class="mp-category-card">
<div class="mp-category-header">
<div class="mp-category-header">
<div class="mp-category-icon">📱</div>
<div class="mp-category-icon">🔒</div>
<h3 class="mp-category-title">[[Mobile Development|Mobile Development]]</h3>
<h3 class="mp-category-title">[[Cybersecurity|Cybersecurity]]</h3>
</div>
</div>
<ul class="mp-category-list">
<ul class="mp-category-list">
<li>[[Mobile Development/iOS|iOS]]</li>
<li>[[Cybersecurity/Network Security|Network Security]]</li>
<li>[[Mobile Development/Android|Android]]</li>
<li>[[Cybersecurity/Ethical Hacking|Ethical Hacking]]</li>
<li>[[Mobile Development/React Native|React Native]]</li>
<li>[[Cybersecurity/Cryptography|Cryptography]]</li>
<li>[[Mobile Development/All|View all →]]</li>
<li>[[Cybersecurity/Security Testing|Security Testing]]</li>
<li>[[Cybersecurity/Zero Trust|Zero Trust]]</li>
<li>[[Cybersecurity/All|View all →]]</li>
</ul>
</ul>
</div>
</div>
<div class="mp-category-card">
<div class="mp-category-header">
<div class="mp-category-icon">🎮</div>
<h3 class="mp-category-title">[[Game Development|Game Development]]</h3>
</div>
</div>
<ul class="mp-category-list">
<li>[[Game Development/Unity|Unity]]</li>
<li>[[Game Development/Unreal|Unreal Engine]]</li>
<li>[[Game Development/2D Games|2D Game Dev]]</li>
<li>[[Game Development/All|View all →]]</li>
</ul>
</div>
</div>
</div>
<!-- Lower Section -->
<div id="mp-lower" class="MainPageBG mp-box">
<h2 id="mp-tfp-h2" class="mp-h2">Learning Paths</h2>
<div id="mp-tfp">
<div class="mp-paths-grid">
{{Main Page/Learning Paths}}
</div>
</div>
</div>
</div>
</div>
</div>


<!-- Bottom Section -->
<div id="mp-bottom" class="mp-box">
<div id="mp-bottom" class="mp-box">
<h2 id="mp-other" class="mp-h2">Learning Resources</h2>
<h2 id="mp-other" class="mp-h2">Join Our Community</h2>
<div id="mp-other-content">
<div id="mp-other-content">
<div class="mp-category-row">
<div class="mp-community-flex">
<div class="mp-category-card">
<div class="mp-community-card">
<div class="mp-category-header">
<h3>Get Started</h3>
<div class="mp-category-icon">📚</div>
<ul>
<h3 class="mp-category-title">[[Learning Paths|Learning Paths]]</h3>
<li>[[Help:Getting Started|New User Guide]]</li>
<li>[[Help:Editing|How to Edit]]</li>
<li>[[Project:Style Guide|Style Guidelines]]</li>
<li>[[Help:Contents|Help Center]]</li>
</ul>
</div>
</div>
<ul class="mp-category-list">
<div class="mp-community-card">
<li>[[Learning Paths/Web Developer|Become a Web Developer]]</li>
<h3>Contribute</h3>
<li>[[Learning Paths/Data Scientist|Become a Data Scientist]]</li>
<ul>
<li>[[Learning Paths/DevOps Engineer|Become a DevOps Engineer]]</li>
<li>[[Project:Wanted Pages|Needed Articles]]</li>
<li>[[Learning Paths/All|View all →]]</li>
<li>[[Special:RecentChanges|Recent Changes]]</li>
<li>[[Project:To-do List|Current Projects]]</li>
<li>[[Project:Roadmap|Content Roadmap]]</li>
</ul>
</ul>
</div>
</div>
 
<div class="mp-community-card">
<div class="mp-category-card">
<h3>Connect</h3>
<div class="mp-category-header">
<ul>
<div class="mp-category-icon">🧪</div>
<li>[[Community Portal|Community Portal]]</li>
<h3 class="mp-category-title">[[Projects|Practice Projects]]</h3>
<li>[[Project:Discussion|Discussion Forum]]</li>
</div>
<li>[[Project:Events|Events & Webinars]]</li>
<ul class="mp-category-list">
<li>[[Project:Social|Social Media]]</li>
<li>[[Projects/Beginner|Beginner Projects]]</li>
<li>[[Projects/Intermediate|Intermediate Projects]]</li>
<li>[[Projects/Advanced|Advanced Projects]]</li>
<li>[[Projects/All|View all →]]</li>
</ul>
</ul>
</div>
</div>
Line 229: Line 256:
</div>
</div>


<h2 id="mp-sister" class="mp-h2">Join Our Community</h2>
<h2 id="mp-sister" class="mp-h2">Wiki Statistics</h2>
<div id="mp-sister-content">
<div id="mp-sister-content">
<div class="mp-category-row">
<div class="mp-statistics-container">
<div class="mp-category-card">
<div class="mp-stat-card">
<div class="mp-category-header">
<div class="mp-stat-number">{{NUMBEROFARTICLES}}</div>
<div class="mp-category-icon">🤝</div>
<div class="mp-stat-label">Articles</div>
<h3 class="mp-category-title">[[Help:Getting Started|How to Contribute]]</h3>
</div>
</div>
<ul class="mp-category-list">
<div class="mp-stat-card">
<li>[[Help:Editing|How to Edit]]</li>
<div class="mp-stat-number">{{NUMBEROFPAGES}}</div>
<li>[[Project:Style Guide|Style Guidelines]]</li>
<div class="mp-stat-label">Total Pages</div>
<li>[[Project:Wanted Pages|Needed Articles]]</li>
<li>[[Help:Contents|Help Center]]</li>
</ul>
</div>
</div>
 
<div class="mp-stat-card">
<div class="mp-category-card">
<div class="mp-stat-number">{{NUMBEROFEDITS}}</div>
<div class="mp-category-header">
<div class="mp-stat-label">Total Edits</div>
<div class="mp-category-icon">💬</div>
<h3 class="mp-category-title">[[Community Portal|Community]]</h3>
</div>
</div>
<ul class="mp-category-list">
<div class="mp-stat-card">
<li>[[Project:Discussion|Discussion Forum]]</li>
<div class="mp-stat-number">{{NUMBEROFUSERS}}</div>
<li>[[Project:Events|Events & Webinars]]</li>
<div class="mp-stat-label">Registered Users</div>
<li>[[Special:RecentChanges|Recent Changes]]</li>
<li>[[Project:Social|Social Media]]</li>
</ul>
</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>
<h2 id="mp-lang" class="mp-h2">About ComputerScience.wiki</h2>
<div>
<p>ComputerScience.wiki is a collaborative platform dedicated to creating comprehensive, accessible educational content about computer science and IT topics. Our goal is to provide high-quality resources for everyone from beginners to experts.</p>
</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
__NOTOC____NOEDITSECTION__

Revision as of 17:37, 10 August 2025

Welcome to ComputerScience.wiki

Your comprehensive guide to computer science and IT knowledge
  • 🛠️ 1 active editors
  • 📚 1 articles in English
 

Join Our Community

Get Started

Contribute

Connect

Wiki Statistics

1
Articles
5
Total Pages
133
Total Edits
1
Registered Users
1
Active Users
Retrieved from "https://computerscience.wiki/index.php?title=Main_Page&oldid=76"