8 ਵਿਦਿਅਕ ਪ੍ਰੋਜੈਕਟ

"ਇੱਕ ਮਾਸਟਰ ਕੋਸ਼ਿਸ਼ਾਂ ਨਾਲੋਂ ਵੱਧ ਗਲਤੀਆਂ ਕਰਦਾ ਹੈ"

ਅਸੀਂ 8 ਪ੍ਰੋਜੈਕਟ ਵਿਕਲਪ ਪੇਸ਼ ਕਰਦੇ ਹਾਂ ਜੋ ਅਸਲ ਵਿਕਾਸ ਅਨੁਭਵ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ "ਮਜ਼ੇ ਲਈ" ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ।

ਪ੍ਰੋਜੈਕਟ 1. ਟ੍ਰੇਲੋ ਕਲੋਨ

Indrek Lasn ਤੱਕ Trello ਕਲੋਨ.

ਤੁਸੀਂ ਕੀ ਸਿੱਖੋਗੇ:

• ਬੇਨਤੀ ਪ੍ਰੋਸੈਸਿੰਗ ਰੂਟਾਂ ਦਾ ਸੰਗਠਨ (ਰੂਟਿੰਗ)।
• ਖਿੱਚੋ ਅਤੇ ਸੁੱਟੋ.
• ਨਵੀਆਂ ਵਸਤੂਆਂ (ਬੋਰਡ, ਸੂਚੀਆਂ, ਕਾਰਡ) ਕਿਵੇਂ ਬਣਾਈਏ।
• ਇਨਪੁਟ ਡੇਟਾ ਦੀ ਪ੍ਰਕਿਰਿਆ ਅਤੇ ਜਾਂਚ ਕਰਨਾ।
• ਕਲਾਇੰਟ ਦੇ ਪੱਖ ਤੋਂ: ਲੋਕਲ ਸਟੋਰੇਜ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ, ਲੋਕਲ ਸਟੋਰੇਜ ਵਿੱਚ ਡਾਟਾ ਕਿਵੇਂ ਸੇਵ ਕਰੀਏ, ਲੋਕਲ ਸਟੋਰੇਜ ਤੋਂ ਡਾਟਾ ਕਿਵੇਂ ਪੜ੍ਹਿਆ ਜਾਵੇ।
• ਸਰਵਰ ਸਾਈਡ ਤੋਂ: ਡੇਟਾਬੇਸ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ, ਡੇਟਾਬੇਸ ਵਿੱਚ ਡੇਟਾ ਕਿਵੇਂ ਸੁਰੱਖਿਅਤ ਕਰਨਾ ਹੈ, ਡੇਟਾਬੇਸ ਤੋਂ ਡੇਟਾ ਕਿਵੇਂ ਪੜ੍ਹਨਾ ਹੈ।

ਇੱਥੇ ਇੱਕ ਰਿਪੋਜ਼ਟਰੀ ਦੀ ਇੱਕ ਉਦਾਹਰਨ ਹੈ, React+Redux ਵਿੱਚ ਬਣਾਇਆ ਗਿਆ।

ਪ੍ਰੋਜੈਕਟ 2. ਐਡਮਿਨ ਪੈਨਲ

Github ਰਿਪੋਜ਼ਟਰੀ.

ਇੱਕ ਸਧਾਰਨ CRUD ਐਪਲੀਕੇਸ਼ਨ, ਮੂਲ ਗੱਲਾਂ ਸਿੱਖਣ ਲਈ ਆਦਰਸ਼। ਆਓ ਸਿੱਖੀਏ:

• ਉਪਭੋਗਤਾ ਬਣਾਓ, ਉਪਭੋਗਤਾਵਾਂ ਦਾ ਪ੍ਰਬੰਧਨ ਕਰੋ.
• ਡੇਟਾਬੇਸ ਨਾਲ ਗੱਲਬਾਤ ਕਰੋ - ਉਪਭੋਗਤਾ ਬਣਾਓ, ਪੜ੍ਹੋ, ਸੰਪਾਦਿਤ ਕਰੋ, ਮਿਟਾਓ।
• ਇੰਪੁੱਟ ਨੂੰ ਪ੍ਰਮਾਣਿਤ ਕਰਨਾ ਅਤੇ ਫਾਰਮਾਂ ਨਾਲ ਕੰਮ ਕਰਨਾ।

ਪ੍ਰੋਜੈਕਟ 3. ਕ੍ਰਿਪਟੋਕਰੰਸੀ ਟਰੈਕਰ (ਦੇਸੀ ਮੋਬਾਈਲ ਐਪਲੀਕੇਸ਼ਨ)

Github ਰਿਪੋਜ਼ਟਰੀ.

ਕੁਝ ਵੀ: Swift, Objective-C, React Native, Java, Kotlin.

ਆਓ ਅਧਿਐਨ ਕਰੀਏ:

• ਨੇਟਿਵ ਐਪਲੀਕੇਸ਼ਨਾਂ ਕਿਵੇਂ ਕੰਮ ਕਰਦੀਆਂ ਹਨ।
• API ਤੋਂ ਡੇਟਾ ਕਿਵੇਂ ਪ੍ਰਾਪਤ ਕਰਨਾ ਹੈ।
• ਨੇਟਿਵ ਪੇਜ ਲੇਆਉਟ ਕਿਵੇਂ ਕੰਮ ਕਰਦੇ ਹਨ।
• ਮੋਬਾਈਲ ਸਿਮੂਲੇਟਰਾਂ ਨਾਲ ਕਿਵੇਂ ਕੰਮ ਕਰਨਾ ਹੈ।

ਇਸ API ਨੂੰ ਅਜ਼ਮਾਓ. ਜੇ ਤੁਸੀਂ ਕੁਝ ਬਿਹਤਰ ਲੱਭਦੇ ਹੋ, ਤਾਂ ਟਿੱਪਣੀਆਂ ਵਿੱਚ ਲਿਖੋ.

ਜੇ ਤੁਸੀਂ ਦਿਲਚਸਪੀ ਰੱਖਦੇ ਹੋ, ਤਾਂ ਇਹ ਇੱਥੇ ਹੈ ਇੱਥੇ ਇੱਕ ਟਿਊਟੋਰਿਅਲ ਹੈ.

ਪ੍ਰੋਜੈਕਟ 4. ਸ਼ੁਰੂ ਤੋਂ ਆਪਣੀ ਖੁਦ ਦੀ ਵੈਬਪੈਕ ਸੰਰਚਨਾ ਸੈਟ ਅਪ ਕਰੋ

ਤਕਨੀਕੀ ਤੌਰ 'ਤੇ, ਇਹ ਕੋਈ ਐਪਲੀਕੇਸ਼ਨ ਨਹੀਂ ਹੈ, ਪਰ ਇਹ ਸਮਝਣਾ ਬਹੁਤ ਉਪਯੋਗੀ ਕੰਮ ਹੈ ਕਿ ਵੈਬਪੈਕ ਅੰਦਰੋਂ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ। ਹੁਣ ਇਹ ਇੱਕ "ਬਲੈਕ ਬਾਕਸ" ਨਹੀਂ ਹੋਵੇਗਾ, ਸਗੋਂ ਇੱਕ ਸਮਝਣ ਯੋਗ ਸਾਧਨ ਹੋਵੇਗਾ।

ਲੋੜਾਂ:

• es7 ਤੋਂ es5 (ਬੁਨਿਆਦੀ) ਨੂੰ ਕੰਪਾਇਲ ਕਰੋ।
• jsx ਨੂੰ js - ਜਾਂ - .vue ਤੋਂ .js ਕੰਪਾਇਲ ਕਰੋ (ਤੁਹਾਨੂੰ ਲੋਡਰ ਸਿੱਖਣੇ ਪੈਣਗੇ)
• ਵੈਬਪੈਕ ਦੇਵ ਸਰਵਰ ਅਤੇ ਹੌਟ ਮੋਡੀਊਲ ਰੀਲੋਡਿੰਗ ਸੈਟ ਅਪ ਕਰੋ। (vue-cli ਅਤੇ create-react-app ਦੋਵੇਂ ਹੀ ਵਰਤਦੇ ਹਨ)
• Heroku, now.sh ਜਾਂ Github ਦੀ ਵਰਤੋਂ ਕਰੋ, ਸਿੱਖੋ ਕਿ ਵੈਬਪੈਕ ਪ੍ਰੋਜੈਕਟਾਂ ਨੂੰ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ।
• css - scss, less, stylus ਨੂੰ ਕੰਪਾਇਲ ਕਰਨ ਲਈ ਆਪਣਾ ਮਨਪਸੰਦ ਪ੍ਰੀਪ੍ਰੋਸੈਸਰ ਸੈਟ ਅਪ ਕਰੋ।
• ਵੈਬਪੈਕ ਨਾਲ ਚਿੱਤਰਾਂ ਅਤੇ svgs ਨੂੰ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ ਬਾਰੇ ਜਾਣੋ।

ਇਹ ਸੰਪੂਰਨ ਸ਼ੁਰੂਆਤ ਕਰਨ ਵਾਲਿਆਂ ਲਈ ਇੱਕ ਸ਼ਾਨਦਾਰ ਸਰੋਤ ਹੈ।

ਪ੍ਰੋਜੈਕਟ 5. ਹੈਕਰਨਿਊਜ਼ ਕਲੋਨ

ਹਰ ਜੇਡੀ ਨੂੰ ਆਪਣੀ ਹੈਕਰਨਿਊਜ਼ ਬਣਾਉਣ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।

ਤੁਸੀਂ ਰਸਤੇ ਵਿੱਚ ਕੀ ਸਿੱਖੋਗੇ:

• ਹੈਕਰਨਿਊਜ਼ API ਨਾਲ ਕਿਵੇਂ ਇੰਟਰੈਕਟ ਕਰਨਾ ਹੈ।
• ਇੱਕ ਸਿੰਗਲ ਪੇਜ ਐਪਲੀਕੇਸ਼ਨ ਕਿਵੇਂ ਬਣਾਈਏ।
• ਟਿੱਪਣੀਆਂ, ਵਿਅਕਤੀਗਤ ਟਿੱਪਣੀਆਂ, ਪ੍ਰੋਫਾਈਲਾਂ ਦੇਖਣ ਵਰਗੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ।
• ਬੇਨਤੀ ਪ੍ਰੋਸੈਸਿੰਗ ਰੂਟਾਂ ਦਾ ਸੰਗਠਨ (ਰੂਟਿੰਗ)।

ਪ੍ਰੋਜੈਕਟ 6. ਟੁਡੁਸ਼ੇਚਕਾ

TodoMVC.

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

ਸਿੱਖੋ:

• ਨਵੇਂ ਕਾਰਜ ਬਣਾਓ।
• ਜਾਂਚ ਕਰੋ ਕਿ ਖੇਤਰ ਭਰੇ ਹੋਏ ਹਨ।
• ਫਿਲਟਰ ਕਾਰਜ (ਪੂਰੇ, ਕਿਰਿਆਸ਼ੀਲ, ਸਾਰੇ)। ਵਰਤੋ filter и reduce.
• ਜਾਵਾਸਕ੍ਰਿਪਟ ਦੀਆਂ ਮੂਲ ਗੱਲਾਂ ਨੂੰ ਸਮਝੋ।

ਪ੍ਰੋਜੈਕਟ 7. ਛਾਂਟਣਯੋਗ ਡਰੈਗ ਅਤੇ ਡ੍ਰੌਪ ਸੂਚੀ

Github ਰਿਪੋਜ਼ਟਰੀ.

ਸਮਝਣ ਲਈ ਬਹੁਤ ਮਦਦਗਾਰ ਏਪੀਆਈ ਨੂੰ ਖਿੱਚੋ ਅਤੇ ਛੱਡੋ.

ਆਓ ਸਿੱਖੀਏ:

• API ਨੂੰ ਖਿੱਚੋ ਅਤੇ ਛੱਡੋ
• ਅਮੀਰ UIs ਬਣਾਓ

ਪ੍ਰੋਜੈਕਟ 8. ਮੈਸੇਂਜਰ ਕਲੋਨ (ਦੇਸੀ ਐਪਲੀਕੇਸ਼ਨ)

ਤੁਸੀਂ ਸਮਝ ਸਕੋਗੇ ਕਿ ਵੈਬ ਐਪਲੀਕੇਸ਼ਨ ਅਤੇ ਮੂਲ ਐਪਲੀਕੇਸ਼ਨ ਦੋਵੇਂ ਕਿਵੇਂ ਕੰਮ ਕਰਦੇ ਹਨ, ਜੋ ਤੁਹਾਨੂੰ ਸਲੇਟੀ ਪੁੰਜ ਤੋਂ ਵੱਖ ਕਰ ਦੇਵੇਗਾ।

ਅਸੀਂ ਕੀ ਅਧਿਐਨ ਕਰਾਂਗੇ:

• ਵੈੱਬ ਸਾਕਟ (ਤਤਕਾਲ ਸੁਨੇਹੇ)
• ਨੇਟਿਵ ਐਪਲੀਕੇਸ਼ਨਾਂ ਕਿਵੇਂ ਕੰਮ ਕਰਦੀਆਂ ਹਨ।
• ਨੇਟਿਵ ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਟੈਂਪਲੇਟ ਕਿਵੇਂ ਕੰਮ ਕਰਦੇ ਹਨ।
• ਨੇਟਿਵ ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਬੇਨਤੀ ਪ੍ਰੋਸੈਸਿੰਗ ਰੂਟਾਂ ਦਾ ਆਯੋਜਨ ਕਰਨਾ।

ਇਹ ਤੁਹਾਡੇ ਲਈ ਇੱਕ ਜਾਂ ਦੋ ਮਹੀਨਿਆਂ ਲਈ ਕਾਫ਼ੀ ਹੋਵੇਗਾ।

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

ਸਰੋਤ: www.habr.com