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" />
<templatestyles src="Template:Main_Page/styles.css" />
<!-- Header Banner with Welcome Text -->
<div id="mp-topbanner" class="mp-box">
<div id="mp-topbanner" class="mp-box">
<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>
</div>
 
<!-- Search Bar - Using the working format -->
<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>
 
<!-- Modern Card-Style Categories Layout -->
<div id="mp-categories-container">
<h2 class="mp-section-heading">Explore Computer Science & IT</h2>
 
<!-- Row 1: Programming & Software -->
<div class="mp-category-row">
<!-- Programming Card -->
<div class="mp-category-card">
<div class="mp-category-icon">💻</div>
<h3 class="mp-category-title">[[Programming|Programming]]</h3>
<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="mp-category-card">
<div class="mp-category-icon">🌐</div>
<h3 class="mp-category-title">[[Web Development|Web Development]]</h3>
<ul class="mp-category-list">
<li>[[Web Development/Frontend|Frontend]]</li>
<li>[[Web Development/Backend|Backend]]</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/All|View all →]]</li>
</ul>
</div>
 
<!-- Mobile Development Card -->
<div class="mp-category-card">
<div class="mp-category-icon">📱</div>
<h3 class="mp-category-title">[[Mobile Development|Mobile Development]]</h3>
<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>
 
<!-- Row 2: Data & AI -->
<div class="mp-category-row">
<!-- Data Science Card -->
<div class="mp-category-card">
<div class="mp-category-icon">📊</div>
<h3 class="mp-category-title">[[Data Science|Data Science]]</h3>
<ul class="mp-category-list">
<li>[[Data Science/Machine Learning|Machine Learning]]</li>
<li>[[Data Science/Data Analysis|Data Analysis]]</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>
</ul>
</div>
 
<!-- AI & ML Card -->
<div class="mp-category-card">
<div class="mp-category-icon">🧠</div>
<h3 class="mp-category-title">[[Artificial Intelligence|AI & ML]]</h3>
<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/Neural Networks|Neural Networks]]</li>
<li>[[Artificial Intelligence/GenAI|Generative AI]]</li>
<li>[[Artificial Intelligence/All|View all →]]</li>
</ul>
</div>
 
<!-- Databases Card -->
<div class="mp-category-card">
<div class="mp-category-icon">🗄️</div>
<h3 class="mp-category-title">[[Databases|Databases]]</h3>
<ul class="mp-category-list">
<li>[[Databases/SQL|SQL]]</li>
<li>[[Databases/NoSQL|NoSQL]]</li>
<li>[[Databases/PostgreSQL|PostgreSQL]]</li>
<li>[[Databases/MongoDB|MongoDB]]</li>
<li>[[Databases/Redis|Redis]]</li>
<li>[[Databases/All|View all →]]</li>
</ul>
</div>
</div>
 
<!-- Row 3: Infrastructure & Security -->
<div class="mp-category-row">
<!-- Cloud Computing Card -->
<div class="mp-category-card">
<div class="mp-category-icon">☁️</div>
<h3 class="mp-category-title">[[Cloud Computing|Cloud Computing]]</h3>
<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="mp-category-card">
<div class="mp-category-icon">🔄</div>
<h3 class="mp-category-title">[[DevOps|DevOps]]</h3>
<ul class="mp-category-list">
<li>[[DevOps/CI CD|CI/CD]]</li>
<li>[[DevOps/Infrastructure as Code|IaC]]</li>
<li>[[DevOps/Monitoring|Monitoring]]</li>
<li>[[DevOps/GitOps|GitOps]]</li>
<li>[[DevOps/SRE|Site Reliability]]</li>
<li>[[DevOps/All|View all →]]</li>
</ul>
</div>
 
<!-- Cybersecurity Card -->
<div class="mp-category-card">
<div class="mp-category-icon">🔒</div>
<h3 class="mp-category-title">[[Cybersecurity|Cybersecurity]]</h3>
<ul class="mp-category-list">
<li>[[Cybersecurity/Network Security|Network Security]]</li>
<li>[[Cybersecurity/Ethical Hacking|Ethical Hacking]]</li>
<li>[[Cybersecurity/Cryptography|Cryptography]]</li>
<li>[[Cybersecurity/Security Testing|Security Testing]]</li>
<li>[[Cybersecurity/Zero Trust|Zero Trust]]</li>
<li>[[Cybersecurity/All|View all →]]</li>
</ul>
</div>
</div>
</div>
 
<!-- Featured Content Section -->
<div id="mp-featured-section" class="mp-box">
<h2 class="mp-section-heading">Featured Content</h2>
<div class="mp-featured-grid">
{{Main Page/Featured}}
</div>
</div>
</div>
</div>


<div id="mp-upper">
<!-- Trending Topics -->
<div id="mp-left" class="MainPageBG mp-box">
<div id="mp-trending-section" class="mp-box">
<h2 id="mp-tfa-h2" class="mp-h2">Title1 - Block 1</h2>
<h2 class="mp-section-heading">Trending Topics</h2>
<div id="mp-tfa" class="mp-contains-float">Content1 - Block1</div>
<div class="mp-trending-grid">
<h2 id="mp-dyk-h2" class="mp-h2">Title2 - Block1</h2>
{{Main Page/Trending}}
<div id="mp-dyk" class="mp-contains-float">Content2 - Block1</div>
</div>
</div>
</div>


<div id="mp-right" class="MainPageBG mp-box">
<!-- Learning Paths -->
<h2 id="mp-itn-h2" class="mp-h2">Title1- Block2</h2>
<div id="mp-paths-section" class="mp-box">
<div id="mp-itn" class="mp-contains-float">Content1 - Block2</div>
<h2 class="mp-section-heading">Learning Paths</h2>
<h2 id="mp-otd-h2" class="mp-h2">Title1 - Block2</h2>
<div class="mp-paths-grid">
<div id="mp-otd" class="mp-contains-float">Content2 - Block2</div>
{{Main Page/Learning Paths}}
</div>
</div>
</div>
</div>


<div id="mp-middle" class="MainPageBG mp-box">
<!-- Community & Contribution -->
<h2 id="mp-tfl-h2" class="mp-h2">Title1- Block3</h2>
<div id="mp-community-section" class="mp-box">
<div id="mp-tfl" class="mp-contains-float">Content1 - Block3</div>
<h2 class="mp-section-heading">Join Our Community</h2>
<div class="mp-community-flex">
<div class="mp-community-card">
<h3>Get Started</h3>
<ul>
<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 class="mp-community-card">
<h3>Contribute</h3>
<ul>
<li>[[Project:Wanted Pages|Needed Articles]]</li>
<li>[[Special:RecentChanges|Recent Changes]]</li>
<li>[[Project:To-do List|Current Projects]]</li>
<li>[[Project:Roadmap|Content Roadmap]]</li>
</ul>
</div>
<div class="mp-community-card">
<h3>Connect</h3>
<ul>
<li>[[Community Portal|Community Portal]]</li>
<li>[[Project:Discussion|Discussion Forum]]</li>
<li>[[Project:Events|Events & Webinars]]</li>
<li>[[Project:Social|Social Media]]</li>
</ul>
</div>
</div>
</div>
</div>


<div id="mp-lower" class="MainPageBG mp-box">
<!-- Wiki Statistics -->
<h2 id="mp-tfp-h2" class="mp-h2">Title1- Block4</h2>
<div id="mp-statistics" class="mp-box">
<div id="mp-tfp">Content1 - Block4</div>
<h2 class="mp-section-heading">Wiki Statistics</h2>
<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 id="mp-bottom" class="mp-box">
<h2 id="mp-other" class="mp-h2">Title1- Block5</h2>
<div id="mp-other-content">Content1- Block5</div>
<h2 id="mp-sister" class="mp-h2">Title2- Block5</h2>
<div id="mp-sister-content">Content2- Block5</div>
<h2 id="mp-lang" class="mp-h2">Title3 - Block5</h2>
<div>Content3- Block5</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
__NOTOC____NOEDITSECTION__

Revision as of 17:03, 10 August 2025

Welcome to ComputerScience.wiki

Your comprehensive guide to computer science and IT knowledge
 

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=65"