ਫਰੰਟ-ਐਂਡ ਡਿਵੈਲਪਰਾਂ ਲਈ ਮਾਸਟਰ ਦੀ ਕੋਰ ਹੁਨਰ

ਫਰੰਟ-ਐਂਡ ਡਿਵੈਲਪਰ ਵਿੱਚ ਜੋ ਨੌਕਰੀ ਲੱਭਦੀ ਹੈ ਉਸ ਵਿੱਚ ਨੌਕਰੀ ਦੀਆਂ ਸੂਚੀਆਂ ਬਦਲਦੀਆਂ ਹਨ. ਕੁਝ ਕੰਪਨੀਆਂ ਅਰਜ਼ੀ ਦੇਣ ਵਾਲਿਆਂ ਨੂੰ ਰੂਬੀ , ਜੀਆਈਟੀ, ਡਿਜ਼ਾਈਨ ਟੂਲਸ, ਵਿਡੀਓ ਐਡੀਟਿੰਗ ਵਰਗੇ ਜਾਣੇ ਚਾਹੀਦੇ ਹਨ - ਅਤੇ ਇਹ ਸੂਚੀ ਜਾਰੀ ਹੈ

ਹਾਲਾਂਕਿ, ਕੁਝ ਕੁ ਕੁਸ਼ਲਤਾਵਾਂ ਹਨ ਜੋ ਕਿ ਕਿਸੇ ਵੀ ਫਰੰਟ-ਐਂਡ ਡਿਵੈਲਪਮੈਂਟ ਦੀ ਨੌਕਰੀ ਦੀ ਲੋੜ ਹੋਵੇਗੀ - "ਕੋਰ" ਹੁਨਰ - ਅਤੇ ਕੁਝ ਹੋਰ ਜਿਨ੍ਹਾਂ ਨੂੰ ਤੁਹਾਨੂੰ ਗੰਭੀਰਤਾ ਨਾਲ ਆਪਣੇ ਪ੍ਰਦਰਸ਼ਨ ਦੀ ਸੂਚੀ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰਨ ਲਈ ਵਿਚਾਰ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ.

ਤੁਹਾਨੂੰ ਕੀ ਪਤਾ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ

ਪਤਾ ਕਰਨ ਅਤੇ ਸਮਝਣ ਲਈ ਫਰੰਟ-ਐਂਡ ਡਿਵੈਲਪਰਾਂ ਲਈ ਕੀ ਮਹੱਤਵਪੂਰਨ ਹੈ ਦੀ ਖੋਜ ਵਿੱਚ ਨੌਕਰੀਆਂ ਦੀ ਸੂਚੀ ਆਨਲਾਈਨ ਵੇਖੋ; ਤਿੰਨ ਮੁੱਖ ਗੱਲਾਂ ਹਨ.

ਗੈਰ-ਸਮਝੌਤਾਯੋਗ

ਅਤੇ ਉਹ ਹਨ:

1. HTML
2. CSS
3. ਜਾਵਾਸਕ੍ਰਿਪਟ (jquery)

ਇਹ ਮੂਲ ਤੱਤ ਹਨ ਖੁਸ਼ਕਿਸਮਤੀ ਨਾਲ, ਬਹੁਤ ਸਾਰੇ ਮੁਫਤ ਜਾਂ ਕਿਫਾਇਤੀ ਆਨਲਾਈਨ ਸਿਖਲਾਈ ਪਲੇਟਫਾਰਮ ਹਨ ਜਿੱਥੇ ਤੁਸੀਂ ਇਹਨਾਂ ਹੁਨਰ ਸਿੱਖ ਸਕਦੇ ਹੋ ਜੇਕਰ ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਨੂੰ ਪਹਿਲਾਂ ਹੀ ਨਹੀਂ ਜਾਣਦੇ ਹੋ.

HTML

ਹਾਈਪਰਟੈਕਸਟ ਮਾਰਕਅੱਪ ਲੈਂਗੂਏਜ, ਜਾਂ ਐਚਐਮਐਲਟੀ, ਇੰਟਰਨੈਟ ਤੇ ਸਾਰੀਆਂ ਵੈੱਬਸਾਈਟਾਂ ਦਾ ਮੁੱਖ ਬਣਤਰ ਹੈ. ਜਿਵੇਂ ਜੈਨੀਫ਼ਰ ਕਿਰਨਿਨ ਕਹਿੰਦਾ ਹੈ,

"ਇਹ ਵੈੱਬ ਪੰਨਿਆਂ ਦੀ ਭਾਸ਼ਾ ਹੈ - ਮਾਰਕਅਪ ਭਾਸ਼ਾ ਜੋ ਬ੍ਰਾਉਜ਼ਰ ਨੂੰ ਵੈੱਬ ਪੰਨਿਆਂ ਨੂੰ ਰੈਂਡਰ ਕਰਨ ਲਈ ਪੜ੍ਹਦੇ ਹਨ."

ਵੈੱਬ ਪੰਨੇ HTML ਤੋਂ ਬਿਨਾਂ ਨਹੀਂ ਰਹਿ ਸਕਦੇ ਹਨ

CSS

CSS ਅਤੇ HTML ਇਕਮੁੱਠਤਾ ਨਾਲ ਕੰਮ ਕਰਦੇ ਹਨ: CSS HTML ਤੇ ਸਟਾਈਲ ਲਿਖਦੀ ਹੈ ਮੈਂ ਉਸ ਸਮਾਨ ਨੂੰ ਵਰਤਣਾ ਚਾਹੁੰਦਾ ਹਾਂ ਜੋ HTML ਇਕ ਚਿਹਰਾ ਵਰਗਾ ਹੈ, ਅਤੇ CSS ਮੇਕਅਪ ਵਰਗੀ ਹੈ.

ਹਾਲਾਂਕਿ CSS ਵੈੱਬਸਾਈਟ ਨੂੰ ਔਨਲਾਈਨ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਜ਼ਰੂਰੀ ਨਹੀਂ ਹੈ, ਅਸਲ ਵਿੱਚ ਹਰ ਇੱਕ ਸਾਈਟ ਔਨਲਾਈਨ ਕਿਸੇ ਕਿਸਮ ਦਾ ਸਟਾਈਲ ਵਰਤਦੀ ਹੈ.

ਨਹੀਂ ਤਾਂ, ਇਹ ਬਹੁਤ ਬੋਰਿੰਗ ਹੋ ਜਾਵੇਗਾ. CSS ਦੇ ਸਭ ਤੋਂ ਨਵੇਂ ਵਰਜਨਾਂ ਦੇ ਨਾਲ, ਤੁਸੀਂ ਐਨੀਮੇਸ਼ਨ ਅਤੇ ਹੋਰ ਤਕਨੀਕੀ ਸਟਾਈਲਿੰਗ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਪਿਛਲੇ ਸਮੇਂ ਵਿੱਚ JavaScript ਜਾਂ Flash ਨਾਲ ਸੰਭਵ ਸੀ.

ਜਾਵਾਸਕ੍ਰਿਪਟ

ਜਾਵਾਸਕ੍ਰਿਪਟ, ਜਾਂ ਜੇ ਐਸ, ਪਿਛਲੇ ਕਈ ਸਾਲਾਂ ਤੋਂ ਤੇਜ਼ੀ ਨਾਲ ਤਰੱਕੀ ਕਰ ਰਿਹਾ ਹੈ. ਇਸਦਾ ਅੱਜਕਲ੍ਹ ਕਈ ਮੰਤਵਾਂ ਹਨ ਅਤੇ ਅੱਗੇ ਜਾਂ ਪਿਛਲੇ ਅਖੀਰ ਤੇ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ.

ਫਰੰਟ-ਐਂਡ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਸੰਬੰਧ ਵਿਚ, ਜੇ.ਐਸ. ਮਹੱਤਵਪੂਰਨ ਹੈ ਕਿਉਂਕਿ ਇਹ ਵੈੱਬ ਪੰਨੇ ਨੂੰ ਇੰਟਰਐਕਟਿਵ ਕਰਨ ਵਿਚ ਮਦਦ ਕਰਦਾ ਹੈ. ਤੁਸੀਂ ਸ਼ਾਨਦਾਰ ਗੱਲਾਂ ਕਰ ਸਕਦੇ ਹੋ ਜਿਵੇਂ ਚੋਣਾਂ ਬਣਾਉ, ਕੁਇਜ਼ ਜਾਂ ਫਾਰਮ ਬੇਨਤੀਆਂ ਬਣਾਓ

ਅੱਜ-ਕੱਲ੍ਹ ਬਹੁਤ ਸਾਰੀਆਂ ਜੇ ਐਸ ਲਾਈਬ੍ਰੇਰੀਆਂ ਹਨ ਜੋ ਤੁਹਾਨੂੰ ਆਪਣੇ ਵੈਬ ਪੇਜਾਂ ਨੂੰ ਅਗਲੇ ਪੱਧਰ ਤਕ ਲੈਣ ਵਿਚ ਮਦਦ ਕਰਦੀਆਂ ਹਨ.

ਹਾਲਾਂਕਿ, ਇੱਕ ਫਰੰਟ-ਐਂਡ ਡਿਵੈਲਪਰ ਬਣਨ ਲਈ, ਤੁਹਾਨੂੰ ਮੂਲ ਜਾਵਾਸਕ੍ਰਿਪਟ ਦੇ ਨਾਲ-ਨਾਲ ਸਭ ਤੋਂ ਵੱਧ ਪ੍ਰਸਿੱਧ ਜੇਸੀ ਲਾਇਬਰੇਰੀ ਨੂੰ ਸਮਝਣਾ ਪਵੇਗਾ - jQuery

ਨਾਇਸ-ਟੂ-ਹੈਵਜ਼

ਬੁਨਿਆਦ ਘਟਾਉਣ ਤੋਂ ਬਾਅਦ, ਇਹ ਹੋਰ ਹੁਨਰ ਹਨ ਜੋ ਕੋਲ ਚੰਗੇ ਹਨ. (ਅਤੇ ਬਹੁਤ ਸਾਰੇ ਫਰੰਟ-ਐਂਡ ਵਿਕਾਸ ਦੀਆਂ ਨੌਕਰੀਆਂ ਉਨ੍ਹਾਂ ਦੀ ਭਾਲ ਕਰਦੀਆਂ ਹਨ.)

MV * JavaScript ਫਰੇਮਵਰਕ

ਜਾਵਾ ਸਕਰਿਪਟ ਦੇ ਫਰੇਮਵਰਕ ਤੁਹਾਡੇ ਕੋਡ ਨੂੰ ਸੰਗਠਿਤ ਅਤੇ ਘੇਰਣ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰਦੇ ਹਨ.

ਜਿੱਥੋਂ ਤਕ ਐਮ.ਵੀ * (ਜਾਂ ਐਮਵੀਸੀ) ਵਿਕਲਪਾਂ ਦੇ ਚਲਦੇ ਹਨ, ਉੱਥੇ ਤੀਹ ਹੁੰਦੇ ਹਨ: ਦੋ ਸਭ ਤੋਂ ਵੱਧ ਪ੍ਰਸਿੱਧ ਬੈਕਬੋਨ.ਜੇ. ਅਤੇ ਕੋਨੀਅਰ.ਜ.

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

CSS ਟੂਲਸ

ਉੱਪਰਲੇ ਜਾਵਾਸਕਰਿਪਟ ਫਰੇਮਵਰਕ ਨਾਲ ਤੁਲਨਾ ਕੀਤੀ ਗਈ, ਹੇਠਾਂ ਦਿੱਤੇ ਗਏ CSS ਟੂਲ ਆਸਾਨੀ ਨਾਲ ਸਿੱਖਣ ਵਿੱਚ ਅਸਾਨ ਹਨ. ਵੇਖਣ ਲਈ ਤਿੰਨ ਕਿਸਮਾਂ ਹਨ:

ਪ੍ਰੀ- ਕੰਪਾਈਲਰ: ਇੱਕ ਪ੍ਰੀ-ਕੰਪਾਈਲਰ (ਜਾਂ ਪ੍ਰੀਪ੍ਰੋਸੈਸਰ) ਦਾ ਇਸਤੇਮਾਲ ਕਰਨ ਨਾਲ ਸੰਗਠਨ ਨੂੰ ਬਣਾਏ ਰੱਖਣ ਲਈ ਕੋਡ ਕਲੀਨਰ ਬਣਾਉਣ ਤੋਂ ਬਹੁਤ ਸਾਰੇ ਫਾਇਦੇ ਹਨ. ਇਹ CSS ਲਿਖਣ ਦਾ ਇਕ ਆਸਾਨ ਤਰੀਕਾ ਹੈ ਅਤੇ DRY (ਆਪਣੇ ਆਪ ਨੂੰ ਦੁਹਰਾਓ ਨਾ ਕਰੋ) ਸਿਧਾਂਤਾਂ ਨੂੰ ਉਤਸ਼ਾਹਿਤ ਕਰਦਾ ਹੈ. ਪ੍ਰਸਿੱਧ CSS precompilers Sass, Less, ਅਤੇ Stylus ਹਨ. ਜੇ ਤੁਸੀਂ ਹੁਣੇ ਸ਼ੁਰੂ ਕਰ ਰਹੇ ਹੋ, ਤਾਂ ਇੱਕ ਸਿੱਖਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ

CSS ਫਰੇਮਵਰਕ: CSS ਫਰੇਮਵਰਕਸ ਬਿਲਟ-ਇਨ ਗਰਿੱਡ ਅਤੇ ਹੋਰ CSS ਭਾਗਾਂ ਦੇ ਨਾਲ ਆਪਣੇ ਵਰਕਫਲੋ ਨੂੰ ਅਨੁਕੂਲ ਬਣਾਉਣ ਵਿੱਚ ਸਹਾਇਤਾ ਕਰਦੇ ਹਨ. ਦੋ ਪ੍ਰਸਿੱਧ ਉਦਾਹਰਨਾਂ ਹਨ ਬੂਟਸਟਰੈਪ ਅਤੇ ਫਾਊਂਡੇਸ਼ਨ.

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

ਫਰੰਟ-ਐਂਡ ਬਿਲਡ ਟੂਲ

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

ਪੈਕੇਜ ਪ੍ਰਬੰਧਨ: ਸਾਰੀਆਂ ਲਾਇਬ੍ਰੇਰੀਆਂ, ਸੰਪਤੀਆਂ, ਅਤੇ ਇਸ ਲਈ ਅੱਗੇ ਨੂੰ ਖਾਸ ਤੌਰ 'ਤੇ ਵੱਡੀਆਂ ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ ਜਾਂ ਜਿਨ੍ਹਾਂ ਨੂੰ ਤੁਸੀਂ ਟੀਮ ਨਾਲ ਕੰਮ ਕਰ ਰਹੇ ਹੋ, ਲਈ ਸੰਗਠਿਤ ਕਰਨਾ ਔਖਾ ਹੋ ਸਕਦਾ ਹੈ.

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

ਯਮੁਨਾ.ਓ: ਜੇ ਤੁਹਾਨੂੰ ਕਦੇ-ਕਦੇ ਪ੍ਰਾਜੈਕਟਾਂ ਨੂੰ ਜ਼ਮੀਨ ਤੋਂ ਮੁਕਤ ਕਰਾਉਣ ਵਿਚ ਮੁਸ਼ਕਲ ਆਉਂਦੀ ਹੈ, ਤਾਂ ਯਮੁਨਾ ਦੀ ਵਰਤੋਂ ਪ੍ਰਾਜੈਕਟਾਂ ਨਾਲ ਛੇਤੀ ਸ਼ੁਰੂ ਕਰਨ ਅਤੇ ਉਤਪਾਦਕ ਰਹਿਣ ਵਿਚ ਹੈ. ਇਹ ਕਮਾਂਡ ਲਾਈਨ ਤੇ ਚਲਦਾ ਹੈ.

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

ਸਿੱਟਾ

ਹਾਲਾਂਕਿ ਘਰਾਂ ਨੂੰ ਬਹੁਤ ਵਧੀਆ ਲੱਗਦਾ ਹੈ, ਪਰ ਉਨ੍ਹਾਂ ਨੂੰ ਸਮੇਂ ਦੇ ਨਾਲ ਜੋੜਨ ਵਾਲੇ ਹੁਨਰਾਂ ਨੂੰ ਸੋਚੋ. ਮੁੱਖ ਚੀਜਾਂ ਜਿਹਨਾਂ ਬਾਰੇ ਤੁਹਾਨੂੰ ਜਾਣਨ ਦੀ ਲੋੜ ਹੈ ਉਹ HTML, CSS, ਅਤੇ JavaScript ਹਨ.

ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਕੋਈ ਹੋਰ ਵੈਬ ਕੁਸ਼ਲਤਾ ਹੈ , ਭਾਵੇਂ ਉਹ ਫਰੰਟ-ਐਂਡ ਨਾਲ ਸੰਬੰਧਿਤ ਨਹੀਂ ਹਨ, ਉਹਨਾਂ ਨੂੰ ਟੇਬਲ - ਜਿਵੇਂ ਡਿਜ਼ਾਈਨ, ਵਿਡੀਓ ਐਡੀਟਿੰਗ, ਐਸਈਓ, ਆਦਿ ਵਿੱਚ ਲਿਆਓ. ਤੁਸੀਂ ਕਦੇ ਨਹੀਂ ਜਾਣਦੇ ਕਿ ਕੋਈ ਕੰਪਨੀ ਕਿਸ ਦੀ ਤਲਾਸ਼ ਕਰ ਰਹੀ ਹੈ .

ਅਤੇ ਕੀ ਸੋਚੋ? ਤੁਸੀਂ ਮੁਕੰਮਲ ਫਿਟ ਹੋ ਸਕਦੇ ਹੋ