ਆਪਣੀ ਵੈਬਸਾਈਟ ਦੇ ਮੂਹਰਲੇ ਸਿਰ ਬਣਾਉਣ ਲਈ ਇੱਕ ਫਰੇਮਵਰਕ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨ ਨਾਲ ਬਹੁਤ ਸਾਰੇ ਫਾਇਦੇ ਹੁੰਦੇ ਹਨ (ਅਤੇ ਇਹ ਬੂਟ ਕਰਨ ਲਈ ਬਹੁਤ ਸੌਖਾ ਹੈ!). ਆਓ ਆਪਾਂ ਆਪਣੇ ਫਰੰਟ-ਐਂਡ ਫਰੇਮਵਰਸ ਉੱਤੇ ਚੱਲੀਏ ਅਤੇ ਤੁਹਾਨੂੰ ਉਹਨਾਂ ਨੂੰ ਆਪਣੇ ਵੈਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਕੰਮ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰਨ ਬਾਰੇ ਵਿਚਾਰ ਕਿਉਂ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ.
ਫਰੰਟ-ਐਂਡ ਫਰੇਮਵਰਕ
"CSS ਫਰੇਮਵਰਕ" ਦੇ ਰੂਪ ਵਿੱਚ ਵੀ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ, ਉਹ ਪੈਕੇਜ ਹਨ ਜੋ ਪਹਿਲਾਂ ਤੋਂ ਲਿਖੀਆਂ, ਫਾਈਲਾਂ ਅਤੇ ਫੋਲਡਰਾਂ ਵਿੱਚ ਪ੍ਰਮਾਣਿਤ ਕੋਡ ਹੁੰਦੇ ਹਨ. ਉਹ ਤੁਹਾਨੂੰ ਬਿਲਡ ਕਰਨ ਲਈ ਬੇਸ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ ਜਦੋਂ ਕਿ ਅਜੇ ਵੀ ਫਾਈਨਲ ਡਿਜ਼ਾਇਨ ਨਾਲ ਲਚੀਲਾਪਨ ਦੀ ਆਗਿਆ ਦਿੰਦੇ ਹਨ. ਆਮ ਤੌਰ ਤੇ, ਫਰੰਟ-ਐਂਡ ਫਰੇਮਵਰਕ ਵਿੱਚ ਹੇਠ ਲਿਖੇ ਭਾਗ ਹੁੰਦੇ ਹਨ:
- ਇੱਕ ਗਰਿੱਡ, ਜੋ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਦੇ ਡਿਜ਼ਾਇਨ ਤੱਤਾਂ ਨੂੰ ਸੰਗਠਿਤ ਕਰਨ ਲਈ ਸਧਾਰਨ ਬਣਾਉਂਦਾ ਹੈ
- ਪਰਿਭਾਸ਼ਿਤ ਫੌਂਟ ਸਟਾਈਲ ਅਤੇ ਸਾਈਜ਼ਿੰਗ ਜੋ ਕਿ ਇਸਦੇ ਫੰਕਸ਼ਨ ਦੇ ਅਧਾਰ ਤੇ ਬਦਲਦੀ ਹੈ (ਸਿਰਲੇਖਾਂ ਬਨਾਮ ਪੈਰਾਗ੍ਰਾਫਰਾਂ ਲਈ ਵੱਖ ਵੱਖ ਟਾਈਪੋਗ੍ਰਾਫੀ, ਆਦਿ)
- ਪੂਰਵ-ਬਣਾਇਆ ਵੈਬਸਾਈਟ ਦੇ ਭਾਗ ਜਿਵੇਂ ਸਾਈਡ ਪੈਨਲ, ਬਟਨਾਂ, ਅਤੇ ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ
ਤੁਹਾਡੇ ਦੁਆਰਾ ਨਿਰਧਾਰਿਤ ਕੀਤੇ ਗਏ ਖਾਸ ਢਾਂਚੇ 'ਤੇ ਨਿਰਭਰ ਕਰਦਿਆਂ, ਬਹੁਤ ਕੁਝ ਹੋਰ ਵੀ ਹੈ ਜਿੰਨਾ ਉਹ ਸਮਰੱਥ ਵੀ ਹਨ.
ਕਿਉਂ ਇੱਕ ਵਰਤੋ
ਤੁਹਾਡੇ ਸਾਰੇ ਕੋਡ ਨੂੰ ਸਕ੍ਰੈਚ ਤੋਂ ਸ਼ੁਰੂ ਕਰਨ ਦੀ ਬਜਾਏ ਫਰੰਟ-ਐਂਡ ਫਰੇਮਵਰਕ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੇ ਬਹੁਤ ਸਾਰੇ ਚੰਗੇ ਕਾਰਨ ਹਨ:
- ਸਮਾਂ ਬਚਾਓ! ਸਪੱਸ਼ਟ ਹੈ ਕਿ, ਜੇ ਤੁਸੀਂ ਆਪਣੇ ਆਪ ਵਿਚ ਹਰ ਇੱਕ ਲਾਈਨ ਦੀ ਕੋਡ ਲਿਖ ਰਹੇ ਹੋ, ਤਾਂ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਬਹੁਤ ਸਮਾਂ ਲੱਗੇਗਾ. ਫਰੇਮਵਰਕਸ ਤੁਹਾਨੂੰ ਮੂਲ ਦੇ ਨਾਲ ਸ਼ੁਰੂਆਤ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦੇ ਹਨ
- ਵਾਧੂ ਹਿੱਸੇ ਜੋੜੋ ਜਿਹੜੇ ਤੁਹਾਡੇ ਕੋਲ ਨਹੀਂ ਹੋ ਸਕਦੇ. ਆਪਣੇ ਆਪ ਲਈ ਕੋਈ ਵਾਧੂ ਪਰੇਸ਼ਾਨੀ ਨਾ ਕੀਤੇ ਜਾਣ ਦੇ ਬਗੈਰ ਕਿਸੇ ਹੋਰ ਬਟਨ ਜਾਂ ਦੋ 'ਤੇ ਨੱਥ ਪਾਉਣ ਦਾ ਵਿਕਲਪ ਹਮੇਸ਼ਾ ਚੰਗਾ ਹੁੰਦਾ ਹੈ.
- ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਕੋਡ ਕੰਮ ਕਰਦਾ ਹੈ. ਸਿਰਫ ਆਪਣੇ ਹੀ ਕੋਡ ਨੂੰ ਲਿਖਣ ਲਈ ਬਹੁਤ ਸਮਾਂ ਬਿਤਾਉਣ ਦੀ ਬਜਾਏ ਇਹ ਕੰਮ ਖੋਜਣ ਲਈ (ਜਾਂ 60% ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਨਾਲ ਅਨੁਕੂਲ ਨਹੀਂ), ਤੁਸੀਂ ਇਹ ਪਤਾ ਕਰੋਗੇ ਕਿ ਤੁਸੀਂ ਪ੍ਰੀ-ਟੈਸਟ ਕੀਤਾ, ਫੰਕਸ਼ਨਲ ਕੋਡ ਵਰਤ ਰਹੇ ਹੋ
ਅੱਗੇ ਵਧਣ ਤੋਂ ਪਹਿਲਾਂ, ਮੈਂ ਇਹ ਵੀ ਸਪਸ਼ਟ ਕਰਨਾ ਚਾਹੁੰਦਾ ਹਾਂ ਕਿ ਕਿਵੇਂ ਫਰੰਟ-ਐਂਡ ਫਰੇਮਵਰਕ ਦਾ ਇਸਤੇਮਾਲ ਨਹੀਂ ਕਰਨਾ! ਕੋਡ-ਬਿਲਡਿੰਗ ਦੇ ਹੁਨਰ ਦੀ ਜਗ੍ਹਾ ਬਦਲਣ ਦੇ ਤੌਰ 'ਤੇ ਉਨ੍ਹਾਂ ਦਾ ਇਲਾਜ ਕਰਨ ਨਾਲ ਤੁਹਾਨੂੰ ਕੋਈ ਅਹਿਸਾਸ ਨਹੀਂ ਹੋਵੇਗਾ. ਪਹਿਲਾਂ HTML ਅਤੇ CSS ਨਾਲ ਜਾਣੂ ਹੋਵੋ, ਅਤੇ ਫਿਰ ਤੁਸੀਂ ਸ਼ਾਰਟਕੱਟ ਵਰਤਣਾ ਸ਼ੁਰੂ ਕਰ ਸਕਦੇ ਹੋ ਆਪਣੇ ਫਰੇਮਵਰਕ ਨੂੰ ਇੱਕ ਸਹਾਇਕ ਦੇ ਤੌਰ ਤੇ ਵਿਹਾਰ ਕਰੋ, ਨਾ ਕਿ ਬੇੜੀਆਂ.
ਫਰੰਟ-ਐਂਡ ਫਰੇਮਵਰਕ ਦੀਆਂ ਉਦਾਹਰਨਾਂ
ਸਾਰੇ CSS ਫਰੇਮਵਰਕ ਨੂੰ ਬਰਾਬਰ ਨਹੀਂ ਬਣਾਇਆ ਗਿਆ, ਇਸ ਲਈ ਆਪਣੀ ਖੋਜ ਕਰਨਾ ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਹਾਡੇ ਸਭ ਤੋਂ ਅਨੁਕੂਲ ਤੁਹਾਡੀਆਂ ਵਿਸ਼ੇਸ਼ ਲੋੜਾਂ ਨੂੰ ਕਿਵੇਂ ਪੂਰਾ ਕੀਤਾ ਜਾਏ. ਇੱਥੇ ਚੋਟੀ ਦੇ ਪੰਜਵਾਂ ਦੀ ਇੱਕ ਸੰਖੇਪ ਜਾਣਕਾਰੀ ਹੈ:
- ਬੂਟਸਟਰੈਪ: ਬਾਹਰ ਸਭ ਤੋਂ ਵੱਧ ਪ੍ਰਸਿੱਧ ਏ. ਤੁਹਾਡੇ ਸਵਾਲਾਂ ਦੇ ਉੱਤਰ ਦੇਣ ਲਈ ਗਿੱਠਬ ਦੇ ਬਹੁਤ ਸਾਰੇ ਤਾਰੇ ਅਤੇ ਬਹੁਤ ਸਾਰੇ ਸਰੋਤ ਹਨ ਵਰਤਣ ਲਈ ਸੌਖੇ ਲੋਕਾਂ ਵਿੱਚੋਂ ਇੱਕ, ਪਰ ਕੁਝ ਕਹਿੰਦੇ ਹਨ ਕਿ ਇਸ ਵਿੱਚ ਇੱਕ ਬਹੁਤ ਹੀ ਵਿਲੱਖਣ "ਬੂਟਸਟਰੈਪ" ਦਿੱਖ ਹੈ
- ਫਾਊਂਡੇਸ਼ਨ: ਬਹੁਤ ਸਾਰੀਆਂ ਲਚਕਤਾ ਅਤੇ ਅਨੁਕੂਲਤਾ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦਾ ਹੈ. ਫਰੰਟ-ਐਂਡ ਡਿਵੈਲਪਮੈਂਟ ਨਾਲ ਅਨੁਭਵ ਕਰਨ ਵਾਲੇ ਲੋਕਾਂ ਲਈ ਚੰਗਾ ਹੈ ਅਤੇ ਬਹੁਤ ਸਾਰੇ ਰਚਨਾਤਮਕ ਨਿਯੰਤਰਣ ਨੂੰ ਕਾਇਮ ਰੱਖਦੇ ਹੋਏ ਬੁਨਿਆਦ ਨੂੰ ਕਵਰ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹਨ.
- Stylus: Expressive ਅਤੇ stylish CSS ਭਾਸ਼ਾ. ਇਹ ਫਰੇਮਵਰਕ ਸਿਰਫ Node.js ਐਪਲੀਕੇਸ਼ਨਾਂ ਤੇ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ.
- ਸਿਮੰਟਿਕ UI: ਸੰਖੇਪ, ਅਨੁਭਵੀ, ਅਤੇ ਤੁਹਾਡੇ ਕੋਡ ਨੂੰ ਸ਼ਾਨਦਾਰ ਅਤੇ ਸਧਾਰਨ ਡੀਬਗ ਬਣਾਉਂਦਾ ਹੈ ਤੁਹਾਨੂੰ ਬਹੁਤ ਸਾਰੀ ਡਿਜ਼ਾਇਨ ਦੀ ਆਜ਼ਾਦੀ ਦਿੰਦਾ ਹੈ ਅਤੇ ਤੁਹਾਡੀਆਂ ਜ਼ਰੂਰਤਾਂ ਪੂਰੀਆਂ ਕਰਦਾ ਹੈ.
- UI ਕਿਟ: ਜੇਕਰ ਤੁਹਾਨੂੰ iOS ਐਪਸ ਵਿਕਸਿਤ ਕਰਨ ਵਿੱਚ ਦਿਲਚਸਪੀ ਹੈ ਤਾਂ ਵਰਤਣ ਲਈ ਫਰੇਮਵਰਕ ਇੱਕ ਬੁਨਿਆਦੀ ਸ਼ੈਲੀ ਹੈ ਜੋ ਤੁਹਾਡੀ ਆਪਣੀ ਸਾਈਟ ਦੀ ਦਿੱਖ ਨੂੰ ਵਿਕਸਿਤ ਕਰਨਾ ਅਸਾਨ ਬਣਾਉਂਦੀ ਹੈ.
ਸਿੱਟਾ
ਫਰੇਮਵਰਕਜ਼ ਫਰੰਟ-ਐਂਡ ਡਿਜ਼ਾਈਨ ਲਈ ਅਤਿਅੰਤ ਸਹਾਇਕ ਟੂਲ ਹਨ, ਖਾਸ ਕਰਕੇ ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਅਜਿਹੀ ਨੌਕਰੀ ਹੈ ਜਿੱਥੇ ਤੁਸੀਂ ਅਕਸਰ ਉਸ ਪਾਸੇ ਵਿਕਾਸ ਕਰਦੇ ਹੋ ਉਹ ਤੁਹਾਨੂੰ ਆਪਣੇ ਵਰਕਫਲੋ ਨੂੰ ਤੇਜ਼ ਕਰਨ ਅਤੇ ਗੁਣਵੱਤਾ ਜਾਂ ਕਾਰਜਕੁਸ਼ਲਤਾ ਦੀ ਕੁਰਬਾਨੀ ਤੋਂ ਬਗੈਰ ਤੁਹਾਡੀ ਉਤਪਾਦਕਤਾ ਵਧਾਉਣ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦੇ ਹਨ, ਜਦੋਂ ਕਿ ਅਜੇ ਵੀ ਇੱਕ ਵਿਲੱਖਣ, ਅਨੁਕੂਲਿਤ ਦਿੱਖ ਲਈ ਦਰਵਾਜਾ ਖੁੱਲ੍ਹਾ ਹੈ. ਕੇਵਲ ਉਨ੍ਹਾਂ ਨੂੰ ਆਪਣੇ ਹੁਨਰ ਨੂੰ ਪੂਰਕ ਦੇਣ ਲਈ ਇਕ ਸਾਧਨ ਦੇ ਤੌਰ ਤੇ ਵਰਤਣ ਦੀ ਯਾਦ ਰੱਖੋ, ਨਾ ਕਿ ਕੋਨੇ ਨੂੰ ਕੱਟਣ ਦਾ ਇੱਕ ਤਰੀਕਾ ਹੈ-ਅਤੇ ਮਜ਼ੇ ਲਓ!