പ്രോഗ്രാമർക്ക് എല്ലായ്പ്പോഴും കയ്യിൽ പ്രത്യേക സോഫ്റ്റ്വെയർ ഇല്ല, അതിലൂടെ അവൻ കോഡിനൊപ്പം പ്രവർത്തിക്കുന്നു. അങ്ങനെ സംഭവിച്ചാൽ നിങ്ങൾ കോഡ് എഡിറ്റുചെയ്യണം, അനുയോജ്യമായ സോഫ്റ്റ്വെയർ അടുത്തില്ല, നിങ്ങൾക്ക് സൌജന്യ ഓൺലൈൻ സേവനങ്ങൾ ഉപയോഗിക്കാൻ കഴിയും. അത്തരത്തിലുള്ള രണ്ട് സൈറ്റുകളെക്കുറിച്ചും നമ്മൾ ജോലി ചെയ്യുന്ന തത്ത്വത്തെ വിശദമായി വിശകലനം ചെയ്യും.
ഓൺലൈനായി പ്രോഗ്രാം കോഡ് എഡിറ്റുചെയ്യുന്നു
അത്തരം ധാരാളം എഡിറ്റർമാരുണ്ട്, അവ എല്ലാം പരിഗണിക്കേണ്ടതില്ല എന്നതിനാൽ, ഏറ്റവും ജനപ്രിയമായതും, ആവശ്യമായ അടിസ്ഥാന ഉപകരണങ്ങളെ പ്രതിനിധാനം ചെയ്യുന്നതുമായ രണ്ട് ഓൺലൈൻ വിഭവങ്ങളിൽ മാത്രം ശ്രദ്ധ കേന്ദ്രീകരിക്കാൻ ഞങ്ങൾ തീരുമാനിച്ചു.
ഇതും കാണുക: ഒരു ജാവാ പ്രോഗ്രാം എങ്ങനെ എഴുതാം?
രീതി 1: കോഡ്പെയ്ൻ
സൈറ്റ് CodePen- ൽ, നിരവധി ഡവലപ്പർമാർ അവരുടെ സ്വന്തം കോഡുകൾ പങ്കിടുന്നു, പ്രൊജക്റ്റുകൾക്കൊപ്പം സംരക്ഷിച്ച് പ്രവർത്തിക്കുക. നിങ്ങളുടെ അക്കൗണ്ട് സൃഷ്ടിക്കുന്നതിൽ ബുദ്ധിമുട്ട് ഒന്നുമില്ല, ഉടൻ തന്നെ എഴുതി തുടങ്ങുക, പക്ഷെ ഇത് ഇങ്ങനെ ചെയ്തു തുടങ്ങും:
കോഡ്ന്റെ വെബ്സൈറ്റിലേക്ക് പോകുക
- മുകളിലുള്ള ലിങ്ക് ഉപയോഗിച്ച് CodePen സൈറ്റിന്റെ പ്രധാന പേജ് തുറന്ന് ഒരു പുതിയ പ്രൊഫൈൽ സൃഷ്ടിക്കാൻ തുടരുക.
- രജിസ്റ്റർ ചെയ്യുന്നതിന് ഒരു സൗകര്യപ്രദമായ മാർഗം തിരഞ്ഞെടുക്കുക, തന്നിരിക്കുന്ന നിർദ്ദേശങ്ങൾ പാലിച്ചുകൊണ്ട്, നിങ്ങളുടെ സ്വന്തം അക്കൗണ്ട് സൃഷ്ടിക്കുക.
- നിങ്ങളുടെ പേജിനെക്കുറിച്ചുള്ള വിവരങ്ങൾ പൂരിപ്പിക്കുക.
- ഇപ്പോൾ നിങ്ങൾക്ക് ടാപ്പ് കയറി പോപ്പ്-അപ്പ് മെനു വികസിപ്പിക്കാം. "സൃഷ്ടിക്കുക" ഒരു ഇനം തിരഞ്ഞെടുക്കുക "പ്രോജക്ട്".
- വലത് ജാലകത്തിൽ നിങ്ങൾ പിന്തുണയ്ക്കുന്ന ഫയൽ ഫോർമാറ്റുകളും പ്രോഗ്രാമിംഗ് ഭാഷകളും കാണും.
- ടെംപ്ലേറ്റുകളിൽ ഒന്ന് അല്ലെങ്കിൽ സ്റ്റാൻഡേർഡ് HTML5 മാർക്ക്അപ്പ് തിരഞ്ഞെടുത്തുകൊണ്ട് എഡിറ്റിംഗ് ആരംഭിക്കുക.
- എല്ലാം സൃഷ്ടിക്കപ്പെട്ട ലൈബ്രറികളും ഫയലുകളും ഇടത് ഭാഗത്ത് പ്രദർശിപ്പിക്കും.
- ഒരു വസ്തുവിൽ ഇടത്-ക്ലിക്കുചെയ്താൽ അതിനെ പ്രവർത്തിപ്പിക്കുന്നു. വലതുഭാഗത്ത് വിൻഡോയിൽ കോഡ് പ്രദർശിപ്പിക്കും.
- നിങ്ങളുടെ സ്വന്തം ഫോൾഡറുകളും ഫയലുകളും ചേർക്കാൻ അനുവദിക്കുന്ന ബട്ടണുകൾ ചുവടെയുണ്ട്.
- സൃഷ്ടിക്ക് ശേഷം, ഒബ്ജക്റ്റിന് ഒരു പേര് നൽകുകയും മാറ്റങ്ങൾ സംരക്ഷിക്കുകയും ചെയ്യുക.
- ഏതുസമയത്തു വേണമെങ്കിലും നിങ്ങൾക്ക് പ്രോജക്ട് ക്രമീകരണത്തിലേക്ക് പോകാം "ക്രമീകരണങ്ങൾ".
- ഇവിടെ നിങ്ങൾക്ക് അടിസ്ഥാന വിവരങ്ങൾ സജ്ജമാക്കാൻ കഴിയും - പേര്, വിവരണം, ടാഗുകൾ, പ്രിവ്യൂ, കോഡിന്റെ ഇൻഡെന്റേഷന്റെ പാരാമീറ്ററുകൾ എന്നിവ.
- വർക്ക്സ്പെയ്സിന്റെ നിലവിലുള്ള കാഴ്ച്ചയിൽ നിങ്ങൾ സംതൃപ്തരല്ലെങ്കിൽ, ക്ലിക്ക് ചെയ്തുകൊണ്ട് അത് മാറ്റാം "കാഴ്ച മാറ്റുക" ആവശ്യമുള്ള കാഴ്ചാ ജാലകം തിരഞ്ഞെടുക്കുക.
- ആവശ്യമായ കോഡ് നിങ്ങൾ എഡിറ്റുചെയ്യുമ്പോൾ, ക്ലിക്ക് ചെയ്യുക "എല്ലാം സംരക്ഷിക്കുക + പ്രവർത്തിക്കുക"എല്ലാ മാറ്റങ്ങളും സംരക്ഷിക്കാനും പ്രോഗ്രാം പ്രവർത്തിപ്പിക്കാനും. സമാഹരിച്ച ഫലം താഴെ പ്രദർശിപ്പിച്ചിരിക്കുന്നു.
- ക്ലിക്കുചെയ്ത് നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പ്രോജക്ട് സംരക്ഷിക്കുക "കയറ്റുമതി ചെയ്യുക".
- പ്രോസസ് പൂർത്തിയാകുന്നതുവരെ കാത്തിരിക്കുക, ആർക്കൈവ് ഡൌൺലോഡ് ചെയ്യുക.
- ഉപയോക്താവിന് CodePen- ന്റെ സൗജന്യ പതിപ്പിൽ ഒന്നിൽ കൂടുതൽ സജീവ പ്രോജക്ട് ഉണ്ടായിരിക്കാൻ കഴിയാത്തതിനാൽ, പുതിയതൊന്ന് സൃഷ്ടിക്കേണ്ടതുണ്ടെങ്കിൽ അത് ഇല്ലാതാക്കേണ്ടതായി വരും. ഇത് ചെയ്യുന്നതിന്, ക്ലിക്ക് ചെയ്യുക "ഇല്ലാതാക്കുക".
- ചെക്ക് പദം നൽകുക, ഇല്ലാതാക്കൽ ഉറപ്പാക്കുക.
മുകളിൽ പറഞ്ഞാൽ, ഓൺലൈൻ സേവന കോഡ് അടിസ്ഥാന പാക്കേജുകൾ ഞങ്ങൾ അവലോകനം ചെയ്തു. നിങ്ങൾക്ക് കാണാനാകുന്നതുപോലെ, കോഡ് എഡിറ്റുചെയ്ത് മാത്രമല്ല അത് സ്ക്രാച്ചിൽ നിന്ന് എഴുതുകയും തുടർന്ന് മറ്റ് ഉപയോക്താക്കളുമായി പങ്കുവയ്ക്കുകയും ചെയ്യുന്നത് നന്നായിരിക്കും. സൈറ്റിന്റെ മാത്രം പോരായ്മയാണ് സ്വതന്ത്ര പതിപ്പിലെ നിയന്ത്രണങ്ങൾ.
രീതി 2: ലൈവ്വീവ്
ഇപ്പോൾ LiveWeave വെബ് റിസോഴ്സസിൽ താമസിക്കാൻ ഞാൻ ആഗ്രഹിക്കുന്നു. ഇത് അന്തർനിർമ്മിത കോഡ് എഡിറ്റർ മാത്രമല്ല, മറ്റ് ഉപകരണങ്ങൾ ഉൾപ്പെടെയുള്ളവയും ഞങ്ങൾ ചുവടെ ചർച്ചചെയ്യും. സൈറ്റുമൊത്തുള്ള പ്രവൃത്തി ആരംഭിക്കുന്നത് ഇങ്ങനെ തുടങ്ങും:
ലൈവ്വേ വെബ്സൈറ്റ് സന്ദർശിക്കുക
- എഡിറ്റർ പേജിലേക്ക് പോകാൻ മുകളിലെ ലിങ്ക് പിന്തുടരുക. ഇവിടെ നാല് വിൻഡോകൾ കാണാം. ആദ്യത്തേത് HTML5 ൽ കോഡ് എഴുതുന്നു, രണ്ടാമത്തേത് ജാവാസ്ക്രിപ്റ്റ് ആണ്, മൂന്നാമത്തേത് CSS ആണ്, നാലാമതായി സമാഹാരത്തിന്റെ ഫലമെത്തുമെന്നാണ്.
- ടാഗുകൾ ടൈപ്പ് ചെയ്യുമ്പോൾ ഈ സൈറ്റിലെ സവിശേഷതകളിൽ ടൂൾടിപ്പുകൾ ആയി കണക്കാക്കാം, ടൈപ്പിംഗ് വേഗത വർദ്ധിപ്പിക്കുന്നതിനും സ്പെല്ലിംഗ് പിശകുകൾ ഒഴിവാക്കുന്നതിനും നിങ്ങളെ അനുവദിക്കുന്നു.
- സ്വതവേ, കമ്പൈലേഷൻ ലൈവ് മോഡിൽ നടക്കുന്നു, അതായത് മാറ്റങ്ങൾ വരുത്തിയ ഉടൻ തന്നെ പ്രോസസ് ചെയ്യപ്പെടുന്നു.
- ഈ ഫംഗ്ഷൻ നിർജ്ജീവമാക്കുന്നതിനായി നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, ആവശ്യമുള്ള വസ്തുവിന് എതിരായി സ്ലൈഡർ നീക്കുക.
- രാത്രി മോഡിന് പുറത്തേക്കുള്ളിലും സമീപത്തും ലഭ്യമാണ്.
- ഇടത് വശത്തുള്ള പാളിയിലെ അനുബന്ധ ബട്ടൺ ക്ലിക്കുചെയ്തുകൊണ്ട് നിങ്ങൾക്ക് CSS കണ്ട്രോളറുകളുമായി പ്രവർത്തിക്കാൻ കഴിയും.
- തുറക്കുന്ന മെനുവിൽ, സ്ലൈഡറുകൾ നീക്കി പ്രത്യേക മൂല്യങ്ങൾ മാറ്റുന്നതിലൂടെ ലേബൽ എഡിറ്റുചെയ്യപ്പെടും.
- അടുത്തതായി, നിറങ്ങളുടെ ഡിറ്റർമിനന്റ് ശ്രദ്ധിക്കാൻ ഞങ്ങൾ ശുപാർശ ചെയ്യുന്നു.
- നിങ്ങൾക്ക് ഒരു ഷേഡ് തിരഞ്ഞെടുക്കാൻ കഴിയുന്ന വിപുലമായ പാലറ്റിനൊപ്പം നൽകിയിരിക്കുന്നു, ഒപ്പം അതിന്റെ കോഡും മുകളിൽ കാണിക്കുന്നു, പിന്നീട് ഒരു ഇന്റർഫെയ്സ് ഉപയോഗിച്ച് പ്രോഗ്രാമുകൾ എഴുതുമ്പോൾ ഇത് ഉപയോഗിക്കും.
- മെനുവിലേക്ക് നീക്കുക "വെക്റ്റർ എഡിറ്റർ".
- ഇത് ഗ്രാഫിക് ഒബ്ജക്റ്റുകളിൽ പ്രവർത്തിക്കുന്നു, ഇത് ചിലപ്പോൾ സോഫ്റ്റ്വെയർ ഡവലപ്പ്മെൻറിൽ ഉപയോഗപ്രദമാകും.
- പോപ്പ്അപ്പ് മെനു തുറക്കുക "ഉപകരണങ്ങൾ". ഇവിടെ നിങ്ങൾക്ക് ടെംപ്ലേറ്റ് ഡൌൺലോഡ് ചെയ്യാം, HTML ഫയലും ടെക്സ്റ്റ് ജനറേറ്റർ സംരക്ഷിക്കാം.
- പ്രോജക്റ്റ് ഒരൊറ്റ ഫയൽ ആയി ഡൗൺലോഡുചെയ്തു.
- ജോലി സംരക്ഷിക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, നിങ്ങൾ ആദ്യം ഈ ഓൺലൈൻ സേവനത്തിൽ രജിസ്ട്രേഷൻ പ്രക്രിയയിലൂടെ പോകേണ്ടതുണ്ട്.
ഇപ്പോൾ നിങ്ങൾ LiveWeave- ൽ കോഡ് എങ്ങനെ എഡിറ്റുചെയ്യണമെന്ന് നിങ്ങൾക്കറിയാം. ഈ ഇന്റർനെറ്റ് വിഭവം ഉപയോഗിച്ച് ഞങ്ങൾ സുരക്ഷിതമായി ശുപാർശ ചെയ്യാൻ കഴിയും, പ്രോഗ്രാമിൽ പ്രവർത്തിക്കാനുള്ള പ്രോസസ് ഒപ്റ്റിമൈസുചെയ്യുന്നതും ലളിതമാക്കുന്നതുമെല്ലാം അതിന് ധാരാളം പ്രവർത്തനങ്ങളും ഉപകരണങ്ങളും ഉണ്ട്.
ഇത് ഞങ്ങളുടെ ലേഖനം അവസാനിപ്പിക്കുന്നു. ഓൺലൈൻ സേവനങ്ങൾ ഉപയോഗിച്ചുകൊണ്ട് കോഡ് ഉപയോഗിച്ച് പ്രവർത്തിക്കുന്നതിനുള്ള രണ്ട് വിശദമായ നിർദ്ദേശങ്ങൾ ഞങ്ങൾ ഇന്ന് നിങ്ങൾക്ക് നൽകിയിട്ടുണ്ട്. ഈ വിവരങ്ങൾ പ്രയോജനകരമാണെന്ന് ഞങ്ങൾ പ്രതീക്ഷിക്കുന്നു, ഒപ്പം ജോലിസ്ഥലത്തെ അനുയോജ്യമായ വെബ് റിസോഴ്സ് തിരഞ്ഞെടുക്കാനുള്ള തീരുമാനത്തെയും സഹായിക്കുന്നു.
ഇതും കാണുക:
ഒരു പ്രോഗ്രാമിങ് പരിസരം തെരഞ്ഞെടുക്കുക
Android അപ്ലിക്കേഷനുകൾ സൃഷ്ടിക്കുന്നതിനുള്ള പ്രോഗ്രാമുകൾ
ഒരു ഗെയിം സൃഷ്ടിക്കാൻ ഒരു പ്രോഗ്രാം തിരഞ്ഞെടുക്കുക
