AGENTS.md

1# AGENTS.md
2 
3## പ്രോജക്ട് അവലോകനം
4 
5ഈ പ്രോജക്ട് വെബ് ഡെവലപ്പ്മെന്റ് അടിസ്ഥാനങ്ങൾ ആരംഭക്കാർക്ക് പഠിപ്പിക്കാൻ വേണ്ടി തയ്യാറാക്കിയ ഒരു വിദ്യാഭ്യാസ പാഠ്യവിഷയ രേഖകളുടെ സംഭരമാണ്. മൈക്രോസോഫ്റ്റ് ക്ലൗഡ് അഡ്വക്കേറ്റ്സ് വികസിപ്പിച്ചെടുത്ത 12 ആഴ്‌ചകളിലായി 24 പ്രായോഗിക പാഠങ്ങൾ ഉൾക്കൊള്ളുന്ന സമഗ്ര കോഴ്സ് ഇത്, ജാവസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവ ഉൾക്കൊള്ളുന്നു.
6 
7### പ്രധാന ഘടകങ്ങൾ
8 
9- **വിദiately**: പ്രോജക്ട് അടിസ്ഥാന മോഡ്യൂളുകളിൽ ക്രമീകരിച്ച 24 ഘടനയുള്ള പാഠങ്ങൾ  
10- **പ്രായോഗിക പ്രോജക്ടുകൾ**: ടെററിയം, ടൈപ്പിംഗ് ഗെയിം, ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പേസ് ഗെയിം, ബാങ്കിങ് ആപ്പ്, കോഡ് എഡിറ്റർ, AI ചാറ്റ് അസിസ്റ്റന്റ്  
11- **ഇന്ററാക്ടീവ് ക്വിസുകൾ**: ഓരോ പാഠത്തിനും മുൻ, ശേഷിയും 3 ചോദ്യങ്ങളുമായി 48 ക്വിസുകൾ  
12- **ബഹുഭാഷ സഹായം**: GitHub ആക്ഷനുകൾ ഉപയോഗിച്ച് 50+ ഭാഷകളിൽ ഓട്ടോമാറ്റിക് വിവർത്തനങ്ങൾ  
13- **ടെക്നോളജികൾ**: HTML, CSS, ജാവാസ്ക്രിപ്റ്റ്, Vue.js 3, Vite, Node.js, Express, Python (AI പ്രോജക്ടുകൾക്കായി)  
14 
15### ആർക്കിടെക്ചർ
16 
17- പാഠ്യ അടിസ്ഥാനമുള്ള വിദ്യാഭ്യാസ സംഭരം  
18- ഓരോ പാഠ ഫോളഡറിലും README, കോഡ് ഉദാഹരണങ്ങൾ, പരിഹാരങ്ങൾ  
19- വേറിട്ട ഡയറക്ടറികളിൽ സ്റ്റാൻഡ്എലോൺ പ്രോജക്ടുകൾ (quiz-app, വിവിധ പാഠ പ്രോജക്ടുകൾ)  
20- GitHub ആക്ഷനുകൾ ഉപയോഗിക്കുന്ന വിവർത്തന സംവിധാനം (co-op-translator)  
21- ഡോക്യുമെന്റേഷൻ Docsify വഴി ലഭ്യമാണ്, PDF ആയി ലഭ്യമായിരിക്കും  
22 
23## സെറ്റപ് കമാൻഡുകൾ
24 
25ഈ സംഭരം പ്രാഥമികമായി വിദ്യാഭ്യാസ ഉള്ളടക്കം ഉപയോഗിക്കലിനാണ്. പ്രത്യേക പ്രോജക്ടുകളുമായി ജോലി ചെയ്യാനായി:
26 
27### മുഖ്യ സംഭരം സെറ്റപ്പ്
28 
29```bash
30git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
31cd Web-Dev-For-Beginners
32```
33 
34### ക്വിസ് ആപ്പ് സെറ്റപ്പ് (Vue 3 + Vite)
35 
36```bash
37cd quiz-app
38npm install
39npm run dev        # വികസന സർവർ ആരംഭിക്കുക
40npm run build      # ഉത്പാദനത്തിനായി നിർമാണം
41npm run lint       # ESLint പ്രവർത്തിപ്പിക്കുക
42```
43 
44### ബാങ്ക് പ്രോജക്ട് API (Node.js + Express)
45 
46```bash
47cd 7-bank-project/api
48npm install
49npm start          # API സർവർ ആരംഭിക്കുക
50npm run lint       # ESLint ഓടി
51npm run format     # Prettier ഉപയോഗിച്ച് ഫോർമാറ്റ് ചെയ്യുക
52```
53 
54### ബ്രൗസർ എക്സ്റ്റൻഷൻ പ്രോജക്ടുകൾ
55 
56```bash
57cd 5-browser-extension/solution
58npm install
59# ബ്രൗസർ-നിർദ്ദിഷ്ട വിപുലീകരണം ലോഡിംഗ് നിർദ്ദേശങ്ങൾ പാലിക്കുക
60```
61 
62### സ്പേസ് ഗെയിം പ്രോജക്ടുകൾ
63 
64```bash
65cd 6-space-game/solution
66npm install
67# ബ്രൗസറിൽ index.html തുറക്കുക അല്ലെങ്കിൽ ലൈവ് സർവർ ഉപയോഗിക്കുക
68```
69 
70### ചാറ്റ് പ്രോജക്ട് (Python ബാക്ക്‌എൻഡ്)
71 
72```bash
73cd 9-chat-project/solution/backend/python
74pip install openai
75# GITHUB_TOKEN പരിസ്ഥിതി ചുരുക്കുവചനം സജ്ജീകരിക്കുക
76python api.py
77```
78 
79## ഡെവലപ്പ്മെന്റ് വർക്ഫ്ലോ
80 
81### ഉള്ളടക്കം സംഭാവകരും
82 
831. നിങ്ങളുടെ GitHub അക്കൗണ്ടിലേക്ക് **റിപ്പോസിറ്ററി fork ചെയ്യുക**  
842. **ഫോർക്കിന്റെ clone ചെയ്യുക**  
853. മാറ്റങ്ങൾക്കായി ഒരു **പുതിയ ബ്രാഞ്ച് സൃഷ്ടിക്കുക**  
864. പാഠ.CONTENT അല്ലെങ്കിൽ കോഡ് ഉദാഹരണങ്ങളിൽ മാറ്റം വരുത്തുക  
875. ബന്ധപ്പെട്ട പ്രോജക്ട് ഡയറക്ടറികളിൽ കോഡ് മാറ്റങ്ങൾ പരിശോധന നടത്തുക  
886. സംഭാവക നിർദ്ദേശങ്ങൾ പാലിച്ച് പുൾ റിക്വസ്റ്റ് സമർപ്പിക്കുക  
89 
90### പഠിയ്ക്കുന്നവർക്ക്
91 
921. Fork ചെയ്യുക അല്ലെങ്കിൽ റിപ്പോസിറ്ററി clone ചെയ്യുക  
932. പാഠ ഡയറക്ടറികൾ പര്യവേക്ഷണം ചെയ്യുക  
943. ഓരോ പാഠത്തിന്റെയും README ഫയലുകൾ വായിക്കുക  
954. https://ff-quizzes.netlify.app/web/ ൽ മുൻകൂറുള്ള ക്വിസുകൾ പൂർത്തിയാക്കുക  
965. പാഠ ഫോളഡറിലെ കോഡ് ഉദാഹരണങ്ങളിൽ പ്രവർത്തിക്കുക  
976. അസൈൻമെന്റുകളും ചലഞ്ചുകളും പൂർത്തിയാക്കുക  
987. പാഠത്തിനു ശേഷം ക്വിസുകൾ എടുക്കുക  
99 
100### ലൈവ് ഡെവലപ്പ്മെന്റ്
101 
102- **ഡോക്യുമെന്റ്**: റൂട്ടിൽ `docsify serve` ഓടിക്കുക (പോർട്ട് 3000)  
103- **ക്വിസ് ആപ്പ്**: `quiz-app` ഡയറക്ടറിയിൽ `npm run dev` റൺ ചെയ്യുക  
104- **പ്രോജക്ടുകൾ**: HTML പ്രോജക്ടുകൾക്കായി VS Code ലൈവ് സെർവർ വിപുലീകരണം ഉപയോഗിക്കുക  
105- **API പ്രോജക്ടുകൾ**: അനുയായിയായ API ഡയറക്ടറികളിൽ `npm start` ഓടിക്കുക  
106 
107## ടസ്റ്റിംഗ് നിർദ്ദേശങ്ങൾ
108 
109### ക്വിസ് ആപ്പ് ടെസ്റ്റിംഗ്
110 
111```bash
112cd quiz-app
113npm run lint       # കോഡ് സ്റ്റൈൽ പ്രശ്നങ്ങൾ പരിശോധിക്കുക
114npm run build      # ബിൽഡ് വിജയകരമാണെന്ന് ഉറപ്പാക്കുക
115```
116 
117### ബാങ്ക് API ടെസ്റ്റിംഗ്
118 
119```bash
120cd 7-bank-project/api
121npm run lint       # കോഡ് സ്റ്റൈൽ പ്രശ്നങ്ങൾ പരിശോധിക്കുക
122node server.js     # പിഴവുകൾ ഇല്ലാതെ സെർവർ തുടങ്ങുന്നത് സ്ഥിരീകരിക്കുക
123```
124 
125### പൊതുവായ ടെസ്റ്റിംഗ് സമീപനം
126 
127- ഇത് സമഗ്രമായ ഓട്ടോമാറ്റഡ് ടെസ്റ്റുകൾ ഇല്ലാത്ത ഒരു വിദ്യാഭ്യാസ സംഭരമാണ്  
128- മാനുവൽ ടെസ്റ്റിംഗ് ശ്രദ്ധ നൽകുന്നത്:  
129  - കോഡ് ഉദാഹരണങ്ങൾ തെറ്റുകൾ കൂടാതെ ഓടുന്നു  
130  - ഡോക്യുമെന്റേഷന്‍ ലിങ്കുകൾ ശരിയായി പ്രവർത്തിക്കുന്നു  
131  - പ്രോജക്ട് വിജയകരമായി പൂർത്തീകരിക്കുന്നു  
132  - ഉദാഹരണങ്ങൾ മികച്ച രീതികൾ പാലിക്കുന്നു  
133 
134### മുൻസമർപ്പണ പരിശോധനകൾ
135 
136- `npm run lint` പാക്കേജ്.json ഉള്ള ഡയറക്ടറികളിൽ റൺ ചെയ്യുക  
137- മാർക്ക്ഡൗൺ ലിങ്കുകൾ സാധുവാണെന്ന് പരിശോധന നടത്തുക  
138- കോഡ് ഉദാഹരണങ്ങൾ ബ്രൗസർ അല്ലെങ്കിൽ Node.js ൽ ടെസ്റ്റ് ചെയ്യുക  
139- വിവർത്തനങ്ങൾ ശരിയായ ഘടന നിലനിർത്തുന്നുവെന്ന് ഉറപ്പാക്കുക  
140 
141## കോഡ് സ്റ്റൈൽ മാർഗനിർദ്ദേശങ്ങൾ
142 
143### ജാവാസ്ക്രിപ്റ്റ്
144 
145- ആധുനിക ES6+ സിന്താക്‌സ് ഉപയോഗിക്കുക  
146- പ്രോജക്ടുകളിൽ നൽകിയ സ്റ്റാൻഡേർഡ് ESLint കോൺഫിഗറേഷൻ പിന്തുടരുക  
147- ശാസ്ത്രീയ പഠനത്തിന് പ്രസക്തമായ വേരിയബിൾ, ഫംഗ്ഷൻ നാമങ്ങൾ ഉപയോഗിക്കുക  
148- പഠിക്കുന്നവർക്കായി ആശയങ്ങൾ വിശദീകരിക്കുന്ന കമന്റുകൾ ചേർക്കുക  
149- നിർദ്ദിഷ്ട Prettier ഫോർമാറ്റർ ഉപയോഗിക്കുക  
150 
151### HTML/CSS
152 
153- സെമാന്റിക് HTML5 ഘടകങ്ങൾ  
154- റെസ്പോൺസീവ് ഡിസൈൻ സിദ്ധാന്തങ്ങൾ  
155- വ്യക്തമായ ക്ലാസ് നാമം നൽകൽ  
156- CSS സാങ്കേതികവിദ്യകൾ വിശദീകരിക്കുന്ന കമന്റുകൾ  
157 
158### Python
159 
160- PEP 8 സ്റ്റൈൽ മാർഗനിർദ്ദേശങ്ങൾ  
161- ശാസ്ത്രീയമായ കോഡ് ഉദാഹരണങ്ങൾ  
162- പഠനാശ്വാസത്തിന് ടൈപ്പ് ഹിന്റുകൾ  
163 
164### മാർക്ക്ഡൗൺ ഡോക്യുമെന്റേഷൻ
165 
166- വ്യക്തമായ തലക്കെട്ട് ക്രമീകരണം  
167- ഭാഷാ പ്രതിരൂപത്തോടെ കോഡ് ബ്ലോക്ക്  
168- അധിക സ്രോതസ്സുകളിലേക്ക് ലിങ്കുകൾ  
169- `images/` ഡയറക്ടറികളിലെ സ്ക്രീൻഷോട്ടുകളും ചിത്രങ്ങളും  
170- ആക്‌സസിബിലിറ്റിക്കായി ചിത്രങ്ങൾക്ക് Alt ടെക്‌സ്‌റ്റ്  
171 
172### ഫയൽ സംഘടന
173 
174- പാഠങ്ങൾ ക്രമത്തിൽ നമ്പർ ചെയ്തിരിക്കുന്നു (1-getting-started-lessons, 2-js-basics മുതലായവ)  
175- ഓരോ പ്രോജക്ടിനും `solution/` ഫോളഡറും, ഒരുപാട് കേസുകളിൽ `start/` അല്ലെങ്കിൽ `your-work/` ഫോളഡറുകളും  
176- പാഠ-പ്രത്യേക `images/` ഫോൾഡറുകളിൽ ചിത്രങ്ങൾ സൂക്ഷിക്കുക  
177- `translations/{language-code}/` ഘടനയിൽ വിവർത്തനങ്ങൾ   
178 
179## കെട്ടിടം, വിനിയോഗം
180 
181### ക്വിസ് ആപ്പ് വിനിയോഗം (Azure Static Web Apps)
182 
183കോ quiz-app-ന് Azure Static Web Apps വിനിയോഗം കോൺഫിഗർ ചെയ്തിരിക്കുന്നു:
184 
185```bash
186cd quiz-app
187npm run build      # dist/ ഫോൾഡർ സൃഷ്ടിക്കുന്നു
188# main ൽ push ചെയ്യുമ്പോൾ GitHub Actions workflow വഴി വിന്യസിക്കുന്നു
189```
190 
191Azure Static Web Apps ക്രമീകരണം:  
192- **ആപ്പ് സ്ഥലം**: `/quiz-app`  
193- **ഔട്ട്പുട്ട് സ്ഥലം**: `dist`  
194- **വർക്‌ഫ്ലോ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`  
195 
196### ഡോക്യുമെന്റേഷൻ PDF സൃഷ്ടി
197 
198```bash
199npm install                    # docsify-to-pdf ഇന്‍സ്റ്റാള്‍ ചെയ്യുക
200npm run convert               # ഡോക്‌സില്‍ നിന്ന് PDF സൃഷ്ടിക്കുക
201```
202 
203### Docsify ഡോക്യുമെന്റേഷൻ
204 
205```bash
206npm install -g docsify-cli    # ഡോക്‌സ്ഫൈ ഗ്ലോബലായി ഇൻസ്റ്റാൾ ചെയ്യുക
207docsify serve                 # ലോക്കൽഹോസ്റ്റിൽ 3000ിനു സർവ് ചെയ്യുക
208```
209 
210### പ്രോജക്ട് പ്രത്യേകമായ കെട്ടിടങ്ങൾ
211 
212ഓരോ പ്രോജക്ട് ഡയറക്ടറിയിലും തികച്ചും വേറിട്ട കെട്ടിട പ്രക്രിയ ഉണ്ടാകാം:  
213- Vue പ്രോജക്ടുകൾ: `npm run build` പ്രൊഡക്ഷൻ ബണ്ടിലുകൾ സൃഷ്ടിക്കുന്നു  
214- സ്റ്റാറ്റിക് പ്രോജക്ടുകൾ: കെട്ടിടം ഇല്ലാതെ ഉടൻ സർവ് ചെയ്യുന്നു  
215 
216## പുൾ റിക്ക്വസ്റ്റ് മാർഗനിർദ്ദേശങ്ങൾ
217 
218### തലക്കെട്ട് ഫോർമാറ്റ്
219 
220മാറ്റത്തിന്റെ മേഖല വ്യക്തമാക്കുന്ന ശുദ്ധമായ ശീർഷകങ്ങൾ ഉപയോഗിക്കുക:  
221- `[Quiz-app] ലെഷൻ X ന് പുതിയ ക്വിസ് ചേർക്കുക`  
222- `[Lesson-3] Terrarium പ്രോജക്ടിൽ ടൈपो നിഷേധിക്കുക`  
223- `[Translation] ലെഷൻ 5 ന് സ്പാൻസിഷ് വിവർത്തനം ചേർക്കുക`  
224- `[Docs] സെറ്റപ്പ് നിർദ്ദേശങ്ങൾ അപ്ഡേറ്റ് ചെയ്യുക`  
225 
226### ആവശ്യമായ പരിശോധനകൾ
227 
228PR സമർപ്പിക്കുന്നതിന് മുമ്പ്:  
229 
2301. **കോഡ് ഗുണമേന്മ**:  
231   - ബാധിക്കപ്പെട്ട പ്രോജക്ട് ഡയറക്ടറികളിൽ `npm run lint` റൺ ചെയ്യുക  
232   - എല്ലാ ലിന്റിംഗ് പിശകുകളും മുന്നറിയിപ്പുകളും പരിഹരിക്കുക  
233 
2342. **കെട്ടിട പരിശോധന**:  
235   - പ്രയോഗിക്കാവുന്നുവെങ്കിൽ `npm run build` റൺ ചെയ്യുക  
236   - കോഡ് പിഴവുകൾ ഇല്ലെന്ന് ഉറപ്പാക്കുക  
237 
2383. **ലിങ്ക് പരിശോധന**:  
239   - എല്ലാ മാർക്ക്ഡൗൺ ലിങ്കുകളും പരിശോധിക്കുക  
240   - ചിത്രം റഫറൻസുകൾ പ്രവർത്തിക്കുന്നുവെന്ന് ഉറപ്പാക്കുക  
241 
2424. **ഉള്ളടക്കം അവലോകനം**:  
243   - ഉച്ചാരണം, വ്യാകരണപരമായി പരിശോധിക്കുക  
244   - കോഡ് ഉദാഹരണങ്ങൾ ശരിയായി, ശാസ്ത്രീയമായി ഉണ്ട് എന്നതിനായി  
245   - വിവർത്തനങ്ങൾ യഥാർത്ഥ അർത്ഥം നിലനിർത്തുന്നുവെന്ന് ഉറപ്പാക്കുക  
246 
247### സംഭാവക ആവശ്യകതകൾ
248 
249- മൈക്രോസോഫ്റ്റ് CLA സമ്മതിക്കുക (ആദ്യ PR ന് ഓട്ടോമാറ്റിക് പരിശോധന)  
250- [മൈക്രോസോഫ്റ്റ് ഓപ്പൺ സോഴ്‌സ് കോഡ് ഓഫ് കംഡക്ട്](https://opensource.microsoft.com/codeofconduct/) പാലിക്കുക  
251- വിശദ മാർഗനിർദ്ദേശങ്ങൾക്ക് [CONTRIBUTING.md](./CONTRIBUTING.md) കാണുക  
252- PR വിവരണത്തിൽ കാര്യങ്ങൾ സംബന്ധിച്ച(issue-numbers) ഉദ്ധരിക്കുക  
253 
254### അവലോകന പ്രക്രിയ
255 
256- PRകൾ സംരക്ഷകരും സമൂഹവും പരിശോധിക്കും  
257- വിദ്യാഭ്യാസമാണ് മുൻഗണന  
258- കോഡ് ഉദാഹരണങ്ങൾ നിലവിലെ മികച്ച പ്രാക്ടീസുകൾ പാലിക്കണം  
259- വിവർത്തനങ്ങൾ കൃത്യതയ്ക്കും സാംസ്കാരിക അനുയോജ്യതയ്ക്കും പരിശോധിക്കപ്പെടും  
260 
261## വിവർത്തന സംവിധാനം
262 
263### ഓട്ടോമാറ്റഡ് വിവർത്തനം
264 
265- GitHub ആക്ഷനുകൾ ഉപയോഗിച്ച് co-op-translator വർക്‌ഫ്ലോ  
266- 50+ ഭാഷകളിലേക്ക് സ്വയം വിവർത്തനങ്ങൾ  
267- പ്രധാന ഡയറക്ടറികളിലെ സോഴ്‌സ് ഫയലുകൾ  
268- `translations/{language-code}/` ഡയറക്ടറികളിലെ വിവർത്തന ഫയലുകൾ  
269 
270### മാനുവൽ വിവർത്തന മെച്ചപ്പെടുത്തലുകൾ ചേർക്കൽ
271 
2721. `translations/{language-code}/` ൽ ഫയൽ കണ്ടെത്തുക  
2732. ഘടന നിലനിർത്തി മെച്ചപ്പെടുത്തലുകൾ വരുത്തുക  
2743. കോഡ് ഉദാഹരണങ്ങൾ പ്രവർത്തനക്ഷമമാണെന്ന് ഉറപ്പാക്കുക  
2754. ലൊക്കലൈസ്ഡ് ക്വിസ് ഉള്ളടക്കം ടെസ്റ്റ് ചെയ്യുക  
276 
277### വിവർത്തന മെറ്റാഡാറ്റ
278 
279വിവർത്തന ഫയലുകളിൽ മെറ്റാഡാറ്റ ഹെഡർ ഉൾപ്പെടുന്നു:  
280```markdown
281<!--
282CO_OP_TRANSLATOR_METADATA:
283{
284  "original_hash": "...",
285  "translation_date": "...",
286  "source_file": "...",
287  "language_code": "..."
288}
289-->
290```
291 
292## ഡീബഗിങ്ങും പ്രശ്നപരിഹാരവും
293 
294### സാധാരണ പ്രശ്നങ്ങൾ
295 
296**ക്വിസ് ആപ്പ് തുടങ്ങുന്നതിൽ പരാജയം**:  
297- Node.js പതിപ്പ് പരിശോധിക്കുക (v14+ ശുപാർശ)  
298- `node_modules` , `package-lock.json` ഇല്ലാതാക്കി പുനഃസ്ഥാപിക്കുക `npm install`  
299- പോർട്ട് കോഴുത്തുകൾ പരിശോധിക്കുക (ഡിഫോൾട്ട്: Vite പോർട്ട് 5173)  
300 
301**API സെർവർ തുടങ്ങാനില്ല**:  
302- കുറഞ്ഞ Node.js പതിപ്പ് ഉറപ്പാക്കുക (node >=10)  
303- പോർട്ട് ഉപയോഗത്തിൽ ആണോ എന്ന് പരിശോധിക്കുക  
304- എല്ലാ ആശ്രിതങ്ങൾ `npm install` ഉപയോഗിച്ച് ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ടെന്ന് ഉറപ്പാക്കുക  
305 
306**ബ്രൗസർ എക്സ്റ്റൻഷൻ ലോഡ് ആവുന്നില്ല**:  
307- manifest.json ശരിയായി ഫോർമാറ്റ് ചെയ്‌തിട്ടുണ്ടോ എന്ന് പരിശോധിക്കുക  
308- ബ്രൗസർ കോൺസോൾ പിശകുകൾ കാണുക  
309- ബ്രൗസർ-സ്പെസിഫിക് എക്സ്റ്റൻഷൻ ഇൻസ്റ്റലേഷൻ നിർദ്ദേശങ്ങൾ പാലിക്കുക  
310 
311**Python ചാറ്റ് പ്രോജക്ട് പ്രശ്നങ്ങൾ**:  
312- OpenAI പാക്കേജ് ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ടെങ്കിൽ: `pip install openai`  
313- GITHUB_TOKEN എൻവയ്റൺമെന്റ് വെരിയബിൾ സജ്ജമാണെന്ന് സ്ഥിരീകരിക്കുക  
314- GitHub മോഡലുകളുടെ ആക്‌സസ് അനുമതി പരിശോധിക്കുക  
315 
316**Docsify ഡോക്യുമെന്റുകൾ സർവ് ചെയ്യാത്തത്**:  
317- docsify-cli ഗ്ലോബലായി ഇൻസ്റ്റാൾ ചെയ്യുക: `npm install -g docsify-cli`  
318- റിപ്പോസിറ്ററി റൂട്ടിൽ നിന്നും ഓടിക്കുക  
319- `docs/_sidebar.md` ഉണ്ട് എന്ന് ഉറപ്പാക്കുക  
320 
321### ഡെവലപ്മെന്റ് ആൻvirons
322 
323- HTML പ്രോജക്ടുകൾക്കായി VS Code ലൈവ് സെർവർ വിപുലീകരണം ഉപയോഗിക്കുക  
324- സ്ഥിരമായ ഫോർമാറ്റിംഗിനായി ESLint, Prettier വിപുലീകരണങ്ങൾ ഇൻസ്റ്റാൾ ചെയ്യുക  
325- ജാവാസ്ക്രിപ്റ്റിന്റെ ഡീബഗിംഗിന് ബ്രൗസർ ഡെവ് ടൂളുകൾ ഉപയോഗിക്കുക  
326- Vue പ്രോജക്ടുകൾക്കായി Vue DevTools ബ്രൗസർ എക്സ്റ്റൻഷൻ ഇൻസ്റ്റാൾ ചെയ്യുക  
327 
328### പെർഫോർമൻസ് പരിഗണനകൾ
329 
330- 50+ ഭാഷകളിൽ വിവർത്തനം ഉള്ളതിനാൽ ഫുൾ ക്ലോണുകൾ വലിയവയാണ്  
331- ഉള്ളടക്കത്തിൽ മാത്രം ജോലിക്കായി ഷാലോ ക്ലോൺ ഉപയോഗിക്കുക: `git clone --depth 1`  
332- ഇംഗ്ലീഷ് ഉള്ളടക്കത്തിൽ ജോലി ചെയ്യുമ്പോൾ വിവർത്തനങ്ങൾ തിരച്ചിൽ ഒഴിവാക്കുക  
333- സ്ഥാപനങ്ങൾ ആദ്യ റണ്ണിൽ (npm install, Vite build) മന്ദഗതിയിലായിരിക്കും  
334 
335## സുരക്ഷാ പരിഗണനകൾ
336 
337### എൻവയ(amount)ന്റ variables
338 
339- API കീകൾ റിപ്പോസിറ്ററിയിൽ ഒരിക്കലും കമ്മിറ്റ് ചെയ്യരുത്  
340- `.env` ഫയലുകൾ ഉപയോഗിക്കുക (.gitignore-യിൽ ഉണ്ട്)  
341- ആവശ്യമായ എൻവയ(amount)ന്റ് വെരിയബിൾ(READMEs)-ൽ രേഖപ്പെടുത്തുക  
342 
343### Python പ്രോജക്ടുകൾ
344 
345- വെർച്ച്വൽ എൻവയ(amount)മെന്റ് ഉപയോഗിക്കുക: `python -m venv venv`  
346- ആശ്രിതങ്ങൾ അപ്ഡേറ്റ് ചെയ്യുക  
347- GitHub ടോക്കൺകൾ കുറഞ്ഞ അനുമതികൾ მქონതായിരിക്കണം  
348 
349### GitHub മോഡലുകൾ ആക്‌സസ്
350 
351- GitHub മോഡലുകൾക്കായി വ്യക്തിഗത ആക്‌സസ് ടോക്കണുകൾ (PAT) ആവശ്യമാണ്  
352- ടോക്കണുകൾ എൻവയ(amount)ന്റ് വെരിയബിളുകളായി സൂക്ഷിക്കുക  
353- ടോക്കൺ അല്ലെങ്കിൽ ക്രെഡൻഷ്യൽസ് ഒടുക്കെയുള്ള റിപ്പോർട്ടിംഗിൽ അടക്കം ചെയ്തരുത്  
354 
355## അധിക കുറിപ്പുകൾ
356 
357### ലക്ഷ്യ പ്രേക്ഷകർ
358 
359- വെബ് ഡെവലപ്പ്മെന്റിൽ പുത്തൻ തുടക്കം കുറിക്കുന്നവർ  
360- വിദ്യാർത്ഥികളും സ്വയം പഠിക്കുന്നവരും  
361- ക്ലാസുകളിൽ പാഠ്യകാര്യം ഉപയോഗിക്കുന്ന അധ്യാപകർ  
362- ആക്‌സസിബിലിറ്റിക്കും ക്രമികമായ നൈപുണ്യ വികസനത്തിനും രൂപപ്പെടുത്തിയ ഉള്ളടക്കം  
363 
364### വിദ്യാഭ്യാസ തത്വചിന്തനം
365 
366- പ്രോജക്ട് അടിസ്ഥാന പഠന രീതി  
367- നിരന്തരമായ അറിവ് പരിശോധനകൾ (ക്വിസുകൾ)  
368- പ്രായോഗിക കോഡിംഗ് വ്യായാമങ്ങൾ  
369- യഥാർത്ഥ ലോക പ്രയോഗ ഉദാഹരണങ്ങൾ  
370- ഫ്രെയിംവർക്കുകൾക്കു മുമ്പുള്ള അടിസ്ഥാനങ്ങൾക്കു ശ്രദ്ധ  
371 
372### സംരക്ഷണ പ്രവർത്തനം
373 
374- പഠിയ്ക്കുന്നവരുടെ, സംഭാവകരുടെ സജീവ സമൂഹം  
375- ആശ്രിതങ്ങളും ഉള്ളടക്കവും സ്ഥിരം അപ്ഡേറ്റുകൾ  
376- നിലനിൽപ്പുകാർ പ്രശ്നങ്ങൾക്കും ചർച്ചകൾക്കും ശ്രദ്ധ നൽകുന്നു  
377- വിവർത്തന അപ്ഡേറ്റുകൾ GitHub ആക്ഷനുകൾ വഴി ഓട്ടോമാറ്റിക് ചെയ്യുന്നു  
378 
379### ബന്ധപ്പെട്ട വിഭവങ്ങൾ
380 
381- [Microsoft Learn modules](https://docs.microsoft.com/learn/)  
382- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/)  
383- പഠിയ്ക്കുന്നവർക്കായി ശുപാർശ: [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)  
384- അധിക കോഴ്സുകൾ: Generative AI, Data Science, ML, IoT പാഠ്യപദ്ധതികൾ ലഭ്യമാണ്  
385 
386### പ്രത്യേക പ്രോജക്ടുകളുമായി ജോലി ചെയ്യൽ
387 
388വിവരങ്ങൾക്ക് ഓരോ പ്രോജക്റ്റിൻറെ README ഫയലുകൾ കാണുക:  
389- `quiz-app/README.md` - Vue 3 ക്വിസ് ആപ്പ്  
390- `7-bank-project/README.md` - ഓതന്റിക്കേഷൻ ഉള്ള ബാങ്കിങ് ആപ്പ്  
391- `5-browser-extension/README.md` - ബ്രൗസർ എക്സ്റ്റെൻഷൻ വികസനം  
392- `6-space-game/README.md` - കാന്‍വാസ് അടിസ്ഥാന ഗെയിം ഡെവലപ്പ്മെന്റ്  
393- `9-chat-project/README.md` - AI ചാറ്റ് അസിസ്റ്റന്റ്  
394 
395### മൊണൊറെപോ ഘടന
396 
397പാരമ്പര്യമുള്ള മൊണൊറെപോ ആയിരിക്കmasaില്ലെങ്കിലും, ഈ സംഭരത്തിൽ ഒട്ടനവധി സ്വതന്ത്ര പ്രോജക്ടുകൾ വേണ്ടിയാണ്:  
398- ഓരോ പാഠവും സ്വതന്ത്രമാണ്  
399- പ്രോജക്ടുകൾ ആശ്രിതങ്ങൾ പങ്കിടാറില്ല  
400- മറ്റുള്ളവയെ ബാധിക്കാതെ നേരിട്ട് ഓരോ പ്രോജക്ടിലും ജോലി ചെയ്യാം  
401- സമ്പൂർണ പാഠ്യാനുഭവത്തിനായിഹ് ഈ മുഴുവൻ റിപോസിറ്ററി ക്ലോൺ ചെയ്യുക
402 
403---
404 
405<!-- CO-OP TRANSLATOR DISCLAIMER START -->
406**പോരായ്മയൊപ്പമെന്ന് അറിയിപ്പ്**:  
407ഈ ഡോക്യൂമെന്റ് [Co-op Translator](https://github.com/Azure/co-op-translator) എന്ന എഐ വിവർത്തന സേവനം ഉപയോഗിച്ച് വിവർത്തനം ചെയ്തതാണ്. നാം കൃത്യതയ്ക്ക് പരിശ്രമിച്ചാലും, യന്ത്രം വിവർത്തനത്തിൽ പിഴവുകളോ നിർവചനഭ്രമങ്ങളോ ഉണ്ടാകാമെന്ന നിർദ്ദേശം മനസിലാക്കുക. അതിന്റെ മാതൃഭാഷയിലുള്ള മൗലിക ഡോക്യുമെന്റ് മാത്രമാണ് വിശ്വസനീയമായ ഉറവിടം എന്നു കരുതേണ്ടതാണ്. നിർണായകമായ വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശുപാർശ ചെയ്യപ്പെടുന്നു. ഈ വിവർത്തനം ഉപയോഗിക്കുന്നതിന് പശ്ചാത്തലത്തിൽ ഉണ്ടാകുന്ന ബോധക്കേടുകൾക്കും വ്യാഖ്യാനഭ്രമങ്ങൾക്കും നാം ഉത്തരവാദികളല്ല.
408<!-- CO-OP TRANSLATOR DISCLAIMER END -->