Main Page: Difference between revisions
From ComputerScience.wiki
More actions
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"> | <div id="mp-free">A free, community-driven wiki to learn everything about IT</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 --> | |||
<!-- Upper Section | |||
<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"> | <h2 id="mp-tfa-h2" class="mp-h2">Programming & Development</h2> | ||
<div id="mp-tfa" class="mp-contains-float"> | <div id="mp-tfa" class="mp-contains-float"> | ||
<!-- | <!-- Programming Cards --> | ||
<div class="mp-category-row"> | <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">[[Programming|Programming]]</h3> | <h3 class="mp-category-title">[[Programming|Programming Languages]]</h3> | ||
</div> | </div> | ||
<ul class="mp-category-list"> | <ul class="mp-category-list"> | ||
Line 40: | Line 27: | ||
<li>[[Programming/Java|Java]]</li> | <li>[[Programming/Java|Java]]</li> | ||
<li>[[Programming/C++|C++ & C]]</li> | <li>[[Programming/C++|C++ & C]]</li> | ||
<li>[[Programming/All|View all →]]</li> | <li>[[Programming/All|View all →]]</li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
<div class="mp-category-card"> | <div class="mp-category-card"> | ||
<div class="mp-category-header"> | <div class="mp-category-header"> | ||
Line 55: | Line 40: | ||
<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/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> | ||
</ul> | </ul> | ||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<h2 id="mp-dyk-h2" class="mp-h2">Data Science & AI</h2> | |||
<div id="mp-dyk" class="mp-contains-float"> | |||
<div class="mp-category-row"> | <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 89: | Line 59: | ||
<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/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> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 106: | Line 80: | ||
<div id="mp-right" class="MainPageBG mp-box"> | <div id="mp-right" class="MainPageBG mp-box"> | ||
<h2 id="mp-itn-h2" class="mp-h2"> | <h2 id="mp-itn-h2" class="mp-h2">Infrastructure & DevOps</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"> | ||
<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 class="mp-category-icon">☁️</div> | ||
<h3 class="mp-category-title">[[ | <h3 class="mp-category-title">[[Cloud Computing|Cloud Computing]]</h3> | ||
</div> | </div> | ||
<ul class="mp-category-list"> | <ul class="mp-category-list"> | ||
<li>[[ | <li>[[Cloud Computing/AWS|AWS]]</li> | ||
<li>[[ | <li>[[Cloud Computing/Azure|Azure]]</li> | ||
<li>[[ | <li>[[Cloud Computing/GCP|Google Cloud]]</li> | ||
<li>[[ | <li>[[Cloud Computing/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"> | ||
<div class="mp-category-card"> | <div class="mp-category-card"> | ||
<div class="mp-category-header"> | <div class="mp-category-header"> | ||
Line 137: | Line 110: | ||
<li>[[Databases/NoSQL|NoSQL]]</li> | <li>[[Databases/NoSQL|NoSQL]]</li> | ||
<li>[[Databases/PostgreSQL|PostgreSQL]]</li> | <li>[[Databases/PostgreSQL|PostgreSQL]]</li> | ||
<li>[[Databases/All|View all →]]</li> | <li>[[Databases/All|View all →]]</li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 154: | Line 118: | ||
</div> | </div> | ||
<div id="mp-middle" class="MainPageBG mp-box"> | <div id="mp-middle" class="MainPageBG mp-box"> | ||
<h2 id="mp-tfl-h2" class="mp-h2"> | <h2 id="mp-tfl-h2" class="mp-h2">Security & Networking</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"> | ||
<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 class="mp-category-icon">🔒</div> | ||
<h3 class="mp-category-title">[[ | <h3 class="mp-category-title">[[Cybersecurity|Cybersecurity]]</h3> | ||
</div> | |||
<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/All|View all →]]</li> | |||
</ul> | |||
</div> | |||
<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> | </div> | ||
<ul class="mp-category-list"> | <ul class="mp-category-list"> | ||
<li>[[ | <li>[[Networking/Protocols|Protocols]]</li> | ||
<li>[[ | <li>[[Networking/Architecture|Network Architecture]]</li> | ||
<li>[[ | <li>[[Networking/Security|Network Security]]</li> | ||
<li>[[ | <li>[[Networking/All|View all →]]</li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
<div class="mp-category-card"> | <div class="mp-category-card"> | ||
<div class="mp-category-header"> | <div class="mp-category-header"> | ||
Line 185: | Line 157: | ||
<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/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"> | ||
<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 class="mp-category-icon">📱</div> | ||
<h3 class="mp-category-title">[[ | <h3 class="mp-category-title">[[Mobile Development|Mobile Development]]</h3> | ||
</div> | </div> | ||
<ul class="mp-category-list"> | <ul class="mp-category-list"> | ||
<li>[[ | <li>[[Mobile Development/iOS|iOS]]</li> | ||
<li>[[ | <li>[[Mobile Development/Android|Android]]</li> | ||
<li>[[ | <li>[[Mobile Development/React Native|React Native]]</li> | ||
<li>[[ | <li>[[Mobile Development/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> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div id="mp-bottom" class="mp-box"> | <div id="mp-bottom" class="mp-box"> | ||
<h2 id="mp-other" class="mp-h2"> | <h2 id="mp-other" class="mp-h2">Learning Resources</h2> | ||
<div id="mp-other-content"> | <div id="mp-other-content"> | ||
<div class="mp- | <div class="mp-category-row"> | ||
<div class="mp- | <div class="mp-category-card"> | ||
<h3> | <div class="mp-category-header"> | ||
<ul> | <div class="mp-category-icon">📚</div> | ||
<li>[[ | <h3 class="mp-category-title">[[Learning Paths|Learning Paths]]</h3> | ||
<li>[[ | </div> | ||
<li>[[ | <ul class="mp-category-list"> | ||
<li>[[ | <li>[[Learning Paths/Web Developer|Become a Web Developer]]</li> | ||
<li>[[Learning Paths/Data Scientist|Become a Data Scientist]]</li> | |||
<li>[[Learning Paths/DevOps Engineer|Become a DevOps Engineer]]</li> | |||
<li>[[Learning Paths/All|View all →]]</li> | |||
</ul> | </ul> | ||
</div> | </div> | ||
<div class="mp- | |||
< | <div class="mp-category-card"> | ||
< | <div class="mp-category-header"> | ||
<div class="mp-category-icon">🧪</div> | |||
< | <h3 class="mp-category-title">[[Projects|Practice Projects]]</h3> | ||
</div> | </div> | ||
< | <ul class="mp-category-list"> | ||
<li>[[Projects/Beginner|Beginner Projects]]</li> | |||
<li>[[Projects/Intermediate|Intermediate Projects]]</li> | |||
<li>[[ | <li>[[Projects/Advanced|Advanced Projects]]</li> | ||
<li>[[ | <li>[[Projects/All|View all →]]</li> | ||
<li>[[ | |||
<li>[[ | |||
</ul> | </ul> | ||
</div> | </div> | ||
Line 255: | Line 229: | ||
</div> | </div> | ||
<h2 id="mp-sister" class="mp-h2"> | <h2 id="mp-sister" class="mp-h2">Join Our Community</h2> | ||
<div id="mp-sister-content"> | <div id="mp-sister-content"> | ||
<div class="mp- | <div class="mp-category-row"> | ||
<div class="mp- | <div class="mp-category-card"> | ||
<div class="mp- | <div class="mp-category-header"> | ||
< | <div class="mp-category-icon">🤝</div> | ||
<h3 class="mp-category-title">[[Help:Getting Started|How to Contribute]]</h3> | |||
</div> | </div> | ||
< | <ul class="mp-category-list"> | ||
< | <li>[[Help:Editing|How to Edit]]</li> | ||
< | <li>[[Project:Style Guide|Style Guidelines]]</li> | ||
<li>[[Project:Wanted Pages|Needed Articles]]</li> | |||
<li>[[Help:Contents|Help Center]]</li> | |||
</ul> | |||
</div> | </div> | ||
<div class="mp- | |||
<div class="mp- | <div class="mp-category-card"> | ||
< | <div class="mp-category-header"> | ||
<div class="mp-category-icon">💬</div> | |||
<h3 class="mp-category-title">[[Community Portal|Community]]</h3> | |||
</div> | </div> | ||
< | <ul class="mp-category-list"> | ||
< | <li>[[Project:Discussion|Discussion Forum]]</li> | ||
< | <li>[[Project:Events|Events & Webinars]]</li> | ||
<li>[[Special:RecentChanges|Recent Changes]]</li> | |||
<li>[[Project:Social|Social Media]]</li> | |||
</ul> | |||
</div> | </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:34, 10 August 2025
Programming & Development
Data Science & AI
Infrastructure & DevOps
Databases & Storage
Security & Networking
Mobile & Game Development
Learning Resources
Join Our Community
About ComputerScience.wiki
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.