You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Web-Dev-For-Beginners/translations/pa/7-bank-project/1-template-route/assignment.md

9.2 KiB

ਰੂਟਿੰਗ ਵਿੱਚ ਸੁਧਾਰ ਕਰੋ

ਹਦਾਇਤਾਂ

ਹੁਣ ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ ਬੁਨਿਆਦੀ ਰੂਟਿੰਗ ਸਿਸਟਮ ਬਣਾਇਆ ਹੈ, ਇਹ ਸਮਾਂ ਹੈ ਕਿ ਇਸਨੂੰ ਪੇਸ਼ੇਵਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨਾਲ ਵਧਾਇਆ ਜਾਵੇ ਜੋ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਂਦੀਆਂ ਹਨ ਅਤੇ ਡਿਵੈਲਪਰ ਟੂਲਾਂ ਨੂੰ ਵਧਾਉਂਦੀਆਂ ਹਨ। ਅਸਲ ਦੁਨੀਆ ਦੇ ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਸਿਰਫ ਟੈਂਪਲੇਟ ਸਵਿੱਚਿੰਗ ਦੀ ਲੋੜ ਨਹੀਂ ਹੁੰਦੀ \u2013 ਉਹਨਾਂ ਨੂੰ ਗਤੀਸ਼ੀਲ ਪੇਜ ਟਾਈਟਲ, ਲਾਈਫਸਾਈਕਲ ਹੂਕਸ, ਅਤੇ ਵਧਾਉਣਯੋਗ ਆਰਕੀਟੈਕਚਰ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।

ਇਸ ਅਸਾਈਨਮੈਂਟ ਵਿੱਚ, ਤੁਸੀਂ ਆਪਣੀ ਰੂਟਿੰਗ ਇੰਪਲੀਮੈਂਟੇਸ਼ਨ ਨੂੰ ਦੋ ਜ਼ਰੂਰੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨਾਲ ਵਧਾਓਗੇ ਜੋ ਆਮ ਤੌਰ 'ਤੇ ਉਤਪਾਦਨ ਵੈੱਬ ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਪਾਈਆਂ ਜਾਂਦੀਆਂ ਹਨ। ਇਹ ਸੁਧਾਰ ਤੁਹਾਡੇ ਬੈਂਕਿੰਗ ਐਪ ਨੂੰ ਹੋਰ ਪੋਲਿਸ਼ਡ ਮਹਿਸੂਸ ਕਰਵਾਉਣਗੇ ਅਤੇ ਭਵਿੱਖ ਦੀ ਕਾਰਗੁਜ਼ਾਰੀ ਲਈ ਇੱਕ ਮਜ਼ਬੂਤ ਨੀਂਹ ਪ੍ਰਦਾਨ ਕਰਨਗੇ।

ਰੂਟਸ ਡਿਕਲੇਰੇਸ਼ਨ ਵਿੱਚ ਇਸ ਸਮੇਂ ਸਿਰਫ਼ ਵਰਤਣ ਲਈ ਟੈਂਪਲੇਟ ID ਸ਼ਾਮਲ ਹੈ। ਪਰ ਜਦੋਂ ਨਵਾਂ ਪੇਜ ਦਿਖਾਇਆ ਜਾਂਦਾ ਹੈ, ਕਈ ਵਾਰ ਹੋਰ ਕੁਝ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। ਆਓ ਆਪਣੀ ਰੂਟਿੰਗ ਇੰਪਲੀਮੈਂਟੇਸ਼ਨ ਨੂੰ ਦੋ ਵਾਧੂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨਾਲ ਸੁਧਾਰਿਆ ਜਾਵੇ:

ਵਿਸ਼ੇਸ਼ਤਾ 1: ਗਤੀਸ਼ੀਲ ਪੇਜ ਟਾਈਟਲ

ਉਦੇਸ਼: ਹਰ ਟੈਂਪਲੇਟ ਨੂੰ ਟਾਈਟਲ ਦਿਓ ਅਤੇ ਜਦੋਂ ਟੈਂਪਲੇਟ ਬਦਲਦਾ ਹੈ ਤਾਂ ਇਸ ਨਵੇਂ ਟਾਈਟਲ ਨਾਲ ਵਿੰਡੋ ਟਾਈਟਲ ਨੂੰ ਅਪਡੇਟ ਕਰੋ।

ਇਹ ਕਿਉਂ ਮਹੱਤਵਪੂਰਨ ਹੈ:

  • ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਸੁਧਾਰਦਾ ਹੈ ਵਰਨਨਾਤਮਕ ਬ੍ਰਾਊਜ਼ਰ ਟੈਬ ਟਾਈਟਲ ਦਿਖਾ ਕੇ
  • ਸਹਾਇਕ ਤਕਨਾਲੋਜੀਆਂ ਲਈ ਪਹੁੰਚਯੋਗਤਾ ਨੂੰ ਵਧਾਉਂਦਾ ਹੈ ਜਿਵੇਂ ਕਿ ਸਕ੍ਰੀਨ ਰੀਡਰ
  • ਬੁੱਕਮਾਰਕਿੰਗ ਅਤੇ ਬ੍ਰਾਊਜ਼ਰ ਇਤਿਹਾਸ ਸੰਦਰਭ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਂਦਾ ਹੈ
  • ਪੇਸ਼ੇਵਰ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਸਾਰੇ ਮਿਆਰਾਂ ਦੀ ਪਾਲਣਾ ਕਰਦਾ ਹੈ

ਇੰਪਲੀਮੈਂਟੇਸ਼ਨ ਪਹੁੰਚ:

  • ਰੂਟਸ ਆਬਜੈਕਟ ਨੂੰ ਵਧਾਓ ਤਾਂ ਜੋ ਹਰ ਰੂਟ ਲਈ ਟਾਈਟਲ ਜਾਣਕਾਰੀ ਸ਼ਾਮਲ ਕੀਤੀ ਜਾ ਸਕੇ
  • updateRoute() ਫੰਕਸ਼ਨ ਨੂੰ ਸੋਧੋ ਤਾਂ ਜੋ document.title ਨੂੰ ਗਤੀਸ਼ੀਲ ਤੌਰ 'ਤੇ ਅਪਡੇਟ ਕੀਤਾ ਜਾ ਸਕੇ
  • ਟੈਸਟ ਕਰੋ ਕਿ ਜਦੋਂ ਸਕ੍ਰੀਨਾਂ ਦੇ ਵਿਚਕਾਰ ਨੈਵੀਗੇਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਤਾਂ ਟਾਈਟਲ ਸਹੀ ਤਰੀਕੇ ਨਾਲ ਬਦਲਦੇ ਹਨ

ਵਿਸ਼ੇਸ਼ਤਾ 2: ਰੂਟ ਲਾਈਫਸਾਈਕਲ ਹੂਕਸ

ਉਦੇਸ਼: ਟੈਂਪਲੇਟ ਬਦਲਣ ਤੋਂ ਬਾਅਦ ਕੁਝ ਕੋਡ ਚਲਾਉਣ ਦਾ ਵਿਕਲਪ ਸ਼ਾਮਲ ਕਰੋ। ਅਸੀਂ ਚਾਹੁੰਦੇ ਹਾਂ ਕਿ ਹਰ ਵਾਰ ਜਦੋਂ ਡੈਸ਼ਬੋਰਡ ਪੇਜ ਦਿਖਾਇਆ ਜਾਂਦਾ ਹੈ ਤਾਂ ਡਿਵੈਲਪਰ ਕੰਸੋਲ ਵਿੱਚ 'Dashboard is shown' ਪ੍ਰਿੰਟ ਹੋਵੇ।

ਇਹ ਕਿਉਂ ਮਹੱਤਵਪੂਰਨ ਹੈ:

  • ਕਸਟਮ ਲਾਜਿਕ ਨੂੰ ਚਲਾਉਣ ਦੀ ਸਹੂਲਤ ਦਿੰਦਾ ਹੈ ਜਦੋਂ ਖਾਸ ਰੂਟਸ ਲੋਡ ਹੁੰਦੇ ਹਨ
  • ਐਨਾਲਿਟਿਕਸ, ਲੌਗਿੰਗ ਜਾਂ ਇਨੀਸ਼ੀਅਲਾਈਜ਼ੇਸ਼ਨ ਕੋਡ ਲਈ ਹੂਕਸ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ
  • ਹੋਰ ਜਟਿਲ ਰੂਟ ਵਿਹਾਰਾਂ ਲਈ ਨੀਂਹ ਬਣਾਉਂਦਾ ਹੈ
  • ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਵਿੱਚ ਆਬਜ਼ਰਵਰ ਪੈਟਰਨ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ

ਇੰਪਲੀਮੈਂਟੇਸ਼ਨ ਪਹੁੰਚ:

  • ਰੂਟ ਕਨਫਿਗਰੇਸ਼ਨ ਵਿੱਚ ਇੱਕ ਵਿਕਲਪਿਕ ਕਾਲਬੈਕ ਫੰਕਸ਼ਨ ਪ੍ਰਾਪਰਟੀ ਸ਼ਾਮਲ ਕਰੋ
  • ਟੈਂਪਲੇਟ ਰੈਂਡਰਿੰਗ ਪੂਰੀ ਹੋਣ ਤੋਂ ਬਾਅਦ ਕਾਲਬੈਕ ਫੰਕਸ਼ਨ (ਜੇ ਮੌਜੂਦ ਹੈ) ਨੂੰ ਚਲਾਓ
  • ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ ਕਿ ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਕਿਸੇ ਵੀ ਰੂਟ ਲਈ ਕੰਮ ਕਰਦੀ ਹੈ ਜਿਸ ਵਿੱਚ ਕਾਲਬੈਕ ਪਰਿਭਾਸ਼ਿਤ ਹੈ
  • ਟੈਸਟ ਕਰੋ ਕਿ ਜਦੋਂ ਡੈਸ਼ਬੋਰਡ 'ਤੇ ਜਾਇਆ ਜਾਂਦਾ ਹੈ ਤਾਂ ਕੰਸੋਲ ਸੁਨੇਹਾ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ

ਰੂਬ੍ਰਿਕ

ਮਾਪਦੰਡ ਸ਼ਾਨਦਾਰ ਯੋਗ ਸੁਧਾਰ ਦੀ ਲੋੜ ਹੈ
ਦੋ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਲਾਗੂ ਕੀਤੀਆਂ ਗਈਆਂ ਹਨ ਅਤੇ ਕੰਮ ਕਰ ਰਹੀਆਂ ਹਨ। ਟਾਈਟਲ ਅਤੇ ਕੋਡ ਸ਼ਾਮਲ ਕਰਨ ਦਾ ਕੰਮ routes ਡਿਕਲੇਰੇਸ਼ਨ ਵਿੱਚ ਨਵਾਂ ਰੂਟ ਸ਼ਾਮਲ ਕਰਨ ਲਈ ਵੀ ਕੰਮ ਕਰਦਾ ਹੈ। ਦੋ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਕੰਮ ਕਰਦੀਆਂ ਹਨ, ਪਰ ਵਿਹਾਰ ਹਾਰਡਕੋਡ ਕੀਤਾ ਗਿਆ ਹੈ ਅਤੇ routes ਡਿਕਲੇਰੇਸ਼ਨ ਰਾਹੀਂ ਕਨਫਿਗਰ ਕਰਨਯੋਗ ਨਹੀਂ ਹੈ। ਟਾਈਟਲ ਅਤੇ ਕੋਡ ਸ਼ਾਮਲ ਕਰਨ ਵਾਲੇ ਤੀਜੇ ਰੂਟ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨਾ ਕੰਮ ਨਹੀਂ ਕਰਦਾ ਜਾਂ ਅੰਸ਼ਿਕ ਤੌਰ 'ਤੇ ਕੰਮ ਕਰਦਾ ਹੈ। ਇੱਕ ਵਿਸ਼ੇਸ਼ਤਾ ਗੁੰਮ ਹੈ ਜਾਂ ਸਹੀ ਤਰੀਕੇ ਨਾਲ ਕੰਮ ਨਹੀਂ ਕਰ ਰਹੀ।

ਅਸਵੀਕਰਤਾ:
ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ Co-op Translator ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀ ਹੋਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੁੱਤੀਆਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਇਸਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਪੈਦਾ ਹੋਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।