index.html

<style>
/* Inline CSS for immediate styling */
body {
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 line-height: 1.6;
 color: #333;
 margin: 0;
 padding: 20px;
 background: #fff;
}
 
.header {
 background: linear-gradient(135deg, #FCE834 0%, #f9e71e 100%);
 padding: 2rem;
 text-align: center;
 border-radius: 10px;
 margin-bottom: 2rem;
 border: 3px solid #2c3e50;
}
 
.header h1 {
 color: #2c3e50;
 margin: 0;
 font-size: 2.5rem;
}
 
.module-table {
 width: 100%;
 border-collapse: collapse;
 margin: 1.5rem 0;
 background: #fff;
 border-radius: 8px;
 overflow: hidden;
 box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
 
.module-table th {
 background: linear-gradient(135deg, #FCE834 0%, #f9e71e 100%);
 color: #2c3e50;
 padding: 1rem;
 text-align: left;
 font-weight: 600;
}
 
.module-table td {
 padding: 1rem;
 border-bottom: 1px solid #f5f5f5;
 vertical-align: top;
}
 
.module-table tr:hover {
 background-color: rgba(252, 232, 52, 0.1);
}
 
.btn {
 display: inline-block;
 padding: 0.5rem 1rem;
 margin: 0.2rem;
 border-radius: 6px;
 text-decoration: none;
 font-weight: 500;
 transition: transform 0.2s ease;
}
 
.btn:hover {
 transform: translateY(-2px);
}
 
.btn-colab {
 background: linear-gradient(135deg, #4285f4 0%, #34a853 100%);
 color: white !important;
}
 
.btn-video {
 background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
 color: white !important;
}
 
.btn-theory {
 background: #2c3e50;
 color: white !important;
}
 
.btn-principles {
 background: linear-gradient(135deg, #FCE834 0%, #f9e71e 100%);
 color: #2c3e50 !important;
 font-weight: 600;
}
 
.nav-links {
 background: #f5f5f5;
 padding: 1rem;
 border-radius: 8px;
 margin: 1rem 0;
 text-align: center;
}
 
.nav-links a {
 display: inline-block;
 margin: 0.5rem;
 padding: 0.7rem 1.2rem;
 background: #FCE834;
 color: #2c3e50;
 text-decoration: none;
 border-radius: 6px;
 font-weight: 600;
}
 
.nav-links a:hover {
 background: #2c3e50;
 color: #FCE834;
}
 
h2, h3 {
 color: #2c3e50;
 border-bottom: 2px solid #FCE834;
 padding-bottom: 0.5rem;
}
</style>
 
<div class="header">
 <h1>🐍 Python Course - Interactive Learning Hub</h1>
 <p style="font-size: 1.2rem; margin: 1rem 0; color: #2c3e50;">Comprehensive Python course with video tutorials, interactive exercises, and hands-on assignments</p>
</div>
 
<div class="nav-links">
 <a href="Coding_Principles/">🧠 Coding Principles</a>
 <a href="Lecture_Notes/">📚 Lecture Notes</a>
 <a href="Coding/">💻 Practice</a>
 <a href="Assignments/">📝 Assignments</a>
 <a href="https://github.com/stawiskm/pythoncourse" target="_blank">📁 Repository</a>
</div>
 
<h2>🎯 Quick Start Guide</h2>
 
<h3>New to Programming?</h3>
<p>Start with our <a href="Coding_Principles/" class="btn btn-principles">🧠 Coding Principles</a> to learn the right mindset, then dive into <a href="Lecture_Notes/Python01-py101.html" class="btn btn-theory">🐍 Python 101</a>.</p>
 
<h3>Ready to Code?</h3>
<p>Jump straight into our interactive notebooks on Google Colab - no installation required!</p>
 
<h2>📚 Course Modules</h2>
 
<h3>Module 0: Coding Principles & Mindset</h3>
<p>Essential principles for effective programming and problem-solving.</p>
 
<table class="module-table">
 <thead>
 <tr>
 <th>Topic</th>
 <th>Video</th>
 <th>Description</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td><strong>10 Ground Rules to Vibe With Your Code</strong></td>
 <td><a href="10_Ground_Rules_to__Vibe__With_Your_Code.mp4" class="btn btn-video">🎥 Watch</a></td>
 <td>Core coding principles and best practices</td>
 </tr>
 <tr>
 <td><strong>From Problem to Python</strong></td>
 <td><a href="From_Problem_to_Python__A_Beginner_s_Blueprint.mp4" class="btn btn-video">🎥 Watch</a></td>
 <td>Problem-solving methodology for programming</td>
 </tr>
 <tr>
 <td><strong>Ground Rules for Coding with AI</strong></td>
 <td><a href="Ground_Rules_for_Coding_with_AI.mp4" class="btn btn-video">🎥 Watch</a></td>
 <td>Best practices for AI-assisted programming</td>
 </tr>
 </tbody>
</table>
 
<h3>Module 1: Python Fundamentals</h3>
<p>Learn the core building blocks of Python programming.</p>
 
<table class="module-table">
 <thead>
 <tr>
 <th>Topic</th>
 <th>Video</th>
 <th>Theory</th>
 <th>Practice (Colab)</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td><strong>Python Basics</strong></td>
 <td><a href="Lecture_Notes/Python01-py101_The_Builder_s_Journey__A_Guide_to_Python.mp4" class="btn btn-video">🎥 Watch</a></td>
 <td><a href="Lecture_Notes/Python01-py101.html" class="btn btn-theory">📖 Read</a></td>
 <td>
 <a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%200%20(Beginner)/Py01-py101-b.ipynb" class="btn btn-colab">Beginner</a>
 <a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%201%20(Easy)/Py01-py101.ipynb" class="btn btn-colab">Easy</a>
 <a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%202%20(Medium)/Py01-py101.ipynb" class="btn btn-colab">Medium</a>
 <a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%203%20(Hard)/Py01-py101.ipynb" class="btn btn-colab">Hard</a>
 </td>
 </tr>
 </tbody>
</table>
 
<h3>Module 2: Data Manipulation</h3>
<p>Master working with data structures, arrays, and data processing.</p>
 
<table class="module-table">
 <thead>
 <tr>
 <th>Topic</th>
 <th>Video</th>
 <th>Theory</th>
 <th>Practice (Colab)</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td><strong>Arrays & Lists</strong></td>
 <td><a href="Lecture_Notes/Python02-arrays_An_Introduction_to_Python_Arrays__From_Lists_to_Light_Speed.mp4" class="btn btn-video">🎥 Watch</a></td>
 <td><a href="Lecture_Notes/Python02-arrays.html" class="btn btn-theory">📖 Read</a></td>
 <td>
 <a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%200%20(Beginner)/Py02-arrays-b.ipynb" class="btn btn-colab">Beginner</a>
 <a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%201%20(Easy)/Py02-arrays.ipynb" class="btn btn-colab">Easy</a>
 <a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%202%20(Medium)/Py02-arrays.ipynb" class="btn btn-colab">Medium</a>
 <a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%203%20(Hard)/Py02-arrays.ipynb" class="btn btn-colab">Hard</a>
 </td>
 </tr>
 <tr>
 <td><strong>NumPy</strong></td>
 <td><a href="Lecture_Notes/PythonE-Numpy__Your_Python_Superpower_for_Data.mp4" class="btn btn-video">🎥 Watch</a></td>
 <td><a href="Lecture_Notes/PythonE-Numpy.html" class="btn btn-theory">📖 Read</a></td>
 <td>-</td>
 </tr>
 <tr>
 <td><strong>Pandas</strong></td>
 <td><a href="Lecture_Notes/Python03-Pandas_Your_Ultimate_Data_Sidekick.mp4" class="btn btn-video">🎥 Watch</a></td>
 <td><a href="Lecture_Notes/Python03-Pandas.html" class="btn btn-theory">📖 Read</a></td>
 <td>
 <a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%200%20(Beginner)/Py03-pandas-b.ipynb" class="btn btn-colab">Beginner</a>
 <a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%201%20(Easy)/Py03-pandas.ipynb" class="btn btn-colab">Easy</a>
 <a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%202%20(Medium)/Py03-pandas.ipynb" class="btn btn-colab">Medium</a>
 <a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%203%20(Hard)/Py03-pandas.ipynb" class="btn btn-colab">Hard</a>
 </td>
 </tr>
 </tbody>
</table>
 
<h3>Module 3: Advanced Topics</h3>
<p>Explore specialized areas and advanced concepts.</p>
 
<table class="module-table">
 <thead>
 <tr>
 <th>Topic</th>
 <th>Video</th>
 <th>Theory</th>
 <th>Practice</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td><strong>Data Visualization</strong></td>
 <td><a href="Lecture_Notes/Python04-Plotting_s_Viz_Duel__Matplotlib_vs.mp4" class="btn btn-video">🎥 Watch</a></td>
 <td><a href="Lecture_Notes/Python04-Plotting.html" class="btn btn-theory">📖 Read</a></td>
 <td>
 <a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%200%20(Beginner)/Py04-plotting-b.ipynb" class="btn btn-colab">Beginner</a>
 <a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%201%20(Easy)/Py04-plotting.ipynb" class="btn btn-colab">Easy</a>
 <a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%202%20(Medium)/Py04-plotting.ipynb" class="btn btn-colab">Medium</a>
 <a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%203%20(Hard)/Py04-plotting.ipynb" class="btn btn-colab">Hard</a>
 </td>
 </tr>
 <tr>
 <td><strong>Data Science</strong></td>
 <td><a href="Lecture_Notes/PythonE-Datascience_The_Data_Science_Journey__From_Numbers_to_Knowledge.mp4" class="btn btn-video">🎥 Watch</a></td>
 <td><a href="Lecture_Notes/PythonE-Datascience.html" class="btn btn-theory">📖 Read</a></td>
 <td><a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Coding/Level%200%20(Beginner)/PyE-Datascience.ipynb" class="btn btn-colab">Practice</a></td>
 </tr>
 <tr>
 <td><strong>GUI Development</strong></td>
 <td>-</td>
 <td><a href="Lecture_Notes/PythonE-GUI.html" class="btn btn-theory">📖 Read</a></td>
 <td>-</td>
 </tr>
 <tr>
 <td><strong>Data Visualization Rules</strong></td>
 <td><a href="The_10_Golden_Rules_of_Data_Visualization.mp4" class="btn btn-video">🎥 Watch</a></td>
 <td>-</td>
 <td>-</td>
 </tr>
 </tbody>
</table>
 
<h3>Module 4: Useful Tools</h3>
<p>Practical tools for development and project management.</p>
 
<table class="module-table">
 <thead>
 <tr>
 <th>Topic</th>
 <th>Video</th>
 <th>Theory</th>
 <th>Description</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td><strong>Git Version Control</strong></td>
 <td><a href="Lecture_Notes/Git01-101_Explained__From_Chaos_to_Control.mp4" class="btn btn-video">🎥 Watch</a></td>
 <td><a href="Lecture_Notes/Git01-101.html" class="btn btn-theory">📖 Read</a></td>
 <td>Version control and collaboration</td>
 </tr>
 <tr>
 <td><strong>File Handling</strong></td>
 <td>-</td>
 <td><a href="Lecture_Notes/PythonE-Path and Filehandling.html" class="btn btn-theory">📖 Read</a></td>
 <td>Working with files and directories</td>
 </tr>
 </tbody>
</table>
 
<h2>📝 Assignments & Exercises</h2>
 
<h3>Structured Assignments</h3>
<p>Work through carefully designed problems that reinforce each module:</p>
 
<ul>
 <li><strong><a href="Assignments/Py01-Assignments.html">Assignment 1: Python Basics</a></strong> - Variables, functions, and control flow</li>
 <li><strong><a href="Assignments/Py02-Assignments.html">Assignment 2: Arrays</a></strong> - List operations and array manipulation
 <ul><li><a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Assignments/Py02-Assignments.ipynb" class="btn btn-colab">📓 Interactive Notebook</a></li></ul>
 </li>
 <li><strong><a href="Assignments/Py03-Assignments.html">Assignment 3: Pandas</a></strong> - Data analysis with Pandas
 <ul><li><a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Assignments/Py03-Assignments.ipynb" class="btn btn-colab">📓 Interactive Notebook</a></li></ul>
 </li>
 <li><strong><a href="Assignments/Py04-Assignments.html">Assignment 4: Visualization</a></strong> - Creating meaningful visualizations
 <ul><li><a href="https://colab.research.google.com/github/stawiskm/pythoncourse/blob/student/Assignments/Py04-Assignments.ipynb" class="btn btn-colab">📓 Interactive Notebook</a></li></ul>
 </li>
</ul>
 
<h2>🎮 Practice by Difficulty Level</h2>
 
<p>Choose exercises that match your current skill level:</p>
 
<div class="nav-links">
 <a href="Coding/Level 0 (Beginner)/" style="background: #28a745;">🟢 Beginner Level</a>
 <a href="Coding/Level 1 (Easy)/" style="background: #FCE834; color: #2c3e50;">🟡 Easy Level</a>
 <a href="Coding/Level 2 (Medium)/" style="background: #fd7e14;">🟠 Medium Level</a>
 <a href="Coding/Level 3 (Hard)/" style="background: #dc3545;">🔴 Hard Level</a>
</div>
 
<h2>🚀 Learning Path Recommendations</h2>
 
<h3>Path 1: Complete Beginner</h3>
<ol>
 <li><strong>Start with Coding Principles</strong> - Watch the <a href="Coding_Principles/">mindset videos</a></li>
 <li>Learn <a href="Lecture_Notes/Python01-py101.html">Python Fundamentals</a></li>
 <li>Practice with <a href="Coding/Level 0 (Beginner)/">Beginner Level Exercises</a></li>
 <li>Progress through Data Manipulation (Arrays, NumPy, Pandas)</li>
 <li>Move to Advanced Topics (Visualization, Data Science)</li>
 <li>Learn <a href="Lecture_Notes/Git01-101.html">Useful Tools</a> when needed</li>
 <li>Complete assignments for each module</li>
</ol>
 
<h3>Path 2: Some Programming Experience</h3>
<ol>
 <li><strong>Review Coding Principles</strong> - Essential for good practices</li>
 <li>Quick review of <a href="Lecture_Notes/Python01-py101.html">Python Basics</a></li>
 <li>Jump to <a href="Coding/Level 1 (Easy)/">Easy Level Exercises</a></li>
 <li>Focus on <a href="Lecture_Notes/Python03-Pandas.html">Data Manipulation</a> and <a href="Lecture_Notes/Python04-Plotting.html">Visualization</a></li>
 <li>Explore <a href="Lecture_Notes/PythonE-Numpy.html">NumPy</a> and <a href="Lecture_Notes/PythonE-Datascience.html">Data Science</a></li>
</ol>
 
<h3>Path 3: Experienced Programmer</h3>
<ol>
 <li><strong>Review AI Coding Principles</strong> - Adapt to modern development</li>
 <li>Start with <a href="Coding/Level 2 (Medium)/">Medium</a> or <a href="Coding/Level 3 (Hard)/">Hard Level</a> exercises</li>
 <li>Deep dive into <a href="Lecture_Notes/PythonE-Datascience.html">Data Science</a></li>
 <li>Explore advanced topics like GUI development</li>
</ol>
 
<div style="text-align: center; margin: 3rem 0; padding: 2rem; background: #f5f5f5; border-radius: 10px;">
 <h2>🎓 Ready to Start?</h2>
 <p>Choose your starting point and begin your Python journey today!</p>
 <a href="Coding_Principles/" class="btn btn-principles" style="font-size: 1.2rem; padding: 1rem 2rem;">🧠 Start with Principles</a>
</div>
 
<hr style="border: none; border-top: 3px solid #FCE834; margin: 3rem 0;">
 
<p style="text-align: center; color: #2c3e50; font-style: italic;">
 <strong>Happy Coding! 🐍✨</strong>
</p>