-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpython_course.html
More file actions
executable file
·368 lines (341 loc) · 14.9 KB
/
Copy pathpython_course.html
File metadata and controls
executable file
·368 lines (341 loc) · 14.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="images/favicon.svg" type="image/svg+xml">
<title>Python for Absolute Beginners | Sarath Prabhavu</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<style>
/* Course-specific accent — green for Python branding */
:root {
--py-green: #0f6e56;
--py-green-mid: #1d9e75;
--py-green-light: #e1f5ee;
--py-green-accent: #5dcaa5;
--py-amber: #ef9f27;
--py-amber-dark: #854f0b;
--py-amber-light: #faeeda;
}
.py-hero {
background: linear-gradient(135deg, #060d1f 0%, #063526 55%, #0a1628 100%);
position: relative;
padding: 4rem 0 3.5rem;
overflow: hidden;
}
.py-hero::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 50% 60% at 75% 50%, rgba(29,158,117,0.18) 0%, transparent 65%),
radial-gradient(ellipse 30% 40% at 15% 80%, rgba(59,130,246,0.07) 0%, transparent 60%);
pointer-events: none;
}
.py-badge {
display: inline-block;
background: rgba(255,255,255,0.1);
border: 1px solid rgba(255,255,255,0.25);
color: #fff;
border-radius: 50px;
padding: 0.35rem 1rem;
font-size: 0.8rem;
font-weight: 500;
margin-bottom: 1rem;
}
.py-lang-badge {
display: inline-block;
background: var(--py-amber);
color: var(--py-amber-dark);
font-weight: 800;
border-radius: 6px;
padding: 0.3rem 0.8rem;
font-size: 0.8rem;
margin-top: 0.75rem;
}
.ai-banner {
background: var(--py-amber-light);
border-left: 4px solid var(--py-amber);
border-radius: 10px;
padding: 1rem 1.25rem;
margin-bottom: 1.5rem;
font-size: 0.9rem;
line-height: 1.7;
}
.info-card {
background: #fff;
border: 1px solid var(--border);
border-radius: 14px;
padding: 1.5rem;
margin-bottom: 1.25rem;
transition: box-shadow 0.2s;
}
.info-card:hover { box-shadow: 0 4px 20px rgba(15,110,86,0.08); }
.py-section-title {
font-family: 'Merriweather', Georgia, serif;
font-size: 1.1rem;
font-weight: 700;
color: var(--py-green);
margin-bottom: 1rem;
padding-bottom: 0.4rem;
border-bottom: 2px solid var(--py-green-accent);
display: inline-block;
}
.series-card {
background: var(--py-green-light);
border: 1px solid var(--py-green-accent);
border-radius: 10px;
padding: 1rem;
margin-bottom: 0.75rem;
display: flex;
gap: 0.75rem;
align-items: flex-start;
}
.series-card .num {
width: 30px;
height: 30px;
background: var(--py-green);
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 0.85rem;
flex-shrink: 0;
}
.goal-item {
display: flex;
gap: 0.75rem;
margin-bottom: 0.75rem;
align-items: flex-start;
}
.goal-icon {
width: 34px;
height: 34px;
background: var(--py-green-light);
color: var(--py-green);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: 1rem;
}
.syllabus-item {
display: flex;
gap: 0.75rem;
padding: 0.6rem 0;
border-bottom: 1px dashed #cce8dc;
font-size: 0.88rem;
color: var(--muted);
}
.syllabus-item:last-child { border-bottom: none; }
.sy-dot {
width: 8px;
height: 8px;
background: var(--py-green-accent);
border-radius: 50%;
margin-top: 6px;
flex-shrink: 0;
}
.details-table td {
padding: 0.65rem 0.25rem;
border-bottom: 1px solid #eaf4f0;
font-size: 0.9rem;
}
.details-table td:first-child {
width: 42%;
color: var(--muted);
font-weight: 500;
}
.btn-register {
display: block;
width: 100%;
text-align: center;
padding: 0.85rem;
border-radius: 10px;
font-weight: 700;
font-size: 0.95rem;
background: var(--py-green);
color: #fff;
text-decoration: none;
transition: background 0.2s;
}
.btn-register:hover { background: #085041; color: #fff; }
.details-card-highlight {
background: var(--py-green-light);
border-radius: 8px;
padding: 0.75rem 1rem;
font-size: 0.87rem;
color: var(--py-green);
font-weight: 600;
margin-top: 1rem;
}
</style>
</head>
<body>
<div id="navbar-placeholder"></div>
<!-- HERO -->
<header class="py-hero">
<div class="container" style="position:relative;">
<a href="https://shasthrasnehi.com/" target="_blank" style="position:absolute;top:0;right:0;display:flex;align-items:center;text-decoration:none;">
<img src="assets/shasthrasnehi_logo.png" alt="Shasthrasnehi" style="height:46px;width:auto;filter:brightness(1) drop-shadow(0 1px 4px rgba(0,0,0,0.3));">
</a>
<div class="py-badge">🐍 Python Course Series · Part 1</div>
<h1 class="hero-name" style="font-size:clamp(1.9rem,5vw,3rem);">Python for <span class="hero-accent">Absolute Beginners</span></h1>
<p class="hero-tagline" style="max-width:600px;">
No prior coding experience? No problem. Build your programming foundation from the ground up —
in <strong style="color:#fff;">Malayalam</strong>, for students, researchers, and teachers.
</p>
<div class="py-lang-badge">🗣️ Conducted in Malayalam</div>
<div style="margin-top:1.25rem;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);border-radius:10px;padding:0.75rem 1rem;display:inline-block;">
<p style="color:rgba(255,255,255,0.9);font-size:0.9rem;margin-bottom:0.5rem;">✅ This course is now complete · Available on request</p>
<a href="https://forms.gle/7Es2bT1rqQyUyZPj8" target="_blank" class="btn-hero-primary btn" style="background:var(--py-green-mid);border:none;padding:0.5rem 1.25rem;font-size:0.88rem;">
Contact to Enquire <i class="bi bi-arrow-right ms-1"></i>
</a>
</div>
<div class="d-flex flex-wrap gap-3 mt-3">
<a href="courses.html" class="btn-hero-outline btn">← Back to Courses</a>
</div>
</div>
</header>
<!-- MAIN CONTENT -->
<div style="background:var(--bg-alt);">
<div class="container py-5">
<!-- AI BANNER -->
<div class="ai-banner">
<strong>🤖 Why coding still matters in the AI age:</strong> Tools like ChatGPT and Gemini can write code for you —
but to use them powerfully (<em>vibe coding</em>), you need to understand <em>what</em> to ask, <em>why</em> it works,
and <em>how</em> to verify the output. A solid programming foundation turns you from a passive user into a
confident problem-solver.
</div>
<div class="row g-4">
<!-- LEFT COLUMN -->
<div class="col-lg-7">
<!-- ABOUT -->
<div class="info-card">
<div class="py-section-title">About This Course</div>
<p class="section-body mb-2">
Designed for absolute beginners who want to learn the core concepts of programming. The emphasis is on
<strong>learning how to think like a programmer</strong>, not just memorising syntax. By the end,
you will have the confidence to write basic programs, debug errors, read documentation, and tackle
real problems — with or without AI assistance.
</p>
<p class="section-body mb-0">
Includes <strong>100+ practice questions</strong> and online assistance. Recordings of all live sessions are available.
</p>
</div>
<!-- COURSE SERIES -->
<div class="info-card">
<div class="py-section-title">Full Course Series</div>
<p style="font-size:0.88rem;color:var(--muted);margin-bottom:1rem;">
This is Part 1 of the series. Continue your Python journey with Data Visualisation.
</p>
<div class="series-card">
<div class="num">1</div>
<div>
<strong style="color:var(--py-green);">Fundamentals of Coding</strong>
<span style="font-size:0.75rem;background:rgba(15,110,86,0.1);color:var(--py-green);padding:0.1rem 0.5rem;border-radius:4px;margin-left:0.5rem;font-weight:600;">Completed</span>
<div style="font-size:0.85rem;color:var(--muted);margin-top:3px;">Core programming logic, Python syntax, data structures.</div>
</div>
</div>
<a href="python_dv.html" style="text-decoration:none;">
<div class="series-card" style="border-color:#5dcaa5;background:#e1f5ee;">
<div class="num">2</div>
<div>
<strong style="color:var(--py-green);">Data Visualisation 📊</strong>
<span style="font-size:0.75rem;background:#0f6e56;color:#fff;padding:0.1rem 0.5rem;border-radius:4px;margin-left:0.5rem;font-weight:600;">Open</span>
<div style="font-size:0.85rem;color:var(--muted);margin-top:3px;">NumPy, Pandas, Matplotlib, Seaborn, Plotly & maps — 4 weeks.</div>
</div>
<i class="bi bi-arrow-right ms-auto" style="color:var(--py-green);align-self:center;"></i>
</div>
</a>
</div>
<!-- GOALS -->
<div class="info-card">
<div class="py-section-title">Learning Goals</div>
<div class="goal-item">
<div class="goal-icon">🧠</div>
<div style="font-size:0.9rem;color:var(--text);">Not just to learn Python, but to learn <strong>how to program</strong> — a skill that transcends any language.</div>
</div>
<div class="goal-item">
<div class="goal-icon">✍️</div>
<div style="font-size:0.9rem;color:var(--text);">Write basic programs confidently using Python syntax.</div>
</div>
<div class="goal-item">
<div class="goal-icon">🔁</div>
<div style="font-size:0.9rem;color:var(--text);">Understand core Python logic: conditions, loops, functions, and data structures.</div>
</div>
<div class="goal-item">
<div class="goal-icon">🐞</div>
<div style="font-size:0.9rem;color:var(--text);">Be comfortable debugging, reading documentation, and strategising your code.</div>
</div>
<div class="goal-item" style="margin-bottom:0;">
<div class="goal-icon">🤝</div>
<div style="font-size:0.9rem;color:var(--text);">Use AI coding tools more effectively by knowing what's happening under the hood.</div>
</div>
</div>
</div>
<!-- RIGHT COLUMN -->
<div class="col-lg-5">
<div style="position:sticky;top:80px;">
<!-- DETAILS + REGISTER -->
<div class="info-card" style="border-color:var(--py-green);border-width:2px;">
<div class="py-section-title">Course Details</div>
<table class="details-table w-100">
<tr><td>📅 Start Date</td><td><strong>11-22, May 2026</strong> </td></tr>
<tr><td>⏱ Duration</td><td>10 Days</td></tr>
<tr><td>🕖 Timing</td><td>7:00 PM – 8:30 PM</td></tr>
<tr><td>📅 Days</td><td>Weekdays</td></tr>
<tr><td>💻 Mode</td><td>Online — Live + Recorded</td></tr>
<tr><td>📼 Recordings</td><td>After each session</td></tr>
<tr><td>👥 For</td><td>Students, researchers, teachers</td></tr>
</table>
<div class="mt-4" style="background:var(--py-green-light);border:1px solid var(--py-green-accent);border-radius:10px;padding:0.9rem 1rem;text-align:center;">
<p style="font-size:0.95rem;font-weight:600;color:var(--py-green);margin-bottom:0.25rem;">✅ This course is now complete</p>
<p style="font-size:0.85rem;color:var(--muted);margin-bottom:0.75rem;">This course is available on request.</p>
<a href="https://forms.gle/7Es2bT1rqQyUyZPj8" target="_blank" style="display:inline-block;background:var(--py-green);color:#fff;font-weight:600;font-size:0.88rem;padding:0.55rem 1.25rem;border-radius:8px;text-decoration:none;">
Contact to Enquire <i class="bi bi-arrow-right ms-1"></i>
</a>
</div>
</div>
<!-- SYLLABUS -->
<div class="info-card">
<div class="py-section-title">Syllabus</div>
<div class="syllabus-item"><div class="sy-dot"></div><span>Introduction to Programming — Why it matters in science</span></div>
<div class="syllabus-item"><div class="sy-dot"></div><span>How to think like a programmer — Algorithms </span></div>
<div class="syllabus-item"><div class="sy-dot"></div><span>Installation of Jupyter Notebook and Python</span></div>
<div class="syllabus-item"><div class="sy-dot"></div><span>Python as a Calculator</span></div>
<div class="syllabus-item"><div class="sy-dot"></div><span>Variables and Datatypes</span></div>
<div class="syllabus-item"><div class="sy-dot"></div><span>Basic Input and Print</span></div>
<div class="syllabus-item"><div class="sy-dot"></div><span>Lists, Dictionaries, Tuples</span></div>
<div class="syllabus-item"><div class="sy-dot"></div><span>Functions</span></div>
<div class="syllabus-item"><div class="sy-dot"></div><span>Conditional Methods</span></div>
<div class="syllabus-item"><div class="sy-dot"></div><span>Iterative Methods (Loops)</span></div>
<div class="syllabus-item"><div class="sy-dot"></div><span>Introduction to the Next Level — NumPy & Packages</span></div>
</div>
</div><!-- /sticky wrapper -->
</div>
</div>
</div>
</div>
<footer class="site-footer">
<div class="container text-center">
<p class="footer-name">Sarath Prabhavu J.</p>
<p class="footer-links">
<a href="mailto:sarathprabhav@gmail.com"><i class="bi bi-envelope-fill"></i></a>
<a href="https://github.com/sarathprabhav" target="_blank"><i class="bi bi-github"></i></a>
<a href="SARATH_PRABHVU_CV.pdf" target="_blank"><i class="bi bi-file-earmark-person-fill"></i></a>
</p>
<p class="footer-copy">© 2026 Sarath Prabhavu J. · Learning how to program is more important than learning just a programming language.</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="scripts.js"></script>
</body>
</html>