8 വിദ്യാഭ്യാസ പദ്ധതികൾ

"ഒരു തുടക്കക്കാരൻ ശ്രമിക്കുന്നതിനേക്കാൾ കൂടുതൽ തെറ്റുകൾ ഒരു മാസ്റ്റർ ചെയ്യുന്നു"

യഥാർത്ഥ വികസന അനുഭവം നേടുന്നതിന് "തമാശയ്ക്കായി" ചെയ്യാൻ കഴിയുന്ന 8 പ്രോജക്റ്റ് ഓപ്ഷനുകൾ ഞങ്ങൾ വാഗ്ദാനം ചെയ്യുന്നു.

പദ്ധതി 1. ട്രെല്ലോ ക്ലോൺ

ഇന്ദ്രെക് ലാസ്നിൽ നിന്നുള്ള ട്രെല്ലോ ക്ലോൺ.

നിങ്ങൾ എന്ത് പഠിക്കും:

• അഭ്യർത്ഥന പ്രോസസ്സിംഗ് റൂട്ടുകളുടെ ഓർഗനൈസേഷൻ (റൂട്ടിംഗ്).
• വലിച്ചിടുക.
• പുതിയ വസ്തുക്കൾ (ബോർഡുകൾ, ലിസ്റ്റുകൾ, കാർഡുകൾ) എങ്ങനെ സൃഷ്ടിക്കാം.
• ഇൻപുട്ട് ഡാറ്റ പ്രോസസ്സ് ചെയ്യുകയും പരിശോധിക്കുകയും ചെയ്യുന്നു.
• ക്ലയന്റ് ഭാഗത്ത് നിന്ന്: ലോക്കൽ സ്റ്റോറേജ് എങ്ങനെ ഉപയോഗിക്കാം, ലോക്കൽ സ്റ്റോറേജിലേക്ക് ഡാറ്റ എങ്ങനെ സംരക്ഷിക്കാം, ലോക്കൽ സ്റ്റോറേജിൽ നിന്ന് ഡാറ്റ എങ്ങനെ വായിക്കാം.
• സെർവർ ഭാഗത്ത് നിന്ന്: ഡാറ്റാബേസുകൾ എങ്ങനെ ഉപയോഗിക്കാം, ഡാറ്റാബേസിൽ ഡാറ്റ എങ്ങനെ സംരക്ഷിക്കാം, ഡാറ്റാബേസിൽ നിന്ന് ഡാറ്റ എങ്ങനെ വായിക്കാം.

ഒരു സംഭരണിയുടെ ഒരു ഉദാഹരണം ഇതാ, React+Redux-ൽ നിർമ്മിച്ചത്.

പദ്ധതി 2. അഡ്മിൻ പാനൽ

ഗിത്തബ് ശേഖരം.

ഒരു ലളിതമായ CRUD ആപ്ലിക്കേഷൻ, അടിസ്ഥാനകാര്യങ്ങൾ പഠിക്കാൻ അനുയോജ്യമാണ്. നമുക്ക് പഠിക്കാം:

• ഉപയോക്താക്കളെ സൃഷ്ടിക്കുക, ഉപയോക്താക്കളെ നിയന്ത്രിക്കുക.
• ഡാറ്റാബേസുമായി സംവദിക്കുക - ഉപയോക്താക്കളെ സൃഷ്ടിക്കുക, വായിക്കുക, എഡിറ്റുചെയ്യുക, ഇല്ലാതാക്കുക.
• ഇൻപുട്ട് മൂല്യനിർണ്ണയം നടത്തുകയും ഫോമുകൾക്കൊപ്പം പ്രവർത്തിക്കുകയും ചെയ്യുന്നു.

പദ്ധതി 3. ക്രിപ്‌റ്റോകറൻസി ട്രാക്കർ (നേറ്റീവ് മൊബൈൽ ആപ്ലിക്കേഷൻ)

ഗിത്തബ് ശേഖരം.

എന്തും: സ്വിഫ്റ്റ്, ഒബ്ജക്റ്റീവ്-സി, റിയാക്റ്റ് നേറ്റീവ്, ജാവ, കോട്ലിൻ.

നമുക്ക് പഠിക്കാം:

• നേറ്റീവ് ആപ്ലിക്കേഷനുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു.
• API-ൽ നിന്ന് ഡാറ്റ എങ്ങനെ വീണ്ടെടുക്കാം.
• നേറ്റീവ് പേജ് ലേഔട്ടുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു.
• മൊബൈൽ സിമുലേറ്ററുകൾ ഉപയോഗിച്ച് എങ്ങനെ പ്രവർത്തിക്കാം.

ഈ API പരീക്ഷിക്കുക. നിങ്ങൾ എന്തെങ്കിലും മികച്ചതായി കണ്ടെത്തുകയാണെങ്കിൽ, അഭിപ്രായങ്ങളിൽ എഴുതുക.

നിങ്ങൾക്ക് താൽപ്പര്യമുണ്ടെങ്കിൽ, അത് ഇതാ ഇതാ ഒരു ട്യൂട്ടോറിയൽ.

പദ്ധതി 4. ആദ്യം മുതൽ നിങ്ങളുടെ സ്വന്തം വെബ്‌പാക്ക് കോൺഫിഗറേഷൻ സജ്ജമാക്കുക

സാങ്കേതികമായി, ഇതൊരു ആപ്ലിക്കേഷനല്ല, എന്നാൽ വെബ്‌പാക്ക് ഉള്ളിൽ നിന്ന് എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് മനസിലാക്കുന്നത് വളരെ ഉപയോഗപ്രദമായ ജോലിയാണ്. ഇപ്പോൾ അത് ഒരു "ബ്ലാക്ക് ബോക്സ്" ആയിരിക്കില്ല, മറിച്ച് മനസ്സിലാക്കാവുന്ന ഒരു ഉപകരണമാണ്.

ആവശ്യകതകൾ:

• es7 മുതൽ es5 വരെ സമാഹരിക്കുക (അടിസ്ഥാനങ്ങൾ).
• jsx to js - or - .vue to .js (നിങ്ങൾ ലോഡറുകൾ പഠിക്കേണ്ടതുണ്ട്)
• വെബ്‌പാക്ക് ദേവ് സെർവറും ഹോട്ട് മൊഡ്യൂൾ റീലോഡിംഗും സജ്ജീകരിക്കുക. (vue-cli, create-react-app ഇവ രണ്ടും ഉപയോഗിക്കുന്നു)
• Heroku, now.sh അല്ലെങ്കിൽ Github ഉപയോഗിക്കുക, വെബ്‌പാക്ക് പ്രോജക്റ്റുകൾ എങ്ങനെ വിന്യസിക്കാമെന്ന് മനസിലാക്കുക.
• css - scss, കുറവ്, സ്റ്റൈലസ് കംപൈൽ ചെയ്യാൻ നിങ്ങളുടെ പ്രിയപ്പെട്ട പ്രീപ്രൊസസ്സർ സജ്ജീകരിക്കുക.
• വെബ്‌പാക്കിനൊപ്പം ചിത്രങ്ങളും svg-കളും എങ്ങനെ ഉപയോഗിക്കാമെന്ന് അറിയുക.

സമ്പൂർണ്ണ തുടക്കക്കാർക്ക് ഇത് ഒരു അത്ഭുതകരമായ വിഭവമാണ്.

പ്രോജക്റ്റ് 5. ഹാക്കർ ന്യൂസ് ക്ലോൺ

ഓരോ ജെഡിയും സ്വന്തം ഹാക്കർ ന്യൂസ് ഉണ്ടാക്കണം.

വഴിയിൽ നിങ്ങൾ എന്താണ് പഠിക്കുന്നത്:

• ഹാക്കർന്യൂസ് API-യുമായി എങ്ങനെ സംവദിക്കാം.
• ഒരൊറ്റ പേജ് ആപ്ലിക്കേഷൻ എങ്ങനെ സൃഷ്ടിക്കാം.
• അഭിപ്രായങ്ങൾ കാണുക, വ്യക്തിഗത അഭിപ്രായങ്ങൾ, പ്രൊഫൈലുകൾ എന്നിവ പോലുള്ള സവിശേഷതകൾ എങ്ങനെ നടപ്പിലാക്കാം.
• അഭ്യർത്ഥന പ്രോസസ്സിംഗ് റൂട്ടുകളുടെ ഓർഗനൈസേഷൻ (റൂട്ടിംഗ്).

പദ്ധതി 6. ടുഡുഷെക്ക

ടോഡോഎംവിസി.

ഗൗരവമായി? തുഡുഷ്ക? അവ ആയിരക്കണക്കിന് ഉണ്ട്. എന്നാൽ എന്നെ വിശ്വസിക്കൂ, ഈ ജനപ്രീതിക്ക് ഒരു കാരണമുണ്ട്.
നിങ്ങൾ അടിസ്ഥാനകാര്യങ്ങൾ മനസ്സിലാക്കുന്നുവെന്ന് ഉറപ്പാക്കാനുള്ള മികച്ച മാർഗമാണ് ടുഡു ആപ്പ്. ഒരു ആപ്ലിക്കേഷൻ വാനില ജാവാസ്ക്രിപ്റ്റിലും ഒന്ന് നിങ്ങളുടെ പ്രിയപ്പെട്ട ചട്ടക്കൂടിലും എഴുതാൻ ശ്രമിക്കുക.

പഠിക്കുക:

• പുതിയ ജോലികൾ സൃഷ്ടിക്കുക.
• ഫീൽഡുകൾ നിറഞ്ഞിട്ടുണ്ടോയെന്ന് പരിശോധിക്കുക.
• ഫിൽട്ടർ ടാസ്ക്കുകൾ (പൂർത്തിയായി, സജീവമാണ്, എല്ലാം). ഉപയോഗിക്കുക filter и reduce.
• ജാവാസ്ക്രിപ്റ്റിന്റെ അടിസ്ഥാനകാര്യങ്ങൾ മനസ്സിലാക്കുക.

പ്രോജക്റ്റ് 7. അടുക്കാവുന്ന ഡ്രാഗ് ആൻഡ് ഡ്രോപ്പ് ലിസ്റ്റ്

ഗിത്തബ് ശേഖരം.

മനസ്സിലാക്കാൻ വളരെ സഹായകരമാണ് എപിഐ വലിച്ചിടുക.

നമുക്ക് പഠിക്കാം:

• API വലിച്ചിടുക
• സമ്പന്നമായ യുഐകൾ സൃഷ്‌ടിക്കുക

പ്രോജക്റ്റ് 8. മെസഞ്ചർ ക്ലോൺ (നേറ്റീവ് ആപ്ലിക്കേഷൻ)

വെബ് ആപ്ലിക്കേഷനുകളും നേറ്റീവ് ആപ്ലിക്കേഷനുകളും എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് നിങ്ങൾ മനസ്സിലാക്കും, ഇത് നിങ്ങളെ ഗ്രേ പിണ്ഡത്തിൽ നിന്ന് വ്യത്യസ്തമാക്കും.

ഞങ്ങൾ എന്ത് പഠിക്കും:

• വെബ് സോക്കറ്റുകൾ (തൽക്ഷണ സന്ദേശങ്ങൾ)
• നേറ്റീവ് ആപ്ലിക്കേഷനുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു.
• നേറ്റീവ് ആപ്ലിക്കേഷനുകളിൽ ടെംപ്ലേറ്റുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു.
• നേറ്റീവ് ആപ്ലിക്കേഷനുകളിൽ അഭ്യർത്ഥന പ്രോസസ്സിംഗ് റൂട്ടുകൾ സംഘടിപ്പിക്കുന്നു.

ഇത് നിങ്ങൾക്ക് ഒന്നോ രണ്ടോ മാസത്തേക്ക് മതിയാകും.

കമ്പനിയുടെ പിന്തുണയോടെയാണ് വിവർത്തനം നടത്തിയത് EDISON സോഫ്റ്റ്‌വെയർപ്രൊഫഷണലായി ഏർപ്പെട്ടിരിക്കുന്നവൻ PHP-യിൽ ആപ്ലിക്കേഷനുകളും വെബ്സൈറ്റുകളും വികസിപ്പിക്കുന്നു വലിയ ഉപഭോക്താക്കൾക്ക്, അതുപോലെ ജാവയിലെ ക്ലൗഡ് സേവനങ്ങളുടെയും മൊബൈൽ ആപ്ലിക്കേഷനുകളുടെയും വികസനം.

അവലംബം: www.habr.com