ഒരു സാധാരണ വെബ് പേജ് ജ്യൂസ് ചെയ്യുന്നതിന് jQuery ഉപയോഗിക്കുന്നു

jquery

ജാവാസ്ക്രിപ്റ്റ് പഠിക്കാൻ എളുപ്പമുള്ള ഭാഷയല്ല. സ്റ്റാൻഡേർഡ് HTML മനസിലാക്കുന്ന പല വെബ് ഡവലപ്പർമാരും ഇതിനെ ഭയപ്പെടുത്തുന്നു. ജാവാസ്ക്രിപ്റ്റ് ചട്ടക്കൂടുകളുടെ ഒരു പുതിയ ഇനം ഇപ്പോൾ കുറച്ചുകാലമായി തുടരുന്നു, മാത്രമല്ല വെബിൽ മുന്നേറാൻ തുടങ്ങുകയും ചെയ്യുന്നു.

എല്ലാ ആധുനിക ബ്ര rowsers സറുകൾക്കും ജാവാസ്ക്രിപ്റ്റ് കാര്യക്ഷമമായി പ്രവർത്തിപ്പിക്കാൻ കഴിയും (ഇതിലേക്കുള്ള ചില സമീപകാല പരിഷ്കാരങ്ങൾ ഫയർഫോക്സ് എന്നിരുന്നാലും, അവരുടെ എഞ്ചിൻ‌ വേഗത്തിലാക്കി). ഫയർഫോക്സ് ഡ download ൺലോഡ് ചെയ്യാനും ഉപയോഗിക്കാനും ഞാൻ വളരെ ശുപാർശ ചെയ്യുന്നു - ദി പ്ലഗിനുകൾ മാത്രം അതിനെ വിലമതിക്കാനാവില്ല.

വിക്കി ഞാൻ അടുത്തിടെ കൂടുതൽ കൂടുതൽ പരീക്ഷിച്ചുകൊണ്ടിരിക്കുന്ന ഒരു ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്ക് ആണ്. ഒരു പുതിയ സ്റ്റാർട്ടപ്പിനായി ഞാൻ ഒരു പ്ലെയ്‌സ്‌ഹോൾഡർ സ്ഥാപിക്കുമ്പോൾ, ഞങ്ങൾക്ക് ഒരു പൂർണ്ണ സൈറ്റിനായി മതിയായ ഉള്ളടക്കം ഇല്ലായിരുന്നു, പക്ഷേ വരാനിരിക്കുന്നവയെക്കുറിച്ച് വിശദീകരിക്കുന്ന ഒരു നല്ല പേജ് സജ്ജീകരിക്കാൻ ഞങ്ങൾ ആഗ്രഹിച്ചു. കുറച്ച് മിനിറ്റിനുള്ളിൽ ഇത് ചെയ്യാൻ ഞങ്ങൾ ആഗ്രഹിച്ചു!

jQuery ഒരു തന്ത്രം മാത്രം ചെയ്തു.

JQuery + ഫലത്തിൽ എന്തിനും വേണ്ടി ഒരു തിരയൽ നടത്തുക, ഒപ്പം പോകാൻ തയ്യാറായ പ്ലഗിനുകൾ എന്ന് വിളിക്കുന്ന പരിഹാരങ്ങൾ ഡവലപ്പർമാർ നിർമ്മിച്ചതായും നിങ്ങൾ കണ്ടെത്തും! ഈ സാഹചര്യത്തിൽ, ഞാൻ “jQuery കറൗസലിനായി” ഒരു തിരയൽ നടത്തി, അതിശയകരവും സമഗ്രവുമായത് കണ്ടെത്തി ഡൈനാമിക് ഡ്രൈവിലെ jQuery കറൗസൽ പരിഹാരം.

JQuery- ന്റെ മറ്റൊരു നല്ല കാര്യം അതാണ് കോഡ് ഇപ്പോൾ Google ഹോസ്റ്റുചെയ്യുന്നു. തൽഫലമായി, നിങ്ങളുടെ സ്വന്തം സെർവറിലേക്ക് jQuery അപ്‌ലോഡ് ചെയ്യേണ്ടതില്ല, നിങ്ങളുടെ വെബ്‌സൈറ്റിന്റെ വായനക്കാർ ഓരോ തവണയും ഇത് ഡ download ൺലോഡ് ചെയ്യേണ്ടതില്ല. JQuery റഫറൻസുള്ള ഒരു സൈറ്റിലേക്ക് അവർ പോയിട്ടുണ്ടെങ്കിൽ, നിങ്ങളുടെ സൈറ്റിനൊപ്പം ഉപയോഗിക്കുന്നതിന് ഇത് യാന്ത്രികമായി കാഷെ ചെയ്യപ്പെടും!

നിങ്ങളുടെ ഹെഡ് ടാഗിനുള്ളിൽ കോഡ് ചേർക്കുക, നിങ്ങൾ ഓഫായിരിക്കുകയും jQuery ഉപയോഗിച്ച് പ്രവർത്തിക്കുകയും ചെയ്യുന്നു:


കറൗസൽ പ്രവർത്തിപ്പിക്കുന്നതിന്, എനിക്ക് സ്റ്റെപ്പ് കറൗസൽ സ്ക്രിപ്റ്റ് അപ്‌ലോഡ് ചെയ്യുകയും റഫറൻസ് ചെയ്യുകയും ചെയ്യേണ്ടതുണ്ട്:


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

നിങ്ങൾക്ക് പ്രവർത്തനം അൽപ്പം ഇഷ്ടാനുസൃതമാക്കാൻ കഴിയും. ഈ സാഹചര്യത്തിൽ പേജ് ലോഡുചെയ്യുമ്പോൾ യാന്ത്രികമായി പ്രവർത്തിക്കുന്നതിന് ഞാൻ സ്‌ക്രിപ്റ്റ് പരിഷ്‌ക്കരിച്ചു. ഓരോ പാനലും പ്രദർശിപ്പിക്കുന്ന വേഗതയും ദൈർഘ്യവും പാനലുകൾ ഇടത്തോട്ടും വലത്തോട്ടും സ്വമേധയാ തിരിക്കുന്നതിനുള്ള ബട്ടണുകളും ഞാൻ ഇഷ്‌ടാനുസൃതമാക്കി. ഈ പ്ലഗിനിന്റെ മറ്റൊരു രസകരമായ സവിശേഷത - നിങ്ങൾ അവസാന പാനലിലെത്തുമ്പോൾ, അത് റിവൈൻഡ് ചെയ്യുന്നു ആദ്യത്തേതിലേക്ക് മടങ്ങുക!

പ്രോഗ്രാമിംഗിനെ നിങ്ങൾ ഭയപ്പെടുകയോ ജാവാസ്ക്രിപ്റ്റ് ഭയപ്പെടുത്തുകയോ ചെയ്യുന്നുവെങ്കിൽ, jQuery നിങ്ങൾക്ക് പരിഹാരമാകാം. മിക്കപ്പോഴും, നിങ്ങൾ ഫയൽ റഫറൻസുകൾ പകർത്തി ഒട്ടിക്കുക, കുറച്ച് ക്രമീകരണങ്ങൾ എഡിറ്റുചെയ്യുക, പേജ് ശരിയായി രൂപകൽപ്പന ചെയ്യുക… എന്നിട്ട് നിങ്ങൾ ഓഫാണ്.

3 അഭിപ്രായങ്ങള്

  1. 1

    ഞാൻ നിലവിൽ എന്റെ വെബ്‌സൈറ്റ് പുനർനിർമ്മിക്കുകയാണ്, എല്ലാം ശരിയായി നടക്കുന്നുവെങ്കിൽ ഈ വാരാന്ത്യത്തിൽ ഒരു സമാരംഭം ലക്ഷ്യമിടുന്നു. ഇതിന്റെ ചില വശങ്ങൾ‌ക്കായി ഞാൻ‌ jQuery ഉപയോഗിക്കുന്നു, ഇതുവരെ പരാതികളൊന്നുമില്ല. എല്ലാം ആ “വെബ് 2.0” അനുഭവം ഉപേക്ഷിക്കുന്നതായി തോന്നുന്നു, ഇത് പൂർത്തിയായ സൈറ്റിനെ മാത്രമേ അഭിനന്ദിക്കുകയുള്ളൂ.

നീ എന്ത് ചിന്തിക്കുന്നു?

സ്പാം കുറയ്ക്കുന്നതിന് ഈ സൈറ്റ് Akismet ഉപയോഗിക്കുന്നു. നിങ്ങളുടെ അഭിപ്രായ ഡാറ്റ പ്രോസസ്സുചെയ്യുന്നത് എങ്ങനെയെന്നറിയുക.