12 KiB
API ਅਪਨਾਓ
ਝਲਕ
APIਜ਼ ਰਚਨਾਤਮਕ ਵੈੱਬ ਵਿਕਾਸ ਲਈ ਬੇਅੰਤ ਸੰਭਾਵਨਾਵਾਂ ਖੋਲ੍ਹਦੇ ਹਨ! ਇਸ ਅਸਾਈਨਮੈਂਟ ਵਿੱਚ, ਤੁਸੀਂ ਇੱਕ ਬਾਹਰੀ API ਚੁਣੋਗੇ ਅਤੇ ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਬਣਾਓਗੇ ਜੋ ਕਿਸੇ ਅਸਲ ਸਮੱਸਿਆ ਦਾ ਹੱਲ ਕਰਦਾ ਹੈ ਜਾਂ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਕੀਮਤੀ ਫੰਕਸ਼ਨਾਲਿਟੀ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।
ਹਦਾਇਤਾਂ
ਪਦਅਵਾਰ 1: ਆਪਣਾ API ਚੁਣੋ
ਇਸ ਚੁਣੀ ਗਈ ਮੁਫ਼ਤ ਜਨਤਕ APIਜ਼ ਦੀ ਸੂਚੀ ਵਿੱਚੋਂ ਇੱਕ API ਚੁਣੋ। ਇਹ ਸ਼੍ਰੇਣੀਆਂ ਵਿਚਾਰੋ:
ਨਵਾਂ ਸਿਖਣ ਵਾਲਿਆਂ ਲਈ ਪ੍ਰਸਿੱਧ ਵਿਕਲਪ:
- ਮਨੋਰੰਜਨ: Dog CEO API ਬੇਤਰਤੀਬਾ ਕੁੱਤੇ ਦੀਆਂ ਤਸਵੀਰਾਂ ਲਈ
- ਮੌਸਮ: OpenWeatherMap ਮੌਜੂਦਾ ਮੌਸਮ ਡਾਟਾ ਲਈ
- ਕੋਟਸ: Quotable API ਪ੍ਰੇਰਣਾਤਮਕ ਕੋਟਸ ਲਈ
- ਖ਼ਬਰਾਂ: NewsAPI ਮੌਜੂਦਾ ਸੁਰਖੀਆਂ ਲਈ
- ਮਜ਼ੇਦਾਰ ਤੱਥ: Numbers API ਦਿਲਚਸਪ ਨੰਬਰ ਤੱਥਾਂ ਲਈ
ਪਦਅਵਾਰ 2: ਆਪਣਾ ਐਕਸਟੈਂਸ਼ਨ ਯੋਜਨਾ ਬਣਾਓ
ਕੋਡਿੰਗ ਤੋਂ ਪਹਿਲਾਂ, ਇਹ ਯੋਜਨਾਬੰਦੀ ਸਵਾਲਾਂ ਦੇ ਜਵਾਬ ਦਿਓ:
- ਤੁਹਾਡਾ ਐਕਸਟੈਂਸ਼ਨ ਕਿਹੜੀ ਸਮੱਸਿਆ ਦਾ ਹੱਲ ਕਰਦਾ ਹੈ?
- ਤੁਹਾਡਾ ਟਾਰਗਟ ਉਪਭੋਗਤਾ ਕੌਣ ਹੈ?
- ਤੁਹਾਡਾ ਕੀ ਡਾਟਾ ਲੋਕਲ ਸਟੋਰੇਜ ਵਿੱਚ ਸਟੋਰ ਹੋਵੇਗਾ?
- ਤੁਸੀਂ API ਫੇਲ੍ਹ ਹੋਣ ਜਾਂ ਰੇਟ ਲਿਮਿਟਸ ਨੂੰ ਕਿਵੇਂ ਹੈਂਡਲ ਕਰੋਗੇ?
ਪਦਅਵਾਰ 3: ਆਪਣਾ ਐਕਸਟੈਂਸ਼ਨ ਬਣਾਓ
ਤੁਹਾਡਾ ਐਕਸਟੈਂਸ਼ਨ ਇਹ ਸ਼ਾਮਲ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ:
ਲੋੜੀਂਦੇ ਫੀਚਰ:
- API ਪੈਰਾਮੀਟਰਾਂ ਲਈ ਫਾਰਮ ਇਨਪੁਟ
- API ਇੰਟੀਗ੍ਰੇਸ਼ਨ ਸਹੀ ਤਰੀਕੇ ਨਾਲ ਐਰਰ ਹੈਂਡਲਿੰਗ ਦੇ ਨਾਲ
- ਉਪਭੋਗਤਾ ਦੀਆਂ ਪਸੰਦਾਂ ਜਾਂ API ਕੁੰਜੀਆਂ ਲਈ ਲੋਕਲ ਸਟੋਰੇਜ
- ਸਾਫ਼, ਜਵਾਬਦੇਹ ਉਪਭੋਗਤਾ ਇੰਟਰਫੇਸ
- ਲੋਡਿੰਗ ਸਟੇਟਸ ਅਤੇ ਉਪਭੋਗਤਾ ਫੀਡਬੈਕ
ਕੋਡ ਦੀਆਂ ਲੋੜਾਂ:
- ਆਧੁਨਿਕ ਜਾਵਾਸਕ੍ਰਿਪਟ (ES6+) ਫੀਚਰ ਵਰਤੋ
- API ਕਾਲਾਂ ਲਈ async/await ਲਾਗੂ ਕਰੋ
- try/catch ਬਲਾਕਾਂ ਨਾਲ ਸਹੀ ਤਰੀਕੇ ਨਾਲ ਐਰਰ ਹੈਂਡਲਿੰਗ ਸ਼ਾਮਲ ਕਰੋ
- ਆਪਣੇ ਕੋਡ ਨੂੰ ਸਮਝਾਉਣ ਵਾਲੀਆਂ ਅਰਥਪੂਰਨ ਟਿੱਪਣੀਆਂ ਸ਼ਾਮਲ ਕਰੋ
- ਸਥਿਰ ਕੋਡ ਫਾਰਮੈਟਿੰਗ ਦੀ ਪਾਲਣਾ ਕਰੋ
ਪਦਅਵਾਰ 4: ਟੈਸਟ ਅਤੇ ਪੋਲਿਸ਼
- ਆਪਣੇ ਐਕਸਟੈਂਸ਼ਨ ਨੂੰ ਵੱਖ-ਵੱਖ ਇਨਪੁਟਾਂ ਨਾਲ ਟੈਸਟ ਕਰੋ
- ਐਜ ਕੇਸਾਂ ਨੂੰ ਹੈਂਡਲ ਕਰੋ (ਇੰਟਰਨੈਟ ਨਹੀਂ, ਗਲਤ API ਜਵਾਬ)
- ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਹਾਡਾ ਐਕਸਟੈਂਸ਼ਨ ਬ੍ਰਾਊਜ਼ਰ ਰੀਸਟਾਰਟ ਤੋਂ ਬਾਅਦ ਵੀ ਕੰਮ ਕਰਦਾ ਹੈ
- ਉਪਭੋਗਤਾ-ਅਨੁਕੂਲ ਐਰਰ ਸੁਨੇਹੇ ਸ਼ਾਮਲ ਕਰੋ
ਬੋਨਸ ਚੁਣੌਤੀਆਂ
ਆਪਣੇ ਐਕਸਟੈਂਸ਼ਨ ਨੂੰ ਅਗਲੇ ਪੱਧਰ 'ਤੇ ਲਿਜਾਓ:
- ਵਧੇਰੇ ਫੰਕਸ਼ਨਾਲਿਟੀ ਲਈ ਕਈ API ਐਂਡਪੌਇੰਟ ਸ਼ਾਮਲ ਕਰੋ
- API ਕਾਲਾਂ ਨੂੰ ਘਟਾਉਣ ਲਈ ਡਾਟਾ ਕੈਸ਼ਿੰਗ ਲਾਗੂ ਕਰੋ
- ਆਮ ਕਾਰਵਾਈਆਂ ਲਈ ਕੀਬੋਰਡ ਸ਼ਾਰਟਕੱਟ ਬਣਾਓ
- ਡਾਟਾ ਐਕਸਪੋਰਟ/ਇੰਪੋਰਟ ਫੀਚਰ ਸ਼ਾਮਲ ਕਰੋ
- ਉਪਭੋਗਤਾ ਕਸਟਮਾਈਜ਼ੇਸ਼ਨ ਵਿਕਲਪ ਲਾਗੂ ਕਰੋ
ਜਮ੍ਹਾਂ ਕਰਨ ਦੀਆਂ ਲੋੜਾਂ
- ਕੰਮ ਕਰਦਾ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਜੋ ਤੁਹਾਡੇ ਚੁਣੇ API ਨਾਲ ਸਫਲਤਾਪੂਰਵਕ ਇੰਟੀਗ੍ਰੇਟ ਕਰਦਾ ਹੈ
- README ਫਾਈਲ ਜਿਸ ਵਿੱਚ ਇਹ ਸ਼ਾਮਲ ਹੋਵੇ:
- ਤੁਸੀਂ ਕਿਹੜਾ API ਚੁਣਿਆ ਅਤੇ ਕਿਉਂ
- ਤੁਹਾਡਾ ਐਕਸਟੈਂਸ਼ਨ ਕਿਵੇਂ ਇੰਸਟਾਲ ਅਤੇ ਵਰਤਣਾ ਹੈ
- ਕੋਈ ਵੀ API ਕੁੰਜੀਆਂ ਜਾਂ ਸੈਟਅੱਪ ਦੀ ਲੋੜ
- ਤੁਹਾਡੇ ਐਕਸਟੈਂਸ਼ਨ ਦੀ ਕਾਰਵਾਈ ਦੇ ਸਕ੍ਰੀਨਸ਼ਾਟ
- ਸਾਫ਼, ਟਿੱਪਣੀ ਕੀਤਾ ਹੋਇਆ ਕੋਡ ਜੋ ਆਧੁਨਿਕ ਜਾਵਾਸਕ੍ਰਿਪਟ ਅਭਿਆਸਾਂ ਦੀ ਪਾਲਣਾ ਕਰਦਾ ਹੈ
ਰੂਬਰਿਕ
| ਮਾਪਦੰਡ | ਸ਼ਾਨਦਾਰ (90-100%) | ਨਿਪੁਣ (80-89%) | ਵਿਕਾਸਸ਼ੀਲ (70-79%) | ਸ਼ੁਰੂਆਤੀ (60-69%) |
|---|---|---|---|---|
| API ਇੰਟੀਗ੍ਰੇਸ਼ਨ | ਬੇਹਤਰੀਨ API ਇੰਟੀਗ੍ਰੇਸ਼ਨ, ਵਿਆਪਕ ਐਰਰ ਹੈਂਡਲਿੰਗ ਅਤੇ ਐਜ ਕੇਸ ਮੈਨੇਜਮੈਂਟ ਦੇ ਨਾਲ | ਸਫਲ API ਇੰਟੀਗ੍ਰੇਸ਼ਨ ਬੁਨਿਆਦੀ ਐਰਰ ਹੈਂਡਲਿੰਗ ਦੇ ਨਾਲ | API ਕੰਮ ਕਰਦਾ ਹੈ ਪਰ ਸੀਮਿਤ ਐਰਰ ਹੈਂਡਲਿੰਗ ਹੈ | API ਇੰਟੀਗ੍ਰੇਸ਼ਨ ਵਿੱਚ ਮਹੱਤਵਪੂਰਨ ਸਮੱਸਿਆਵਾਂ ਹਨ |
| ਕੋਡ ਗੁਣਵੱਤਾ | ਸਾਫ਼, ਚੰਗੀ ਤਰੀਕੇ ਨਾਲ ਟਿੱਪਣੀ ਕੀਤਾ ਆਧੁਨਿਕ ਜਾਵਾਸਕ੍ਰਿਪਟ ਜੋ ਸ੍ਰੇਸ਼ਠ ਅਭਿਆਸਾਂ ਦੀ ਪਾਲਣਾ ਕਰਦਾ ਹੈ | ਚੰਗੀ ਕੋਡ ਸਟ੍ਰਕਚਰ, ਯਥਾਯੋਗ ਟਿੱਪਣੀਆਂ ਦੇ ਨਾਲ | ਕੋਡ ਕੰਮ ਕਰਦਾ ਹੈ ਪਰ ਵਧੇਰੇ ਸੁਧਾਰ ਦੀ ਲੋੜ ਹੈ | ਘਟੀਆ ਕੋਡ ਗੁਣਵੱਤਾ, ਘੱਟ ਟਿੱਪਣੀਆਂ ਦੇ ਨਾਲ |
| ਉਪਭੋਗਤਾ ਅਨੁਭਵ | ਪੋਲਿਸ਼ਡ ਇੰਟਰਫੇਸ, ਸ਼ਾਨਦਾਰ ਲੋਡਿੰਗ ਸਟੇਟਸ ਅਤੇ ਉਪਭੋਗਤਾ ਫੀਡਬੈਕ ਦੇ ਨਾਲ | ਚੰਗਾ ਇੰਟਰਫੇਸ, ਬੁਨਿਆਦੀ ਉਪਭੋਗਤਾ ਫੀਡਬੈਕ ਦੇ ਨਾਲ | ਬੁਨਿਆਦੀ ਇੰਟਰਫੇਸ ਜੋ ਢੰਗ ਨਾਲ ਕੰਮ ਕਰਦਾ ਹੈ | ਘਟੀਆ ਉਪਭੋਗਤਾ ਅਨੁਭਵ, ਗੁੰਝਲਦਾਰ ਇੰਟਰਫੇਸ |
| ਲੋਕਲ ਸਟੋਰੇਜ | ਡਾਟਾ ਵੈਲੀਡੇਸ਼ਨ ਅਤੇ ਮੈਨੇਜਮੈਂਟ ਦੇ ਨਾਲ ਲੋਕਲ ਸਟੋਰੇਜ ਦੀ ਸੁਧਾਰਤ ਵਰਤੋਂ | ਕੁੰਜੀ ਫੀਚਰਾਂ ਲਈ ਲੋਕਲ ਸਟੋਰੇਜ ਦੀ ਸਹੀ ਲਾਗੂ | ਬੁਨਿਆਦੀ ਲੋਕਲ ਸਟੋਰੇਜ ਲਾਗੂ | ਘੱਟ ਜਾਂ ਗਲਤ ਲੋਕਲ ਸਟੋਰੇਜ ਦੀ ਵਰਤੋਂ |
| ਦਸਤਾਵੇਜ਼ | ਵਿਸਥਾਰਤ README ਸੈਟਅੱਪ ਹਦਾਇਤਾਂ ਅਤੇ ਸਕ੍ਰੀਨਸ਼ਾਟ ਦੇ ਨਾਲ | ਵਧੀਆ ਦਸਤਾਵੇਜ਼ ਜੋ ਜ਼ਿਆਦਾਤਰ ਲੋੜਾਂ ਨੂੰ ਕਵਰ ਕਰਦਾ ਹੈ | ਕੁਝ ਵੇਰਵੇ ਗੁੰਮ ਹੋਣ ਦੇ ਨਾਲ ਬੁਨਿਆਦੀ ਦਸਤਾਵੇਜ਼ | ਘਟੀਆ ਜਾਂ ਗੁੰਮ ਦਸਤਾਵੇਜ਼ |
ਸ਼ੁਰੂਆਤੀ ਸੁਝਾਅ
- ਸਧਾਰਨ ਸ਼ੁਰੂਆਤ ਕਰੋ: ਇੱਕ API ਚੁਣੋ ਜੋ ਜਟਿਲ ਪ੍ਰਮਾਣਿਕਤਾ ਦੀ ਲੋੜ ਨਹੀਂ ਰੱਖਦਾ
- ਡੌਕਸ ਪੜ੍ਹੋ: ਆਪਣੇ ਚੁਣੇ API ਦੇ ਐਂਡਪੌਇੰਟ ਅਤੇ ਜਵਾਬਾਂ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਝੋ
- ਆਪਣਾ UI ਯੋਜਨਾ ਬਣਾਓ: ਕੋਡਿੰਗ ਤੋਂ ਪਹਿਲਾਂ ਆਪਣੇ ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਇੰਟਰਫੇਸ ਨੂੰ ਸਕੈਚ ਕਰੋ
- ਵਾਰ-ਵਾਰ ਟੈਸਟ ਕਰੋ: ਹੌਲੀ-ਹੌਲੀ ਬਣਾਓ ਅਤੇ ਹਰ ਫੀਚਰ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਦੇ ਨਾਲ ਟੈਸਟ ਕਰੋ
- ਐਰਰ ਹੈਂਡਲ ਕਰੋ: ਹਮੇਸ਼ਾ ਮੰਨੋ ਕਿ API ਕਾਲਾਂ ਫੇਲ੍ਹ ਹੋ ਸਕਦੀਆਂ ਹਨ ਅਤੇ ਇਸ ਲਈ ਯੋਜਨਾ ਬਣਾਓ
ਸਰੋਤ
ਕੁਝ ਉਪਯੋਗੀ ਅਤੇ ਰਚਨਾਤਮਕ ਬਣਾਉਣ ਵਿੱਚ ਮਜ਼ਾ ਲਵੋ! 🚀
ਅਸਵੀਕਰਤੀ:
ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ Co-op Translator ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀ ਹੋਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੁਚੀਤਤਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਇਸਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਪੈਦਾ ਹੋਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।