Main Page: Difference between revisions
From ComputerScience.wiki
More actions
| Line 196: | Line 196: | ||
</div> | </div> | ||
== Explore Topics == | <div style="max-width: 1200px; margin: 0 auto; padding: 0 16px;"> | ||
<!-- Banner --> | |||
=== Software Development === | <div style="background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); border-radius: 12px; margin: 24px 0; padding: 32px 24px; text-align: center; color: white;"> | ||
* [[Python|Python]] | <div style="font-size: 2.2rem; font-weight: 700; margin-bottom: 8px;">ComputerScience.wiki</div> | ||
* [[Java|Java]] | <div style="font-size: 1.1rem;">Free computer science education for everyone</div> | ||
* [[C and C++|C/C++]] | </div> | ||
* [[JavaScript|JavaScript]] | |||
* [[Web Development|Web Dev]] | <!-- Search --> | ||
* [[Mobile Development|Mobile]] | <div style="max-width: 650px; margin: -24px auto 32px; position: relative; z-index: 5;"> | ||
{{If dark| | |||
=== | <div style="background-color: #1f2937; border: 1px solid #374151; border-radius: 8px; padding: 20px;"> | ||
* [[ | <inputbox> | ||
* [[ | type=search | ||
* [[ | width=100% | ||
* [[ | buttonlabel=Search | ||
* [[ | break=no | ||
* [[ | placeholder=Search courses and topics... | ||
</inputbox> | |||
=== | </div> | ||
* [[ | | | ||
* [[ | <div style="background-color: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px;"> | ||
* [[ | <inputbox> | ||
* [[ | type=search | ||
* [[ | width=100% | ||
* [[ | buttonlabel=Search | ||
break=no | |||
=== | placeholder=Search courses and topics... | ||
* [[ | </inputbox> | ||
* [[ | </div> | ||
* [[ | }} | ||
* [[ | </div> | ||
* [[ | |||
* [[ | <!-- Explore Topics Section --> | ||
<div style="margin: 32px 0; text-align: center;"> | |||
<div style="font-size: 1.6rem; font-weight: 700; margin-bottom: 24px;"> | |||
{{If dark|<span style="color: #60a5fa;">Explore Topics</span>|<span style="color: #2563eb;">Explore Topics</span>}} | |||
</div> | |||
<!-- Topic Grid - First Row --> | |||
<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 20px; margin-bottom: 20px;"> | |||
<!-- Software Development --> | |||
{{If dark| | |||
== | <div style="background-color: #1f2937; border: 1px solid #374151; border-radius: 8px; padding: 20px; text-align: left;"> | ||
<div style="font-size: 1.2rem; font-weight: 700; margin-bottom: 16px; color: #60a5fa; display: flex; align-items: center;"> | |||
<span style="margin-right: 10px;">💻</span> Software Development | |||
</div> | |||
* [[Python|Python]] | |||
* [[Java|Java]] | |||
* [[C and C++|C/C++]] | |||
* [[JavaScript|JavaScript]] | |||
* [[Web Development|Web Dev]] | |||
* [[Mobile Development|Mobile]] | |||
</div> | |||
| | |||
<div style="background-color: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; text-align: left;"> | |||
<div style="font-size: 1.2rem; font-weight: 700; margin-bottom: 16px; color: #2563eb; display: flex; align-items: center;"> | |||
<span style="margin-right: 10px;">💻</span> Software Development | |||
</div> | |||
* [[Python|Python]] | |||
* [[Java|Java]] | |||
* [[C and C++|C/C++]] | |||
* [[JavaScript|JavaScript]] | |||
* [[Web Development|Web Dev]] | |||
* [[Mobile Development|Mobile]] | |||
</div> | |||
}} | |||
<!-- Data Science --> | |||
{{If dark| | |||
<div style="background-color: #1f2937; border: 1px solid #374151; border-radius: 8px; padding: 20px; text-align: left;"> | |||
<div style="font-size: 1.2rem; font-weight: 700; margin-bottom: 16px; color: #60a5fa; display: flex; align-items: center;"> | |||
<span style="margin-right: 10px;">📊</span> Data Science | |||
</div> | |||
* [[Machine Learning|Machine Learning]] | |||
* [[Data Analysis|Data Analysis]] | |||
* [[Statistics|Statistics]] | |||
* [[Data Visualization|Visualization]] | |||
* [[Tableau|Tableau]] | |||
* [[R Programming|R]] | |||
</div> | |||
| | |||
<div style="background-color: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; text-align: left;"> | |||
<div style="font-size: 1.2rem; font-weight: 700; margin-bottom: 16px; color: #2563eb; display: flex; align-items: center;"> | |||
<span style="margin-right: 10px;">📊</span> Data Science | |||
</div> | |||
* [[Machine Learning|Machine Learning]] | |||
* [[Data Analysis|Data Analysis]] | |||
* [[Statistics|Statistics]] | |||
* [[Data Visualization|Visualization]] | |||
* [[Tableau|Tableau]] | |||
* [[R Programming|R]] | |||
</div> | |||
}} | |||
</div> | |||
</div> | |||
<!-- About Section (as an example) --> | |||
<div style="margin: 40px 0;"> | |||
{{If dark| | |||
<div style="background-color: #1f2937; border: 1px solid #374151; border-radius: 8px; padding: 24px;"> | |||
<div style="font-size: 1.3rem; font-weight: 700; margin-bottom: 16px; color: #60a5fa;">About ComputerScience.wiki</div> | |||
<div style="font-size: 0.95rem; line-height: 1.6; color: #d1d5db;">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 style="background-color: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 24px;"> | |||
<div style="font-size: 1.3rem; font-weight: 700; margin-bottom: 16px; color: #2563eb;">About ComputerScience.wiki</div> | |||
<div style="font-size: 0.95rem; line-height: 1.6; color: #374151;">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> | |||
== Featured Courses == | == Featured Courses == | ||
Revision as of 16:41, 10 August 2025
ComputerScience.wiki
Free computer science education for everyone
<div style="background-color: #ffffff; border: 1px solid #e5e7eb; color: #1f2937;background-color: #111827; border: 1px solid #1f2937; color: #e5e7eb; border-radius: 12px; padding: 24px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);">
<div style="font-size: 1.8rem; font-weight: 700; text-align: center; margin-bottom: 40px; color: #2563eb;color: #60a5fa;">Explore Topics
<div style="background-color: #ffffff; border: 1px solid #e5e7eb; color: #1f2937;background-color: #111827; border: 1px solid #1f2937; color: #e5e7eb; border-radius: 12px; padding: 24px; transition: transform 0.3s; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);"> <div style="display: flex; align-items: center; margin-top: 0; font-size: 1.2rem; font-weight: 700; color: #2563eb;color: #60a5fa;"> 💻 Software Development
<div style="background-color: #ffffff; border: 1px solid #e5e7eb; color: #1f2937;background-color: #111827; border: 1px solid #1f2937; color: #e5e7eb; border-radius: 12px; padding: 24px; transition: transform 0.3s; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);"> <div style="display: flex; align-items: center; margin-top: 0; font-size: 1.2rem; font-weight: 700; color: #2563eb;color: #60a5fa;"> 📊 Data Science
<div style="background-color: #ffffff; border: 1px solid #e5e7eb; color: #1f2937;background-color: #111827; border: 1px solid #1f2937; color: #e5e7eb; border-radius: 12px; padding: 24px; transition: transform 0.3s; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);"> <div style="display: flex; align-items: center; margin-top: 0; font-size: 1.2rem; font-weight: 700; color: #2563eb;color: #60a5fa;"> 📈 Big Data
<div style="background-color: #ffffff; border: 1px solid #e5e7eb; color: #1f2937;background-color: #111827; border: 1px solid #1f2937; color: #e5e7eb; border-radius: 12px; padding: 24px; transition: transform 0.3s; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);"> <div style="display: flex; align-items: center; margin-top: 0; font-size: 1.2rem; font-weight: 700; color: #2563eb;color: #60a5fa;"> 🌐 Networking
<div style="background-color: #ffffff; border: 1px solid #e5e7eb; color: #1f2937;background-color: #111827; border: 1px solid #1f2937; color: #e5e7eb; border-radius: 12px; padding: 24px; transition: transform 0.3s; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);"> <div style="display: flex; align-items: center; margin-top: 0; font-size: 1.2rem; font-weight: 700; color: #2563eb;color: #60a5fa;"> 🔒 Cybersecurity
<div style="background-color: #ffffff; border: 1px solid #e5e7eb; color: #1f2937;background-color: #111827; border: 1px solid #1f2937; color: #e5e7eb; border-radius: 12px; padding: 24px; transition: transform 0.3s; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);"> <div style="display: flex; align-items: center; margin-top: 0; font-size: 1.2rem; font-weight: 700; color: #2563eb;color: #60a5fa;"> 🧩 CS Fundamentals
<div style="font-size: 1.8rem; font-weight: 700; text-align: center; margin-bottom: 40px; color: #2563eb;color: #60a5fa;">Featured Courses
<div style="background-color: #ffffff; border: 1px solid #e5e7eb; color: #1f2937;background-color: #111827; border: 1px solid #1f2937; color: #e5e7eb; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; height: 100%; transition: transform 0.3s; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);">
Python
<div style="margin-top: 0; color: #2563eb;color: #60a5fa; font-size: 1.4rem; font-weight: 700;">Python Programming
<div style="margin: 16px 0 24px; color: #6b7280;color: #9ca3af; flex: 1;">From basics to advanced concepts - master Python with practical examples and hands-on projects for all skill levels. <div style="background-color: #ffffff; border: 1px solid #e5e7eb; color: #1f2937;background-color: #111827; border: 1px solid #1f2937; color: #e5e7eb; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; height: 100%; transition: transform 0.3s; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);">
Algorithms
<div style="margin-top: 0; color: #2563eb;color: #60a5fa; font-size: 1.4rem; font-weight: 700;">Data Structures & Algorithms
<div style="margin: 16px 0 24px; color: #6b7280;color: #9ca3af; flex: 1;">Essential CS fundamentals for interviews and problem-solving with interactive challenges and visual explanations.
<div style="background-color: #ffffff; border: 1px solid #e5e7eb; color: #1f2937;background-color: #111827; border: 1px solid #1f2937; color: #e5e7eb; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; height: 100%; transition: transform 0.3s; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);">
Web Development
<div style="margin-top: 0; color: #2563eb;color: #60a5fa; font-size: 1.4rem; font-weight: 700;">Modern Web Development
<div style="margin: 16px 0 24px; color: #6b7280;color: #9ca3af; flex: 1;">Build responsive, interactive websites with the latest web technologies, frameworks, and best practices.
Join Our Community
Help us build a comprehensive resource for computer science education. Share your knowledge and expertise with learners worldwide.
<div style="background-color: #ffffff; border: 1px solid #e5e7eb; color: #1f2937;background-color: #111827; border: 1px solid #1f2937; color: #e5e7eb; border-radius: 12px; padding: 32px; margin: 64px 0; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);">
<div style="font-size: 1.5rem; font-weight: 700; margin-top: 0; margin-bottom: 16px; 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.
ComputerScience.wiki
Free computer science education for everyone
Light modeDark mode
Light modeDark mode
Light modeDark mode Light modeDark mode
Light modeDark mode
Featured Courses
Python Programming From basics to advanced concepts - master Python with practical examples and hands-on projects for all skill levels. Start Learning →
Data Structures & Algorithms Essential CS fundamentals for interviews and problem-solving with interactive challenges and visual explanations. Start Learning →
Modern Web Development 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
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.