LUMIFY ਵਰਕ ਐਂਗੁਲਰ 12 ਪ੍ਰੋਗਰਾਮਿੰਗ

ਇਸ ਕੋਰਸ ਦਾ ਅਧਿਐਨ ਕਿਉਂ ਕਰੋ

ਇਹ ਵਿਆਪਕ ਐਂਗੁਲਰ 12 ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਕੋਰਸ ਸਿਧਾਂਤਕ ਸਿਖਲਾਈ ਅਤੇ ਹੈਂਡ-ਆਨ ਲੈਬਾਂ ਦਾ ਸੁਮੇਲ ਹੈ ਜਿਸ ਵਿੱਚ ਐਂਗੁਲਰ ਦੀ ਜਾਣ-ਪਛਾਣ ਸ਼ਾਮਲ ਹੈ, ਇਸ ਤੋਂ ਬਾਅਦ ਟਾਈਪਸਕ੍ਰਿਪਟ, ਕੰਪੋਨੈਂਟ, ਨਿਰਦੇਸ਼, ਸੇਵਾਵਾਂ, HTTP ਕਲਾਇੰਟ, ਟੈਸਟਿੰਗ ਅਤੇ ਡੀਬਗਿੰਗ ਸ਼ਾਮਲ ਹੈ।
ਕੋਰਸ ਲਾਭਦਾਇਕ ਅਤੇ ਕਾਰਵਾਈਯੋਗ ਜਾਣਕਾਰੀ ਨਾਲ ਭਰਪੂਰ ਹੈ ਜੋ ਤੁਸੀਂ ਆਪਣੇ ਕੰਮ ਲਈ ਤੁਰੰਤ ਲਾਗੂ ਕਰ ਸਕਦੇ ਹੋ। ਬੁਨਿਆਦੀ ਐਂਗੁਲਰ 12 ਵਿਕਾਸ ਦੀਆਂ ਬੁਨਿਆਦੀ ਗੱਲਾਂ ਸਿੱਖੋ ਜਿਵੇਂ ਕਿ ਸਿੰਗਲ-ਪੇਜ ਬ੍ਰਾਊਜ਼ਰ ਐਪਲੀਕੇਸ਼ਨ, ਜਵਾਬਦੇਹ webਸਾਈਟਾਂ, ਅਤੇ ਹਾਈਬ੍ਰਿਡ ਮੋਬਾਈਲ ਐਪਲੀਕੇਸ਼ਨ।
ਨੋਟ ਕਰੋ: ਅਸੀਂ ਐਂਗੁਲਰ ਦੇ ਦੂਜੇ ਸੰਸਕਰਣਾਂ 'ਤੇ ਸਿਖਲਾਈ ਵੀ ਪ੍ਰਦਾਨ ਕਰ ਸਕਦੇ ਹਾਂ। ਕਿਰਪਾ ਕਰਕੇ ਇੱਕ ਪੁੱਛਗਿੱਛ ਕਰਨ ਜਾਂ ਆਪਣੀ ਦਿਲਚਸਪੀ ਰਜਿਸਟਰ ਕਰਨ ਲਈ ਸਾਡੇ ਨਾਲ ਸੰਪਰਕ ਕਰੋ।

ਤੁਸੀਂ ਕੀ ਸਿੱਖੋਗੇ
ਇਸ ਕੋਰਸ ਦੇ ਸਫਲਤਾਪੂਰਵਕ ਪੂਰਾ ਹੋਣ 'ਤੇ, ਤੁਸੀਂ ਇਹ ਕਰਨ ਦੇ ਯੋਗ ਹੋਵੋਗੇ:

• ਟਾਈਪਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਸਿੰਗਲ-ਪੇਜ ਐਂਗੁਲਰ ਐਪਲੀਕੇਸ਼ਨਾਂ ਦਾ ਵਿਕਾਸ ਕਰੋ
• ਇੱਕ ਪੂਰਨ ਕੋਣੀ ਵਿਕਾਸ ਵਾਤਾਵਰਣ ਸਥਾਪਤ ਕਰੋ
• ਕੰਪੋਨੈਂਟ, ਨਿਰਦੇਸ਼, ਸੇਵਾਵਾਂ, ਪਾਈਪ, ਫਾਰਮ ਅਤੇ ਕਸਟਮ ਵੈਲੀਡੇਟਰ ਬਣਾਓ
• REST ਤੋਂ ਔਬਜ਼ਰਵੇਬਲਸ ਕੰਜ਼ਿਊਮ ਡੇਟਾ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਐਡਵਾਂਸਡ ਨੈੱਟਵਰਕ ਡਾਟਾ ਰੀਟਰੀਵਲ ਟਾਸਕ ਹੈਂਡਲ ਕਰੋ web Angular HT TP ਕਲਾਇੰਟ ਹੈਂਡਲ ਪੁਸ਼-ਡਾਟਾ ਕਨੈਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਸੇਵਾਵਾਂ Webਸਾਕਟ ਪ੍ਰੋਟੋਕੋਲ
• ਡੇਟਾ ਨੂੰ ਫਾਰਮੈਟ ਕਰਨ ਲਈ ਐਂਗੁਲਰ ਪਾਈਪਾਂ ਨਾਲ ਕੰਮ ਕਰੋ
• ਉੱਨਤ ਐਂਗੁਲਰ ਕੰਪੋਨੈਂਟ ਰਾਊਟਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ
• ਬਿਲਟ-ਇਨ ਟੂਲਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਐਂਗੁਲਰ ਐਪਲੀਕੇਸ਼ਨਾਂ ਦੀ ਜਾਂਚ ਅਤੇ ਡੀਬੱਗ ਕਰੋ।

ਕੋਰਸ ਦੇ ਵਿਸ਼ੇ

ਅਧਿਆਇ 1. ਐਂਗੁਲਰ ਪੇਸ਼ ਕਰਨਾ

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

ਅਧਿਆਇ 2. ਟਾਈਪਸਕ੍ਰਿਪਟ ਦੀ ਜਾਣ-ਪਛਾਣ

• Angular TypeScript ਸੰਟੈਕਸ ਨਾਲ ਵਰਤਣ ਲਈ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ
• ਪ੍ਰੋਗਰਾਮਿੰਗ ਸੰਪਾਦਕ
• ਟਾਈਪ ਸਿਸਟਮ - ਪਰਿਭਾਸ਼ਿਤ ਵੇਰੀਏਬਲ
• ਟਾਈਪ ਸਿਸਟਮ - ਐਰੇ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨਾ
• ਮੁੱਢਲੀਆਂ ਮੁੱਢਲੀਆਂ ਕਿਸਮਾਂ
• ਫੰਕਸ਼ਨਾਂ ਵਿੱਚ ਟਾਈਪ ਕਰੋ
• ਕਿਸਮ ਅਨੁਮਾਨ
• ਕਲਾਸਾਂ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨਾ
• ਕਲਾਸ ਵਿਧੀਆਂ
• ਦਿੱਖ ਕੰਟਰੋਲ
• ਕਲਾਸ ਕੰਸਟਰਕਟਰ
• ਕਲਾਸ ਕੰਸਟਰਕਟਰ - ਵਿਕਲਪਿਕ ਫਾਰਮ ਅਣ-ਸ਼ੁਰੂਆਤੀ ਖੇਤਰ
• ਇੰਟਰਫੇਸ
• ES6 ਮੋਡੀਊਲ ਨਾਲ ਕੰਮ ਕਰਨਾ
• var ਬਨਾਮ let
• ਤੀਰ ਫੰਕਸ਼ਨ
• ਐਰੋ ਫੰਕਸ਼ਨ ਸੰਖੇਪ ਸਿੰਟੈਕਸ ਟੈਮਪਲੇਟ ਸਤਰ
• ਕਲਾਸ ਵਿੱਚ ਜੈਨਰਿਕਸ
• ਫੰਕਸ਼ਨ ਵਿੱਚ ਜੈਨਰਿਕਸ
• ਸੰਖੇਪ

ਅਧਿਆਇ 3. ਭਾਗ

• ਇੱਕ ਕੰਪੋਨੈਂਟ ਕੀ ਹੈ?
• ਇੱਕ ਸਾਬਕਾample ਕੰਪੋਨੈਂਟ
• Angular CLI ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਕੰਪੋਨੈਂਟ ਬਣਾਉਣਾ
• ਕੰਪੋਨੈਂਟ ਕਲਾਸ
• @ਕੰਪੋਨੈਂਟ ਸਜਾਉਣ ਵਾਲਾ
• ਇੱਕ ਕੰਪੋਨੈਂਟ ਨੂੰ ਇਸਦੇ ਮੋਡੀਊਲ ਕੰਪੋਨੈਂਟ ਟੈਂਪਲੇਟ ਵਿੱਚ ਰਜਿਸਟਰ ਕਰਨਾ
• Example: ਹੈਲੋ ਕੰਪੋਨੈਂਟ ਟੈਂਪਲੇਟ
• Example: ਇੱਕ ਕੰਪੋਨੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਹੈਲੋ ਕੰਪੋਨੈਂਟ ਕਲਾਸ
• ਐਪਲੀਕੇਸ਼ਨ ਚਲਾਓ
• ਕੰਪੋਨੈਂਟ ਲੜੀ
• ਐਪਲੀਕੇਸ਼ਨ ਰੂਟ ਕੰਪੋਨੈਂਟ
• ਬੂਟਸਟਰੈਪ File
• ਕੰਪੋਨੈਂਟ ਲਾਈਫਸਾਈਕਲ ਹੁੱਕ ਐਕਸampਲੇ ਲਾਈਫਸਾਈਕਲ ਹੁੱਕਸ
• CSS ਸਟਾਈਲ
• ਸੰਖੇਪ

ਅਧਿਆਇ 4. ਕੰਪੋਨੈਂਟ ਟੈਂਪਲੇਟਸ

• ਟੈਂਪਲੇਟਸ
• ਟੈਮਪਲੇਟ ਟਿਕਾਣਾ
• ਮੁੱਛ {{ }} ਸੰਟੈਕਸ
• DOM ਐਲੀਮੈਂਟ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਸੈੱਟ ਕਰਨਾ
• ਐਲੀਮੈਂਟ ਬੌਡੀ ਟੈਕਸਟ ਸੈੱਟ ਕਰਨਾ
• ਇਵੈਂਟ ਬਾਈਡਿੰਗ
• ਸਮੀਕਰਨ ਇਵੈਂਟ ਹੈਂਡਲਰ
• ਡਿਫੌਲਟ ਹੈਂਡਲਿੰਗ ਨੂੰ ਰੋਕੋ
• ਗੁਣ ਨਿਰਦੇਸ਼
• CSS ਕਲਾਸਾਂ ਨੂੰ ਬਦਲ ਕੇ ਸਟਾਈਲ ਲਾਗੂ ਕਰੋ
• Example: ngClass
• ਸਟਾਈਲ ਨੂੰ ਸਿੱਧਾ ਲਾਗੂ ਕਰਨਾ
• ਢਾਂਚਾਗਤ ਨਿਰਦੇਸ਼
• ਕੰਡੀਸ਼ਨਲ ਐਗਜ਼ੀਕਿਊਟ ਟੈਂਪਲੇਟ
• Example: ngIf
• ngFor ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਲੂਪ ਕਰਨਾ
• ngਸਥਾਨਕ ਵੇਰੀਏਬਲਾਂ ਲਈ
• ਸੰਗ੍ਰਹਿ ਨੂੰ ਹੇਰਾਫੇਰੀ ਕਰਨਾ ਸਾਬਕਾample - ਇੱਕ ਆਈਟਮ ਨੂੰ ਮਿਟਾਉਣਾ
• ngSwitch ਗਰੁੱਪਿੰਗ ਐਲੀਮੈਂਟਸ ਦੇ ਨਾਲ ngFor ਸਵੈਪਿੰਗ ਐਲੀਮੈਂਟਸ ਨਾਲ ਆਈਟਮ ਟ੍ਰੈਕਿੰਗ
• ਟੈਮਪਲੇਟ ਹਵਾਲਾ ਵੇਰੀਏਬਲ ਸੰਖੇਪ

ਅਧਿਆਇ 5. ਅੰਤਰ ਕੰਪੋਨੈਂਟ ਸੰਚਾਰ

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

ਅਧਿਆਇ 6. ਟੈਂਪਲੇਟ ਚਲਾਏ ਗਏ ਫਾਰਮ

• ਟੈਂਪਲੇਟ ਚਲਾਏ ਗਏ ਫਾਰਮ
• ਫਾਰਮ ਮੋਡੀਊਲ ਆਯਾਤ ਕਰਨਾ
• ਬੁਨਿਆਦੀ ਪਹੁੰਚ
• ਇੱਕ ਫਾਰਮ ਸਥਾਪਤ ਕਰਨਾ
• ਉਪਭੋਗਤਾ ਇੰਪੁੱਟ ਪ੍ਰਾਪਤ ਕਰ ਰਿਹਾ ਹੈ
• ngForm ਗੁਣ ਨੂੰ ਛੱਡਿਆ ਜਾ ਰਿਹਾ ਹੈ
• ਫਾਰਮ ਨੂੰ ਸ਼ੁਰੂ ਕਰੋ
• ਦੋ-ਤਰੀਕੇ ਨਾਲ ਡਾਟਾ ਬਾਈਡਿੰਗ
• ਫਾਰਮ ਪ੍ਰਮਾਣਿਕਤਾ
• ਐਂਗੁਲਰ ਵੈਲੀਡੇਟਰ
• ਕਲਾਸਾਂ ਦੀ ਵਾਧੂ ਇਨਪੁਟ ਕਿਸਮਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਪ੍ਰਮਾਣਿਕਤਾ ਸਥਿਤੀ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਾ
• ਚੈੱਕਬਾਕਸ
• (ਡ੍ਰੌਪ ਡਾਊਨ) ਖੇਤਰ ਚੁਣੋ
• ਚੋਣ (ਡ੍ਰੌਪ ਡਾਊਨ) ਮਿਤੀ ਖੇਤਰਾਂ ਲਈ ਰੈਂਡਰਿੰਗ ਵਿਕਲਪ
• ਰੇਡੀਓ ਬਟਨ
• ਸੰਖੇਪ

ਅਧਿਆਇ 7. ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਫਾਰਮ

• ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਫਾਰਮ ਓਵਰview
• ਬਿਲਡਿੰਗ ਬਲਾਕ
• ReactiveFormsModule ਆਯਾਤ ਕਰੋ
• ਇੱਕ ਫਾਰਮ ਬਣਾਓ
• ਟੈਂਪਲੇਟ ਡਿਜ਼ਾਈਨ ਕਰੋ
• ਇਨਪੁਟ ਮੁੱਲ ਪ੍ਰਾਪਤ ਕਰਨਾ
• ਇਨਪੁਟ ਫੀਲਡਾਂ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨਾ
• ਫਾਰਮ ਮੁੱਲ ਸੈੱਟ ਕਰਨਾ
• ਇਨਪੁਟ ਤਬਦੀਲੀਆਂ ਦੀ ਗਾਹਕੀ ਲੈਣਾ
• ਪ੍ਰਮਾਣਿਕਤਾ
• ਬਿਲਟ-ਇਨ ਵੈਲੀਡੇਟਰ
• ਪ੍ਰਮਾਣਿਕਤਾ ਗਲਤੀ ਦਿਖਾ ਰਿਹਾ ਹੈ
• ਕਸਟਮ ਵੈਲੀਡੇਟਰ
• ਇੱਕ ਕਸਟਮ ਵੈਲੀਡੇਟਰ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
• ਕਸਟਮ ਵੈਲੀਡੇਟਰ ਨੂੰ ਸੰਰਚਨਾ ਦੀ ਸਪਲਾਈ
• FormArray - ਗਤੀਸ਼ੀਲ ਤੌਰ 'ਤੇ ਇਨਪੁਟਸ ਸ਼ਾਮਲ ਕਰੋ
• FormArray - ਕੰਪੋਨੈਂਟ ਕਲਾਸ
• FormArray - ਨਮੂਨਾ
• ਫਾਰਮ ਐਰੇ - ਮੁੱਲ
• ਸਬ ਫਾਰਮ ਗਰੁੱਪ - ਕੰਪੋਨੈਂਟ ਕਲਾਸ
• ਸਬ ਫਾਰਮ ਗਰੁੱਪ - HTML ਟੈਂਪਲੇਟ
• ਸਬ ਫਾਰਮ ਗਰੁੱਪਾਂ ਦੀ ਵਰਤੋਂ ਕਿਉਂ ਕਰੋ
• ਸੰਖੇਪ

ਅਧਿਆਇ 8. ਸੇਵਾਵਾਂ ਅਤੇ ਨਿਰਭਰਤਾ ਇੰਜੈਕਸ਼ਨ

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

ਅਧਿਆਇ 9. HTTP ਕਲਾਇੰਟ

• Angular HT TP ਕਲਾਇੰਟ
• T he HT TP ਕਲਾਇੰਟ ਦੀ ਵਰਤੋਂ ਕਰਨਾ - ਓਵਰview
• HttpClientModule ਨੂੰ ਆਯਾਤ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ
• HttpClient ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਸੇਵਾ
• ਇੱਕ GET ਬੇਨਤੀ ਕਰਨਾ
• ਇੱਕ ਨਿਰੀਖਣਯੋਗ ਵਸਤੂ ਕੀ ਕਰਦੀ ਹੈ?
• ਕਿਸੇ ਕੰਪੋਨੈਂਟ ਵਿੱਚ ਸੇਵਾ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
• PeopleService ਕਲਾਇੰਟ ਕੰਪੋਨੈਂਟ ਐਰਰ ਹੈਂਡਲਿੰਗ
• ਗਲਤੀ ਆਬਜੈਕਟ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਨਾ
• ਇੱਕ ਪੋਸਟ ਬੇਨਤੀ ਕਰਨਾ
• ਇੱਕ PUT ਬੇਨਤੀ ਬਣਾਉਣਾ
• ਮਿਟਾਉਣ ਦੀ ਬੇਨਤੀ ਕੀਤੀ ਜਾ ਰਹੀ ਹੈ

ਅਧਿਆਇ 10. ਪਾਈਪ ਅਤੇ ਡਾਟਾ ਫਾਰਮੈਟਿੰਗ

• ਪਾਈਪ ਕੀ ਹਨ?
• ਬਿਲਟ-ਇਨ ਪਾਈਪ
• HTML ਟੈਂਪਲੇਟ ਚੇਨਿੰਗ ਪਾਈਪਾਂ ਵਿੱਚ ਪਾਈਪਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
• ਅੰਤਰਰਾਸ਼ਟਰੀ ਪਾਈਪਾਂ (i18n) ਲੋਕੇਲ ਡੇਟਾ ਲੋਡ ਕਰ ਰਿਹਾ ਹੈ
• ਮਿਤੀ ਪਾਈਪ
• ਨੰਬਰ ਪਾਈਪ
• ਮੁਦਰਾ ਪਾਈਪ
• ਇੱਕ ਕਸਟਮ ਪਾਈਪ ਬਣਾਓ
• ਕਸਟਮ ਪਾਈਪ ਸਾਬਕਾample
• ਕਸਟਮ ਪਾਈਪਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
• ngFor ਨਾਲ ਪਾਈਪ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
• ਇੱਕ ਫਿਲਟਰ ਪਾਈਪ
• ਪਾਈਪ ਸ਼੍ਰੇਣੀ: ਸ਼ੁੱਧ ਅਤੇ ਅਸ਼ੁੱਧ
• ਸੰਖੇਪ
• ਸ਼ੁੱਧ ਪਾਈਪ ਸਾਬਕਾample
• ਅਸ਼ੁੱਧ ਪਾਈਪ ਸਾਬਕਾample
• ਸੰਖੇਪ

ਅਧਿਆਇ 11. ਸਿੰਗਲ ਪੇਜ ਐਪਲੀਕੇਸ਼ਨਾਂ ਦੀ ਜਾਣ-ਪਛਾਣ

• ਇੱਕ ਸਿੰਗਲ ਪੇਜ ਐਪਲੀਕੇਸ਼ਨ (SPA) ਪਰੰਪਰਾਗਤ ਕੀ ਹੈ Web ਐਪਲੀਕੇਸ਼ਨ
• SPA ਵਰਕਫਲੋ
• ਸਿੰਗਲ ਪੇਜ ਐਪਲੀਕੇਸ਼ਨ ਐਡਵਾਨtages HTML5 ਇਤਿਹਾਸ API
• SPA ਚੁਣੌਤੀਆਂ
• ਐਂਗੁਲਰ ਸੰਖੇਪ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ SPA ਨੂੰ ਲਾਗੂ ਕਰਨਾ

ਅਧਿਆਇ 12. ਐਂਗੁਲਰ ਕੰਪੋਨੈਂਟ ਰਾਊਟਰ

• ਕੰਪੋਨੈਂਟ ਰਾਊਟਰ
• View ਨੈਵੀਗੇਸ਼ਨ
• ਐਂਗੁਲਰ ਰਾਊਟਰ API
• ਇੱਕ ਰਾਊਟਰ ਸਮਰਥਿਤ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਣਾ
• ਰੂਟ ਕੀਤੇ ਭਾਗਾਂ ਦੀ ਮੇਜ਼ਬਾਨੀ ਕਰਨਾ
• ਲਿੰਕ ਅਤੇ ਬਟਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਨੇਵੀਗੇਸ਼ਨ
• ਪ੍ਰੋਗਰਾਮੇਟਿਕ ਨੇਵੀਗੇਸ਼ਨ
• ਰੂਟ ਪੈਰਾਮੀਟਰ ਪਾਸ ਕਰਨਾ
• ਰੂਟ ਪੈਰਾਮੀਟਰਾਂ ਨਾਲ ਨੈਵੀਗੇਟ ਕਰਨਾ
• ਰੂਟ ਪੈਰਾਮੀਟਰ ਮੁੱਲ ਪ੍ਰਾਪਤ ਕਰਨਾ
• ਰੂਟ ਪੈਰਾਮੀਟਰ ਨੂੰ ਸਮਕਾਲੀ ਰੂਪ ਵਿੱਚ ਮੁੜ ਪ੍ਰਾਪਤ ਕਰਨਾ
• ਰੂਟ ਪੈਰਾਮੀਟਰ ਨੂੰ ਅਸਿੰਕਰੋਨਸ ਤੌਰ 'ਤੇ ਮੁੜ ਪ੍ਰਾਪਤ ਕਰਨਾ
• ਪੁੱਛਗਿੱਛ ਪੈਰਾਮੀਟਰ
• ਪੁੱਛਗਿੱਛ ਪੈਰਾਮੀਟਰਾਂ ਦੀ ਸਪਲਾਈ ਕਰਨਾ
• ਅਸਿੰਕ੍ਰੋਨਸ ਤੌਰ 'ਤੇ ਪੁੱਛਗਿੱਛ ਪੈਰਾਮੀਟਰਾਂ ਨੂੰ ਮੁੜ ਪ੍ਰਾਪਤ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ
• ਮੈਨੁਅਲ ਨਾਲ ਸਮੱਸਿਆਵਾਂ URL ਇੰਦਰਾਜ਼ ਅਤੇ ਬੁੱਕਮਾਰਕਿੰਗ
• ਸੰਖੇਪ

ਅਧਿਆਇ 13. ਐਡਵਾਂਸਡ HTTP ਕਲਾਇੰਟ

• ਬੇਨਤੀ ਵਿਕਲਪ
• ਇੱਕ HttpResponse ਵਸਤੂ ਨੂੰ ਵਾਪਸ ਕਰਨਾ
• ਬੇਨਤੀ ਸਿਰਲੇਖਾਂ ਨੂੰ ਸੈੱਟ ਕਰਨਾ
• ਨਵੇਂ ਨਿਰੀਖਣਯੋਗ ਬਣਾਉਣਾ
• ਇੱਕ ਸਧਾਰਨ ਨਿਰੀਖਣਯੋਗ ਬਣਾਉਣਾ
• ਆਬਜ਼ਰਵੇਬਲ ਕੰਸਟਰਕਟਰ ਮੈਥਡ ਅਬਜ਼ਰਵੇਬਲ ਓਪਰੇਟਰ
• ਨਕਸ਼ਾ ਅਤੇ ਫਿਲਟਰ ਆਪਰੇਟਰ
• ਫਲੈਟਮੈਪ() ਆਪਰੇਟਰ
• ਟੈਪ() ਆਪਰੇਟਰ
• zip() ਕੰਬੀਨੇਟਰ
• HT TP ਜਵਾਬ ਨੂੰ ਕੈਸ਼ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ
• ਕ੍ਰਮਵਾਰ HT TP ਕਾਲਾਂ ਕਰਨਾ
• ਸਮਾਂਤਰ ਕਾਲਾਂ ਕਰਨਾ
• catchError() ਨਾਲ ਗਲਤੀ ਆਬਜੈਕਟ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਨਾ
• ਪਾਈਪਲਾਈਨ ਵਿੱਚ ਤਰੁੱਟੀ
• ਗਲਤੀ ਰਿਕਵਰੀ
• ਸੰਖੇਪ

ਅਧਿਆਇ 14. ਐਂਗੁਲਰ ਮੋਡੀਊਲ

• ਐਂਗੁਲਰ ਮੋਡੀਊਲ ਕਿਉਂ?
• ਇੱਕ ਮੋਡੀਊਲ ਕਲਾਸ ਦੀ ਅੰਗ ਵਿਗਿਆਨ
• @NgModule ਵਿਸ਼ੇਸ਼ਤਾ
• ਫੀਚਰ ਮੋਡੀਊਲ
• Example ਮੋਡੀਊਲ ਬਣਤਰ
• ਇੱਕ ਡੋਮੇਨ ਮੋਡੀਊਲ ਬਣਾਓ
• ਇੱਕ ਰੂਟਡ/ਰੂਟਿੰਗ ਮੋਡੀਊਲ ਜੋੜਾ ਬਣਾਓ
• ਇੱਕ ਸੇਵਾ ਮੋਡੀਊਲ ਬਣਾਓ
• ਆਮ ਮੋਡੀਊਲ ਬਣਾਉਣਾ

ਅਧਿਆਇ 15. ਐਡਵਾਂਸਡ ਰੂਟਿੰਗ

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

ਅਧਿਆਇ 16. ਯੂਨਿਟ ਟੈਸਟਿੰਗ ਐਂਗੁਲਰ ਐਪਲੀਕੇਸ਼ਨ

• ਇਕਾਈ ਟੈਸਟਿੰਗ ਐਂਗੁਲਰ ਆਰਟੀਫੈਕਟਸ
• ਟੈਸਟਿੰਗ ਟੂਲ
• ਆਮ ਟੈਸਟਿੰਗ ਪੜਾਅ
• ਟੈਸਟ ਦੇ ਨਤੀਜੇ
• ਜੈਸਮੀਨ ਟੈਸਟ ਸੂਟ
• ਜੈਸਮੀਨ ਸਪੈਕਸ (ਯੂਨਿਟ ਟੈਸਟ)
• ਉਮੀਦਾਂ (ਦਾਅਵੇ)
• ਮੈਚਰਸ
• Exampਮੈਚਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੇ les
• ਨਾ ਜਾਇਦਾਦ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
• ਯੂਨਿਟ ਟੈਸਟ ਸੂਟ ਵਿੱਚ ਸੈੱਟਅੱਪ ਅਤੇ ਟੀਅਰਡਾਊਨ
• Exampਹਰ ਇੱਕ ਫੰਕਸ਼ਨ ਤੋਂ ਪਹਿਲਾਂ ਅਤੇ ਬਾਅਦ ਵਿੱਚ
• ਐਂਗੁਲਰ ਟੈਸਟ ਮੋਡੀਊਲ
• Example ਐਂਗੁਲਰ ਟੈਸਟ ਮੋਡੀਊਲ
• ਇੱਕ ਸੇਵਾ ਦੀ ਜਾਂਚ ਕਰ ਰਿਹਾ ਹੈ
• ਇੱਕ ਸੇਵਾ ਉਦਾਹਰਨ ਇੰਜੈਕਟਿੰਗ
• ਇੱਕ ਸਮਕਾਲੀ ਵਿਧੀ ਦੀ ਜਾਂਚ ਕਰੋ
• ਇੱਕ ਅਸਿੰਕ੍ਰੋਨਸ ਵਿਧੀ ਦੀ ਜਾਂਚ ਕਰੋ
• ਮੌਕ HT TP ਕਲਾਇੰਟ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
• ਡੱਬਾਬੰਦ ​​ਜਵਾਬ ਸਪਲਾਈ ਕਰਨਾ
• ਇੱਕ ਕੰਪੋਨੈਂਟ ਦੀ ਜਾਂਚ ਕਰ ਰਿਹਾ ਹੈ
• ਕੰਪੋਨੈਂਟ ਟੈਸਟ ਮੋਡੀਊਲ
• ਇੱਕ ਕੰਪੋਨੈਂਟ ਇੰਸਟੈਂਸ ਬਣਾਉਣਾ
• ਕੰਪੋਨੈਂਟ ਫਿਕਸਚਰ ਕਲਾਸ
• ਬੁਨਿਆਦੀ ਕੰਪੋਨੈਂਟ ਟੈਸਟ
• ਡੀਬੱਗ ਐਲੀਮੈਂਟ ਕਲਾਸ
• ਯੂਜ਼ਰ ਇੰਟਰੈਕਸ਼ਨ ਦੀ ਨਕਲ ਕਰਨਾ
• ਸੰਖੇਪ

ਅਧਿਆਇ 17. ਡੀਬੱਗਿੰਗ

• ਵੱਧview ਐਂਗੁਲਰ ਡੀਬੱਗਿੰਗ ਦਾ
• Viewਡੀਬੱਗਰ ਵਿੱਚ ਟਾਈਪ ਸਕ੍ਰਿਪਟ ਕੋਡ
• ਡੀਬੱਗਰ ਕੀਵਰਡ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
• ਡੀਬੱਗ ਲੌਗਿੰਗ
• Angular DevTools ਕੀ ਹੈ?
• Angular DevTools ਦੀ ਵਰਤੋਂ ਕਰਨਾ
• ਐਂਗੁਲਰ ਦੇਵਟੂਲਸ - ਕੰਪੋਨੈਂਟ ਸਟ੍ਰਕਚਰ
• Angular DevTools - ਖੋਜ ਐਗਜ਼ੀਕਿਊਸ਼ਨ ਬਦਲੋ
• ਸਿੰਟੈਕਸ ਗਲਤੀਆਂ ਨੂੰ ਫੜਨਾ
• ਸੰਖੇਪ

ਪ੍ਰਯੋਗਸ਼ਾਲਾ ਅਭਿਆਸ

• ਲੈਬ 1. ਐਂਗੁਲਰ ਨਾਲ ਜਾਣ-ਪਛਾਣ
• ਲੈਬ 2. ਟਾਈਪਸਕ੍ਰਿਪਟ ਨਾਲ ਜਾਣ-ਪਛਾਣ
• ਲੈਬ 3. ਕੰਪੋਨੈਂਟਸ ਦੀ ਜਾਣ-ਪਛਾਣ
• ਲੈਬ 4. ਕੰਪੋਨੈਂਟ ਟੈਂਪਲੇਟ
• ਲੈਬ 5. ਇੱਕ ਫੋਟੋ ਗੈਲਰੀ ਕੰਪੋਨੈਂਟ ਬਣਾਓ
• ਲੈਬ 6. ਟੈਂਪਲੇਟ ਚਲਾਏ ਗਏ ਫਾਰਮ
• ਲੈਬ 7. ਇੱਕ ਸੰਪਾਦਨ ਫਾਰਮ ਬਣਾਓ
• ਲੈਬ 8. ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਫਾਰਮ
• ਲੈਬ 9. ਇੱਕ ਸੇਵਾ ਵਿਕਸਿਤ ਕਰੋ
• ਲੈਬ 10. ਇੱਕ HT TP ਕਲਾਇੰਟ ਵਿਕਸਿਤ ਕਰੋ
• ਲੈਬ 11. ਪਾਈਪਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ
• ਲੈਬ 12. ਰਾਊਟਰ ਲੈਬ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਮੂਲ ਸਿੰਗਲ ਪੇਜ ਐਪਲੀਕੇਸ਼ਨ 13. ਇੱਕ ਸਿੰਗਲ ਪੇਜ ਐਪਲੀਕੇਸ਼ਨ (SPA) ਬਣਾਓ
• ਲੈਬ 14. ਐਡਵਾਂਸਡ ਐਚਟੀ ਟੀਪੀ ਕਲਾਇੰਟ
• ਲੈਬ 15. ਐਂਗੁਲਰ ਬੂਟਸਟਰੈਪ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
• ਲੈਬ 16. ਆਲਸੀ ਮੋਡੀਊਲ ਲੋਡਿੰਗ
• ਲੈਬ 17. ਐਡਵਾਂਸਡ ਰੂਟਿੰਗ
• ਲੈਬ 18. ਯੂਨਿਟ ਟੈਸਟਿੰਗ
• ਲੈਬ 19. ਐਂਗੁਲਰ ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਡੀਬੱਗ ਕਰਨਾ

ਕੋਰਸ ਕਿਸ ਲਈ ਹੈ?
ਇਸ ਕੋਰਸ ਦਾ ਉਦੇਸ਼ ਕਿਸੇ ਵੀ ਵਿਅਕਤੀ ਲਈ ਹੈ ਜਿਸਨੂੰ ਐਂਗੁਲਰ 12 ਦੇ ਵਿਕਾਸ ਦੀਆਂ ਬੁਨਿਆਦੀ ਗੱਲਾਂ ਸਿੱਖਣ ਅਤੇ ਇਸਨੂੰ ਬਣਾਉਣ ਲਈ ਲਾਗੂ ਕਰਨ ਦੀ ਲੋੜ ਹੈ web ਤੁਰੰਤ ਐਪਲੀਕੇਸ਼ਨ. ਅਸੀਂ ਵੱਡੇ ਸਮੂਹਾਂ ਲਈ ਇਸ ਸਿਖਲਾਈ ਕੋਰਸ ਨੂੰ ਪ੍ਰਦਾਨ ਅਤੇ ਅਨੁਕੂਲਿਤ ਵੀ ਕਰ ਸਕਦੇ ਹਾਂ - ਤੁਹਾਡੀ ਸੰਸਥਾ ਦੇ ਸਮੇਂ, ਪੈਸੇ ਅਤੇ ਸਰੋਤਾਂ ਦੀ ਬਚਤ ਕਰਦੇ ਹੋਏ।

ਪੂਰਵ-ਲੋੜਾਂ
Web ਇਸ ਐਂਗੁਲਰ ਕੋਰਸ ਦਾ ਵੱਧ ਤੋਂ ਵੱਧ ਲਾਭ ਲੈਣ ਲਈ HTML, CSS ਅਤੇ JavaScript ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਵਿਕਾਸ ਅਨੁਭਵ ਦੀ ਲੋੜ ਹੈ। ਬ੍ਰਾਊਜ਼ਰ DOM ਦਾ ਗਿਆਨ ਵੀ ਲਾਭਦਾਇਕ ਹੈ। AngularJS ਜਾਂ Angular ਦੇ ਕਿਸੇ ਵੀ ਸੰਸਕਰਣ ਦੇ ਨਾਲ ਪੂਰਵ ਐਂਗੁਲਰ ਅਨੁਭਵ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।
https://www.lumifywork.com/en-au/courses/angular-12-programming/

ਦਸਤਾਵੇਜ਼ / ਸਰੋਤ

LUMIFY ਵਰਕ ਐਂਗੁਲਰ 12 ਪ੍ਰੋਗਰਾਮਿੰਗ [pdf] ਯੂਜ਼ਰ ਗਾਈਡ ਐਂਗੁਲਰ 12 ਪ੍ਰੋਗਰਾਮਿੰਗ, ਐਂਗੁਲਰ, 12 ਪ੍ਰੋਗਰਾਮਿੰਗ, ਪ੍ਰੋਗਰਾਮਿੰਗ

ਹਵਾਲੇ

• ਯੂਜ਼ਰ ਮੈਨੂਅਲ