നിങ്ങളുടെ ഫ്രണ്ട്-എൻഡ് കഴിവുകൾ വികസിപ്പിക്കാൻ 9 പ്രോജക്ടുകൾ കൂടി

ആമുഖം

നിങ്ങൾ പ്രോഗ്രാമിംഗിൽ പുതിയ ആളോ പരിചയസമ്പന്നനായ ഡെവലപ്പറോ ആകട്ടെ, ട്രെൻഡുകൾക്കൊപ്പം തുടരാൻ ഈ വ്യവസായത്തിൽ പുതിയ ആശയങ്ങളും ഭാഷകളും/ഫ്രെയിംവർക്കുകളും പഠിക്കേണ്ടത് അത്യാവശ്യമാണ്.

ഉദാഹരണത്തിന്, റിയാക്റ്റ് എടുക്കുക, വെറും നാല് വർഷം മുമ്പ് ഫേസ്ബുക്ക് ഓപ്പൺ സോഴ്‌സ് ചെയ്‌തതും ഇതിനകം തന്നെ ലോകമെമ്പാടുമുള്ള JavaScript ഡെവലപ്പർമാരുടെ ചോയ്‌സായി മാറിയിരിക്കുന്നു.

Vue, Angular എന്നിവയ്‌ക്കും അവരുടേതായ ന്യായമായ ആരാധകവൃന്ദമുണ്ട്. തുടർന്ന് Svelte ഉം Next.js അല്ലെങ്കിൽ Nuxt.js പോലുള്ള മറ്റ് സാർവത്രിക ചട്ടക്കൂടുകളും ഉണ്ട്. ഒപ്പം ഗാറ്റ്‌സ്ബിയും ഗ്രിഡ്‌സോമും ക്വാസാറും... കൂടാതെ മറ്റു പലതും.

പരിചയസമ്പന്നനായ ഒരു JavaScript ഡവലപ്പർ ആയി സ്വയം തെളിയിക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, നിങ്ങൾക്ക് വിവിധ ചട്ടക്കൂടുകളും ലൈബ്രറികളും ഉപയോഗിച്ച് കുറച്ച് അനുഭവമെങ്കിലും ഉണ്ടായിരിക്കണം - നല്ല പഴയ JS ഉപയോഗിച്ച് പ്രവർത്തിക്കുന്നതിന് പുറമേ.

2020-ൽ ഒരു ഫ്രണ്ട്-എൻഡ് മാസ്റ്ററാകാൻ നിങ്ങളെ സഹായിക്കുന്നതിന്, ഒൻപത് വ്യത്യസ്ത പ്രോജക്റ്റുകൾ ഞാൻ ഒരുമിച്ച് ചേർത്തിട്ടുണ്ട്, ഓരോന്നിനും വ്യത്യസ്തമായ ജാവാസ്ക്രിപ്റ്റ് ചട്ടക്കൂടിലും ലൈബ്രറിയിലും ശ്രദ്ധ കേന്ദ്രീകരിച്ച് നിങ്ങൾക്ക് നിർമ്മിക്കാനും നിങ്ങളുടെ പോർട്ട്‌ഫോളിയോയിലേക്ക് ചേർക്കാനും കഴിയും. യഥാർത്ഥത്തിൽ കാര്യങ്ങൾ സൃഷ്ടിക്കുന്നതിനേക്കാൾ ഒന്നും നിങ്ങളെ സഹായിക്കുന്നില്ലെന്ന് ഓർക്കുക, അതിനാൽ മുന്നോട്ട് പോകുക, നിങ്ങളുടെ മനസ്സ് ഉപയോഗിക്കുക, അത് സാധ്യമാക്കുക

എഡിസൺ സോഫ്റ്റ്‌വെയറിന്റെ പിന്തുണയോടെയാണ് ലേഖനം വിവർത്തനം ചെയ്തത് മൾട്ടി-ബ്രാൻഡ് സ്റ്റോറുകൾക്കായി വെർച്വൽ ഫിറ്റിംഗ് റൂമുകൾ നിർമ്മിക്കുന്നു, അതുപോലെ തന്നെ ടെസ്റ്റ് സോഫ്റ്റ്‌വെയർ.

റിയാക്റ്റ് ഉപയോഗിച്ച് മൂവി സെർച്ച് ആപ്പ് (ഹുക്കുകൾ ഉള്ളത്)

റിയാക്റ്റ് ഉപയോഗിച്ച് ഒരു മൂവി സെർച്ച് ആപ്പ് സൃഷ്‌ടിക്കുക എന്നതാണ് നിങ്ങൾക്ക് ആദ്യം ആരംഭിക്കാൻ കഴിയുന്നത്. അന്തിമ ആപ്ലിക്കേഷൻ എങ്ങനെയായിരിക്കുമെന്നതിന്റെ ഒരു ചിത്രം ചുവടെയുണ്ട്:

നിങ്ങൾ എന്ത് പഠിക്കും
ഈ ആപ്പ് നിർമ്മിക്കുന്നതിലൂടെ, താരതമ്യേന പുതിയ Hooks API ഉപയോഗിച്ച് നിങ്ങളുടെ പ്രതികരണ കഴിവുകൾ മെച്ചപ്പെടുത്തും. ഉദാഹരണ പ്രോജക്റ്റ് റിയാക്റ്റ് ഘടകങ്ങൾ, ധാരാളം കൊളുത്തുകൾ, ഒരു ബാഹ്യ API, തീർച്ചയായും ചില CSS സ്റ്റൈലിംഗ് എന്നിവ ഉപയോഗിക്കുന്നു.

ടെക് സ്റ്റാക്കും സവിശേഷതകളും

• കൊളുത്തുകൾ ഉപയോഗിച്ച് പ്രതികരിക്കുക
• സൃഷ്ടിക്കുക-പ്രതികരിക്കുക-അപ്ലിക്കേഷൻ
• ജെ.എസ്.എക്സ്
• സി.എസ്.എസ്

ക്ലാസുകളൊന്നും ഉപയോഗിക്കാതെ തന്നെ, ഈ പ്രോജക്റ്റുകൾ നിങ്ങൾക്ക് ഫങ്ഷണൽ റിയാക്ടിലേക്ക് മികച്ച എൻട്രി പോയിന്റ് നൽകുന്നു, 2020-ൽ തീർച്ചയായും നിങ്ങളെ സഹായിക്കും. നിങ്ങൾക്കു കണ്ടു പിടിക്കാം ഇവിടെ പ്രോജക്റ്റ് ഉദാഹരണം. നിർദ്ദേശങ്ങൾ പാലിക്കുക അല്ലെങ്കിൽ നിങ്ങളുടേതാക്കുക.

Vue ഉപയോഗിച്ച് ചാറ്റ് ആപ്പ്

എന്റെ പ്രിയപ്പെട്ട ജാവാസ്ക്രിപ്റ്റ് ലൈബ്രറി ഉപയോഗിച്ച് ഒരു ചാറ്റ് ആപ്പ് സൃഷ്‌ടിക്കുക എന്നതാണ് നിങ്ങൾക്കുള്ള മറ്റൊരു മികച്ച പ്രോജക്റ്റ്: VueJS. ആപ്ലിക്കേഷൻ ഇതുപോലെ കാണപ്പെടും:

നിങ്ങൾ എന്ത് പഠിക്കും
ഈ ട്യൂട്ടോറിയലിൽ, ആദ്യം മുതൽ Vue ആപ്പ് എങ്ങനെ നിർമ്മിക്കാമെന്ന് നിങ്ങൾ പഠിക്കും - ഘടകങ്ങൾ സൃഷ്‌ടിക്കുക, അവസ്ഥ കൈകാര്യം ചെയ്യുക, റൂട്ടുകൾ സൃഷ്‌ടിക്കുക, മൂന്നാം കക്ഷി സേവനങ്ങളിലേക്ക് കണക്റ്റുചെയ്യുക, കൂടാതെ പ്രാമാണീകരണം പോലും കൈകാര്യം ചെയ്യുക.

ടെക് സ്റ്റാക്കും സവിശേഷതകളും

• വ്യൂ
• വ്യൂഎക്സ്
• വ്യൂ റൂട്ടർ
• വ്യൂ CLI
• പുഷർ
• സി.എസ്.എസ്

2020-ൽ വികസിക്കുന്നതിന് Vue ഉപയോഗിച്ച് ആരംഭിക്കുന്നതിനോ നിലവിലുള്ള കഴിവുകൾ മെച്ചപ്പെടുത്തുന്നതിനോ ഉള്ള മികച്ച പ്രോജക്റ്റാണിത്. നിങ്ങൾക്കു കണ്ടു പിടിക്കാം ട്യൂട്ടോറിയൽ ഇവിടെ.

Angular 8 ഉള്ള മനോഹരമായ കാലാവസ്ഥാ ആപ്പ്

Angular 8 ഉപയോഗിച്ച് മനോഹരമായ ഒരു കാലാവസ്ഥാ ആപ്പ് സൃഷ്ടിക്കാൻ ഈ ഉദാഹരണം നിങ്ങളെ സഹായിക്കും:

നിങ്ങൾ എന്ത് പഠിക്കും
ഈ പ്രോജക്റ്റ് ആദ്യം മുതൽ ആപ്ലിക്കേഷനുകൾ നിർമ്മിക്കുന്നതിനുള്ള മൂല്യവത്തായ കഴിവുകൾ നിങ്ങളെ പഠിപ്പിക്കും - ഡിസൈൻ മുതൽ വികസനം വരെ, വിന്യാസത്തിന് തയ്യാറായ ആപ്ലിക്കേഷൻ വരെ.

ടെക് സ്റ്റാക്കും സവിശേഷതകളും

• കോണീയ 8
• ഫയർബേസ്
• സെർവർ സൈഡ് റെൻഡറിംഗ്
• ഗ്രിഡും ഫ്ലെക്സ്ബോക്സും ഉള്ള CSS
• മൊബൈൽ സൗഹൃദവും പൊരുത്തപ്പെടുത്തലും
• ഇരുണ്ട മോഡ്
• മനോഹരമായ ഇന്റർഫേസ്

എല്ലാം ഉൾക്കൊള്ളുന്ന ഈ പ്രോജക്റ്റിനെക്കുറിച്ച് ഞാൻ ശരിക്കും ഇഷ്ടപ്പെടുന്നത് നിങ്ങൾ ഒറ്റപ്പെട്ട് കാര്യങ്ങൾ പഠിക്കുന്നില്ല എന്നതാണ്. പകരം, ഡിസൈൻ മുതൽ അന്തിമ വിന്യാസം വരെയുള്ള മുഴുവൻ വികസന പ്രക്രിയയും നിങ്ങൾ പഠിക്കുന്നു.

Svelte ഉപയോഗിച്ച് ചെയ്യേണ്ട ആപ്ലിക്കേഷൻ

ഘടകത്തെ അടിസ്ഥാനമാക്കിയുള്ള സമീപനത്തിലെ പുതിയ കുട്ടിയെ പോലെയാണ് സ്വെൽറ്റ് - കുറഞ്ഞത് റിയാക്റ്റ്, വ്യൂ, ആംഗുലാർ എന്നിവയ്ക്ക് സമാനമാണ്. 2020-ലെ ഏറ്റവും പുതിയ ഉൽപ്പന്നങ്ങളിൽ ഒന്നാണിത്.

ചെയ്യേണ്ട ആപ്പുകൾ ഏറ്റവും ചൂടേറിയ വിഷയം ആയിരിക്കണമെന്നില്ല, എന്നാൽ നിങ്ങളുടെ സ്വെൽറ്റ് കഴിവുകൾ വികസിപ്പിക്കാൻ ഇത് നിങ്ങളെ സഹായിക്കും. ഇത് ഇതുപോലെ കാണപ്പെടും:

നിങ്ങൾ എന്ത് പഠിക്കും
തുടക്കം മുതൽ അവസാനം വരെ Svelte 3 ഉപയോഗിച്ച് ഒരു ആപ്ലിക്കേഷൻ എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് ഈ ട്യൂട്ടോറിയൽ നിങ്ങളെ കാണിക്കും. നിങ്ങൾ ഘടകങ്ങൾ, സ്റ്റൈലിംഗ്, ഇവന്റ് ഹാൻഡ്‌ലറുകൾ എന്നിവ ഉപയോഗിക്കും

ടെക് സ്റ്റാക്കും സവിശേഷതകളും

• സ്വെൽറ്റ് 3
• ഘടകങ്ങൾ
• CSS ഉപയോഗിച്ച് സ്റ്റൈലിംഗ്
• ES 6 വാക്യഘടന

ധാരാളം നല്ല Svelte സ്റ്റാർട്ടർ പ്രോജക്ടുകൾ ഇല്ല, അതിനാൽ ഞാൻ കണ്ടെത്തി ഇത് ആരംഭിക്കുന്നതിനുള്ള ഒരു നല്ല ഓപ്ഷനാണ്.

Next.js ഉപയോഗിക്കുന്ന ഇ-കൊമേഴ്‌സ് ആപ്പ്

ബോക്‌സിന് പുറത്ത് സെർവർ-സൈഡ് റെൻഡറിംഗിനെ പിന്തുണയ്ക്കുന്ന റിയാക്റ്റ് ആപ്ലിക്കേഷനുകൾ നിർമ്മിക്കുന്നതിനുള്ള ഏറ്റവും ജനപ്രിയമായ ചട്ടക്കൂടാണ് Next.js.

ഇതുപോലെയുള്ള ഒരു ഇ-കൊമേഴ്‌സ് ആപ്ലിക്കേഷൻ എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് ഈ പ്രോജക്റ്റ് നിങ്ങളെ കാണിക്കും:

നിങ്ങൾ എന്ത് പഠിക്കും
ഈ പ്രോജക്‌റ്റിൽ, Next.js-നൊപ്പം എങ്ങനെ വികസിപ്പിക്കാമെന്ന് നിങ്ങൾ പഠിക്കും—പുതിയ പേജുകളും ഘടകങ്ങളും സൃഷ്‌ടിക്കുക, ഡാറ്റ എക്‌സ്‌ട്രാക്‌റ്റ് ചെയ്യുക, സ്‌റ്റൈൽ എന്നിവ സൃഷ്‌ടിക്കുക, അടുത്ത അപ്ലിക്കേഷൻ വിന്യസിക്കുക.

ടെക് സ്റ്റാക്കും സവിശേഷതകളും

• Next.js
• ഘടകങ്ങളും പേജുകളും
• ഡാറ്റ സാമ്പിൾ
• ശൈലി
• പദ്ധതി വിന്യാസം
• എസ്എസ്ആർ, എസ്പിഎ

പുതിയ എന്തെങ്കിലും പഠിക്കാൻ ഒരു ഇ-കൊമേഴ്‌സ് ആപ്പ് പോലുള്ള ഒരു യഥാർത്ഥ ലോക ഉദാഹരണം ഉണ്ടായിരിക്കുന്നത് എല്ലായ്പ്പോഴും മികച്ചതാണ്. നിങ്ങൾക്ക് കഴിയും ഇവിടെ ട്യൂട്ടോറിയൽ കണ്ടെത്തുക.

Nuxt.js ഉള്ള പൂർണ്ണമായ ബഹുഭാഷാ ബ്ലോഗ്

ന്യൂക്‌സ്
നിങ്ങൾക്ക് സൃഷ്ടിക്കാൻ കഴിയുന്ന അവസാന ആപ്ലിക്കേഷൻ ഇതുപോലെ കാണപ്പെടും:

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

ഈ സാമ്പിൾ പ്രോജക്റ്റിൽ, പ്രാരംഭ സജ്ജീകരണം മുതൽ അന്തിമ വിന്യാസം വരെ, Nuxt.js ഉപയോഗിച്ച് ഒരു സമ്പൂർണ്ണ വെബ്‌സൈറ്റ് എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് നിങ്ങൾ പഠിക്കും.

പേജുകളും ഘടകങ്ങളും, SCSS ഉപയോഗിച്ചുള്ള സ്റ്റൈലിംഗും പോലെ, Nuxt വാഗ്ദാനം ചെയ്യുന്ന നിരവധി രസകരമായ ഫീച്ചറുകൾ ഇത് പ്രയോജനപ്പെടുത്തുന്നു.

ടെക് സ്റ്റാക്കും സവിശേഷതകളും

• Nuxt.js
• ഘടകങ്ങളും പേജുകളും
• സ്റ്റോറിബ്ലോക്ക് മൊഡ്യൂൾ
• ഹാഗ്ഫിഷ്
• സംസ്ഥാന മാനേജ്മെന്റിനുള്ള Vuex
• സ്റ്റൈലിംഗിനുള്ള SCSS
• ന്യൂക്സ്റ്റ് മിഡിൽവെയർ

ഇത് ശരിക്കും രസകരമായ ഒരു പദ്ധതിയാണ്, ഇതിൽ നിരവധി മികച്ച Nuxt.js സവിശേഷതകൾ ഉൾപ്പെടുന്നു. നക്‌സ്റ്റിനൊപ്പം പ്രവർത്തിക്കുന്നത് എനിക്ക് വ്യക്തിപരമായി ഇഷ്ടമാണ്, അതിനാൽ നിങ്ങൾ ഇത് പരീക്ഷിച്ചുനോക്കൂ, കാരണം ഇത് നിങ്ങളെ മികച്ച വ്യൂ ഡെവലപ്പറാക്കും.

ഗാറ്റ്‌സ്‌ബിയ്‌ക്കൊപ്പം ബ്ലോഗ്

React ഉം GraphQL ഉം ഉപയോഗിക്കുന്ന ഒരു മികച്ച സ്റ്റാറ്റിക് സൈറ്റ് ജനറേറ്ററാണ് ഗാറ്റ്സ്ബി. പദ്ധതിയുടെ ഫലം ഇതാണ്:

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

ഈ ട്യൂട്ടോറിയലിൽ, React, GraphQL എന്നിവ ഉപയോഗിച്ച് നിങ്ങളുടെ സ്വന്തം ലേഖനങ്ങൾ എഴുതാൻ ഉപയോഗിക്കുന്ന ഒരു ബ്ലോഗ് സൃഷ്ടിക്കാൻ Gatsby എങ്ങനെ ഉപയോഗിക്കാമെന്ന് നിങ്ങൾ പഠിക്കും.

ടെക് സ്റ്റാക്കും സവിശേഷതകളും

• ഗാറ്റ്സ്ബി
• തിരിച്ചടി നടത്തുക
• ഗ്രാഫിക്
• പ്ലഗിനുകളും തീമുകളും
• MDX/മാർക്ക്ഡൗൺ
• ബൂട്ട്സ്ട്രാപ്പ് CSS
• ടെംപ്ലേറ്റുകൾ

നിങ്ങൾക്ക് എപ്പോഴെങ്കിലും ഒരു ബ്ലോഗ് തുടങ്ങാൻ ആഗ്രഹമുണ്ടെങ്കിൽ, ഇതൊരു മികച്ച ഉദാഹരണമാണ് React ഉം GraphQL ഉം ഉപയോഗിച്ച് ഇത് എങ്ങനെ നിർമ്മിക്കാം എന്നതിനെക്കുറിച്ച്.

വേർഡ്പ്രസ്സ് ഒരു മോശം തിരഞ്ഞെടുപ്പാണെന്ന് ഞാൻ പറയുന്നില്ല, എന്നാൽ ഗാറ്റ്‌സ്ബി ഉപയോഗിച്ച് നിങ്ങൾക്ക് റിയാക്റ്റ് ഉപയോഗിച്ച് ഉയർന്ന പ്രകടനമുള്ള വെബ്‌സൈറ്റുകൾ നിർമ്മിക്കാൻ കഴിയും - ഇത് അതിശയകരമായ സംയോജനമാണ്.

ഗ്രിഡ്‌സം ഉള്ള ബ്ലോഗ്

Vue-യ്‌ക്കുള്ള ഗ്രിഡ്‌സം... ശരി, ഞങ്ങൾക്ക് ഇത് മുമ്പേ തന്നെ Next/Nuxt-നൊപ്പം ഉണ്ടായിരുന്നു.
എന്നാൽ ഗ്രിഡ്‌സോമിനും ഗാറ്റ്‌സ്‌ബിക്കും ഇത് ബാധകമാണ്. രണ്ടും അവരുടെ ഡാറ്റ ലെയറായി GraphQL ഉപയോഗിക്കുന്നു, എന്നാൽ Gridsome VueJS ഉപയോഗിക്കുന്നു. മികച്ച ബ്ലോഗുകൾ സൃഷ്ടിക്കാൻ നിങ്ങളെ സഹായിക്കുന്ന ഒരു അതിശയകരമായ സ്റ്റാറ്റിക് സൈറ്റ് ജനറേറ്റർ കൂടിയാണിത്:

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

ഗ്രിഡ്‌സോം, ഗ്രാഫ്ക്യുഎൽ, മാർക്ക്ഡൗൺ എന്നിവ ഉപയോഗിച്ച് ആരംഭിക്കുന്നതിന് ലളിതമായ ഒരു ബ്ലോഗ് എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് ഈ പ്രോജക്റ്റ് നിങ്ങളെ പഠിപ്പിക്കും. Netlify വഴി ഒരു ആപ്ലിക്കേഷൻ എങ്ങനെ വിന്യസിക്കാമെന്നും ഇത് ഉൾക്കൊള്ളുന്നു.

ടെക് സ്റ്റാക്കും സവിശേഷതകളും

• ഗ്രിഡ്സോം
• വ്യൂ
• ഗ്രാഫിക്
• മര്ക്ദൊവ്ന്
• നെറ്റ്ലൈഫുചെയ്യുക

ഇത് തീർച്ചയായും ഏറ്റവും സമഗ്രമായ ട്യൂട്ടോറിയൽ അല്ല, പക്ഷേ ഇത് ഗ്രിഡ്‌സോമിന്റെ അടിസ്ഥാന ആശയങ്ങൾ ഉൾക്കൊള്ളുന്നു. മാർക്ക്ഡൗൺ ഒരു നല്ല തുടക്കമായിരിക്കാം.

ക്വാസർ ഉപയോഗിക്കുന്ന സൗണ്ട്ക്ലൗഡ് പോലെയുള്ള ഓഡിയോ പ്ലെയർ

മൊബൈൽ ആപ്ലിക്കേഷനുകൾ സൃഷ്ടിക്കാൻ ഉപയോഗിക്കാവുന്ന മറ്റൊരു വ്യൂ ചട്ടക്കൂടാണ് ക്വാസർ. ഈ പ്രോജക്റ്റിൽ നിങ്ങൾ ഒരു ഓഡിയോ പ്ലെയർ ആപ്ലിക്കേഷൻ സൃഷ്ടിക്കും, ഉദാഹരണത്തിന്:

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

മറ്റ് പ്രോജക്റ്റുകൾ പ്രധാനമായും വെബ് ആപ്ലിക്കേഷനുകളിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുമ്പോൾ, Vue, Quasar ഫ്രെയിംവർക്ക് എന്നിവ ഉപയോഗിച്ച് ഒരു മൊബൈൽ ആപ്ലിക്കേഷൻ എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് ഇത് കാണിക്കും.
ആൻഡ്രോയിഡ് സ്റ്റുഡിയോ/എക്‌സ് കോഡ് കോൺഫിഗർ ചെയ്‌തിരിക്കുന്ന കോർഡോവ നിങ്ങൾക്ക് ഇതിനകം തന്നെ ഉണ്ടായിരിക്കണം. ഇല്ലെങ്കിൽ, മാനുവലിൽ ക്വാസർ വെബ്‌സൈറ്റിലേക്കുള്ള ഒരു ലിങ്ക് ഉണ്ട്, അവിടെ എല്ലാം എങ്ങനെ സജ്ജീകരിക്കാമെന്ന് അവർ നിങ്ങളെ കാണിക്കുന്നു.

ടെക് സ്റ്റാക്കും സവിശേഷതകളും

• ക്വാസർ
• വ്യൂ
• കോർഡോവ
• വേവ്സർഫർ
• UI ഘടകങ്ങൾ

ചെറിയ പദ്ധതി, മൊബൈൽ ആപ്ലിക്കേഷനുകൾ സൃഷ്ടിക്കുന്നതിനുള്ള ക്വാസറിന്റെ കഴിവുകൾ പ്രകടിപ്പിക്കുന്നു.

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