← कोर्सच्या मुख्य पानाकडे परत

🗓️ अभ्यास योजना — 12 धडे, 4 आठवडे

~आठवड्याला 3 सत्रे: धडा वाचा (~15 मिनिटे) + फलक बदला आणि smoke test चालवा (~25 मिनिटे). धडे टिक करा — प्रगती या ब्राउझरमध्ये जपली जाते.

🐢 स्थिर: आठवड्याला 3 सत्रे → 4 आठवड्यांत पूर्ण.
🐇 वेगवान मार्ग: प्रत्येक भागाला एक शनिवार-रविवार → 2 शनिवार-रविवारांत पूर्ण.
💰 खर्च: शून्य. तुमच्या लॅपटॉपवर ब्राउझर आणि Python 3.
0 / 12

आठवडा 1 🧱 फलक — रचना आणि दिसणे

UI का, अर्थ असलेले HTML, CSS मांडणी. लॅब: फलक उघडा, सांगाडा बदला, दोन स्तंभ मग एक करा.

~30 मि.
~40 मि.
~45 मि.
🏁 टप्पा: फलकावरची प्रत्येक खूण तुम्ही नावाने सांगू शकता, तुमच्या HTML बदलानंतरही smoke test पास होते, आणि फलक 400px आणि 1200px वर नीट दिसतो.

आठवडा 2 ⚡ जिवंत आणि वाचनीय — events, state, a11y

JavaScript events, state → render, सुलभता. लॅब: एक filter जोडा; render चा नियम मोडा आणि दुरुस्त करा; फक्त keyboard ने फलक वापरा.

~45 मि.
~45 मि.
~40 मि.
🏁 टप्पा: तुमचे नवे नियंत्रण state बदलते आणि फलक पुन्हा रंगतो; माउसला हात न लावता तुम्ही विद्यार्थी नोंदवला; screen-reader ची घोषणा होते.

आठवडा 3 🎽 Frameworks, गणवेश, वेग

Frameworks काय automate करतात, tokens आणि dark mode, कामगिरी. लॅब: React मध्ये StudentCard रेखाटा; एक token बदला; Lighthouse मध्ये फलक मोजा.

~40 मि.
~35 मि.
~40 मि.
🏁 टप्पा: state → view हे framework च्या शब्दांत आणि साध्या JavaScript च्या शब्दांत तुम्ही समजावू शकता; --accent ने अख्खा फलक बदलला; हळू केलेल्या फोनवरचा तुमचा LCP आकडा तुम्हाला माहीत आहे.

आठवडा 4 🧪 तपासलेला, जोडलेला, भिंतीवर लागलेला

चाचणी, backends शी बोलणे, deploy. लॅब: एक smoke तपासणी जोडा; error आणि loading स्थिती दाखवा; फलक GitHub Pages वर deploy करा.

~40 मि.
~45 मि.
~40 मि.
🏁 टप्पा: 🏆 कळस-प्रकल्प: फलकावर गृहपाठाची यादी जोडा — state, component, a11y तपासणी, तीन smoke तपासण्या, loading/error स्थिती — आणि मित्राला पाठवता येईल अशी सार्वजनिक URL.

🎓 12 / 12 — फलक तुमचा झाला!

पुढे: API शाळा हेच हा फलक ज्याच्याशी बोलतो ते काउंटर, CI/CD शाळा प्रत्येक push वर तो भिंतीवर लावते, आणि बाकीचे शाळेच्या पोर्टलवर.