Code Snippet Weekly

Useful code snippets you can use today. | 2026-05-24

ਵੱਡੀ ਗੱਲ

ਇਸ ਹਫਤੇ, ਅਸੀਂ CSS ਸੈਂਟਰਿੰਗ ਦੀ ਸਥਿਤੀ ਵਿੱਚ ਡੁੱਬਦੇ ਹਾਂ। ਸਰੋਤਾਂ ਦੀ ਬਹੁਤਤਾ ਦੇ ਬਾਵਜੂਦ, CSS ਵਿੱਚ ਅੰਗਾਂ ਨੂੰ ਸੈਂਟਰ ਕਰਨਾ ਵਿਕਾਸਕਾਂ ਲਈ ਇੱਕ ਆਮ ਪਰੇਸ਼ਾਨੀ ਬਣੀ ਰਹਿੰਦੀ ਹੈ। ਲੇਖ ਵਿੱਚ Flexbox, Grid, ਅਤੇ ਪਰੰਪਰਿਕ ਪਹੁੰਚਾਂ ਵਰਗੀਆਂ ਵਿਧੀਆਂ ਦੀ ਵਿਖਿਆਨ ਕੀਤਾ ਗਿਆ ਹੈ, ਹਰੇਕ ਤਕਨੀਕ ਦੇ 'ਕਿਉਂ' ਨੂੰ ਸਪਸ਼ਟ ਕੀਤਾ ਗਿਆ ਹੈ। ਇਹ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਮੂਲ ਮਕੈਨਿਕਸ ਨੂੰ ਸਮਝਣਾ ਤੁਹਾਨੂੰ ਸਮਾਂ ਅਤੇ ਪਰੇਸ਼ਾਨੀਆਂ ਤੋਂ ਬਚਾ ਸਕਦਾ ਹੈ, ਖਾਸ ਕਰਕੇ ਜਦੋਂ ਤੁਸੀਂ ਨੈਸਟ ਕੀਤੇ ਅੰਗਾਂ ਜਾਂ ਪ੍ਰਤਿਕ੍ਰਿਆਸ਼ੀਲ ਡਿਜ਼ਾਈਨਾਂ 'ਤੇ ਕੰਮ ਕਰ ਰਹੇ ਹੋ। ਤਾਂ, ਜੇ ਤੁਸੀਂ ਕਦੇ ਸੈਂਟਰਿੰਗ ਨਾਲ ਪਰੇਸ਼ਾਨ ਹੋਏ ਹੋ, ਤਾਂ ਇਹ ਪੜ੍ਹਨ ਲਈ ਜਰੂਰੀ ਹੈ!

ਤੇਜ਼ ਹਿੱਟਸ

ਕ੍ਰਾਸ-ਡੌਕੂਮੈਂਟ ਵਿਊ ਟ੍ਰਾਂਜ਼ਿਸ਼ਨ: ਉਹ ਗੱਲਾਂ ਜੋ ਕਿਸੇ ਨੇ ਨਹੀਂ ਦੱਸੀ
ਇਹ ਲੇਖ ਕ੍ਰਾਸ-ਡੌਕੂਮੈਂਟ ਵਿਊ ਟ੍ਰਾਂਜ਼ਿਸ਼ਨਾਂ ਦੇ ਅਕਸਰ ਅਣਦੇਖੇ ਪਿੱਠਾਂ ਬਾਰੇ ਗੱਲ ਕਰਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ ਇੱਕ ਛੁਪੀ 4-ਸੈਕੰਡ ਦਾ ਟਾਈਮਆਉਟ ਸ਼ਾਮਲ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਢੁਕਣਾ ਕਰ ਸਕਦਾ ਹੈ। ਇਹ ਨੁਅਂਸਾਂ ਨੂੰ ਸਮਝਣਾ ਤੁਹਾਨੂੰ ਸੁਚਾਰੂ ਟ੍ਰਾਂਜ਼ਿਸ਼ਨਾਂ ਨੂੰ ਲਾਗੂ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ। ਇੱਥੇ ਹੋਰ ਪੜ੍ਹੋ।

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

Dart Cloud Functions ਅਤੇ Firebase Admin SDK ਦਾ ਉਪਯੋਗ ਕਿਵੇਂ ਕਰਨਾ ਹੈ
Flutter ਵਿਕਾਸਕਾਂ ਲਈ, ਬੈਕਐਂਡ ਲਿਖਣਾ ਥਕਾਵਟ ਭਰਿਆ ਹੋ ਸਕਦਾ ਹੈ। ਇਹ ਗਾਈਡ Dart Cloud Functions ਨੂੰ Firebase ਨਾਲ ਜੋੜਨ ਦਾ ਇੱਕ ਸਾਫ਼ ਰਾਹ ਦਿੰਦੀ ਹੈ, ਜਿਸ ਨਾਲ ਬੈਕਐਂਡ ਤਰਕ ਨੂੰ ਬਿਨਾਂ ਆਮ ਰੁਕਾਵਟਾਂ ਦੇ ਸੰਭਾਲਣਾ ਆਸਾਨ ਬਣਾਉਂਦਾ ਹੈ। ਇਸਨੂੰ ਵੇਖੋ।

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

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

ਇੱਕ ਚੀਜ਼ ਆਜ਼ਮਾਉਣ ਲਈ

ਜੇ ਤੁਸੀਂ CSS ਨਾਲ ਕੰਮ ਕਰ ਰਹੇ ਹੋ, ਤਾਂ Flexbox ਦੇ align-items ਅਤੇ justify-content ਗੁਣਾਂ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰਨ ਲਈ ਇੱਕ ਪਲ ਲਓ। ਇੱਕ ਸਧਾਰਣ ਲੇਆਉਟ ਸੈਟ ਕਰੋ ਅਤੇ ਵੇਖੋ ਕਿ ਇਹ ਗੁਣ ਅੰਗਾਂ ਦੀ ਪੋਜ਼ੀਸ਼ਨਿੰਗ ਨੂੰ ਕਿਵੇਂ ਬਦਲਦੇ ਹਨ। ਇਹ CSS ਵਿੱਚ ਸੈਂਟਰਿੰਗ ਬਾਰੇ ਸਮਝਣ ਦਾ ਇੱਕ ਤੇਜ਼ ਤਰੀਕਾ ਹੈ।

ਸਾਇਨ-ਆਫ਼

ਇਹ ਇਸ ਹਫਤੇ ਲਈ ਹੈ! ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਕੋਈ ਵਿਚਾਰ ਜਾਂ ਸਵਾਲ ਹਨ, ਤਾਂ ਜਵਾਬ ਦੇਣ ਲਈ ਬੇਝਿਜਕ ਹੋਵੋ। ਮੈਨੂੰ ਤੁਹਾਡੇ ਨਾਲ ਸੁਣਨਾ ਪਸੰਦ ਹੈ!

More from FreshSift:

Get this in your inbox every week

Subscribe for Free →