Code Snippet Weekly

Useful code snippets you can use today. | 2026-06-28

ਮਹਾਨ ਗੱਲ

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

ਤੇਜ਼ ਹਿੱਟ

ਆਪਣੇ TypeScript ਐਪਸ ਵਿੱਚ ਵਾਤਾਵਰਣ ਚਲਾਂ 'ਤੇ ਭਰੋਸਾ ਕਰਨਾ ਰੋਕੋ
ਤੁਸੀਂ ਸੋਚ ਸਕਦੇ ਹੋ ਕਿ ਵਾਤਾਵਰਣ ਚਲਾਂ ਸਿੱਧੇ ਹਨ, ਪਰ ਇਹ ਅਕਸਰ ਬਹੁਤ ਸਾਰੇ ਛੋਟੇ ਬੱਗਾਂ ਦਾ ਸਰੋਤ ਹੁੰਦੇ ਹਨ। ਇੱਕ ਗੁੰਝਲਦਾਰ ਜਾਂ ਗੁੰਝਲਦਾਰ ਚਲ ਐਪਲੀਕੇਸ਼ਨ ਫੇਲ ਹੋਣ ਦਾ ਕਾਰਨ ਬਣ ਸਕਦਾ ਹੈ ਜਿਸ ਨੂੰ ਪਤਾ ਲਗਾਉਣਾ ਮੁਸ਼ਕਲ ਹੁੰਦਾ ਹੈ। ਅਨੁਕੂਲ ਵਿਹਾਰ ਤੋਂ ਬਚਣ ਲਈ ਹਮੇਸ਼ਾਂ ਆਪਣੇ ਵਾਤਾਵਰਣ ਸੰਰਚਨਾਵਾਂ ਦੀ ਜਾਂਚ ਕਰੋ। Dev.to 'ਤੇ ਹੋਰ ਪੜ੍ਹੋ।
ਇਹ ਕਿਉਂ ਮਹੱਤਵਪੂਰਨ ਹੈ: ਇਹ ਤੁਹਾਡੇ ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਮਜ਼ਬੂਤ ਰੱਖਦਾ ਹੈ ਅਤੇ ਡੀਬੱਗਿੰਗ ਸਮੇਂ ਨੂੰ ਘਟਾਉਂਦਾ ਹੈ।

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

Django ਕਾਰਜ: ਬਣਾਏ ਗਏ ਕਾਰਜ ਫਰੇਮਵਰਕ ਦੀ ਖੋਜ
Django 6.0 ਨੇ ਪਿਛੋਕੜ ਕੰਮਾਂ ਨੂੰ ਚਲਾਉਣ ਲਈ ਇੱਕ ਨਵਾਂ ਬਣਿਆ ਹੋਇਆ ਫਰੇਮਵਰਕ ਪੇਸ਼ ਕੀਤਾ ਹੈ। @task ਡੇਕੋਰੇਟਰ ਦੀ ਵਰਤੋਂ ਕਰਨਾ Celery ਵਰਗੇ ਬਾਹਰੀ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਲੋੜ ਤੋਂ ਬਿਨਾਂ ਕਾਰਜਾਂ ਨੂੰ ਪ੍ਰਬੰਧਿਤ ਕਰਨਾ ਆਸਾਨ ਬਣਾਉਂਦਾ ਹੈ। ਇਹ ਤੁਹਾਡੇ ਕੰਮ ਦੀ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਬਹੁਤ ਸੁਗਮ ਬਣਾ ਸਕਦਾ ਹੈ। ਵੇਰਵਿਆਂ ਵਿੱਚ ਡੁੱਬੋ Real Python 'ਤੇ।
ਇਹ ਕਿਉਂ ਮਹੱਤਵਪੂਰਨ ਹੈ: ਇਹ Django ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਬੈਕਗ੍ਰਾਊਂਡ ਪ੍ਰਕਿਰਿਆ ਕਰਨ ਨੂੰ ਆਸਾਨ ਬਣਾਉਂਦਾ ਹੈ।

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

Dart ਡੌਟ ਸ਼ੌਰਟਹੈਂਡਸ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ
ਜੇ ਤੁਸੀਂ Flutter ਵਿੱਚ ਗਹਿਰਾਈ ਨਾਲ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਸ਼ਾਇਦ Dart ਡੌਟ ਸ਼ੌਰਟਹੈਂਡਸ ਨਾਲ ਸਾਹਮਣਾ ਕੀਤਾ ਹੋਵੇਗਾ। ਇਹ ਗਾਈਡ ਤੁਹਾਨੂੰ ਇਹ ਸਮਝਾਉਂਦੀ ਹੈ ਕਿ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਪੜ੍ਹਨਯੋਗਤਾ ਵਧਾਉਣ ਅਤੇ ਬਾਇਲਰਪਲੇਟ ਨੂੰ ਘਟਾਉਣ ਲਈ ਇਹਨਾਂ ਦਾ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਤਰੀਕੇ ਨਾਲ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ। ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ freeCodeCamp 'ਤੇ ਜਾਣੋ।
ਇਹ ਕਿਉਂ ਮਹੱਤਵਪੂਰਨ ਹੈ: ਇਹ ਕੋਡ ਦੀ ਸਾਫ਼ਾਈ ਅਤੇ ਪਾਲਣਾ ਯੋਗਤਾ ਨੂੰ ਵਧਾਉਂਦਾ ਹੈ।

ਇੱਕ ਗੱਲ ਪਰਖਣ ਲਈ

ਇਸ ਹਫ਼ਤੇ, ਆਪਣੇ ਵੈਬ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ CSS translate() ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਅਜ਼ਮਾਓ। ਚਾਹੇ ਇਹ translateX(), translateY(), ਜਾਂ translateZ() ਹੋਵੇ, ਇਹ ਸੰਪਤੀ ਤੁਹਾਨੂੰ ਭਰੋਸੇਯੋਗ ਲੇਆਔਟ ਅਤੇ ਰੁਚਿਕਰ ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦੀਆਂ ਹਨ ਬਿਨਾਂ ਭਾਰੀ JavaScript ਦੇ। ਇੱਕ ਹੋਰ ਡਾਇਨਾਮਿਕ ਯੂਜ਼ਰ ਅਨਭਵ ਲਈ ਪਰਿਵਰਤਨਾਂ ਨੂੰ ਪਰਤਾਂ ਵਿੱਚ ਅਜ਼ਮਾਓ!

ਸਾਈਨ-ਆਫ਼

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

More from FreshSift:

Get this in your inbox every week

Subscribe for Free →