ഇന്റർഫേസ് ഡെവലപ്‌മെന്റ് സ്കൂൾ: മിൻസ്‌കിനായുള്ള ടാസ്‌ക്കുകളുടെ വിശകലനവും മോസ്കോയിലെ ഒരു പുതിയ സെറ്റും

ഇന്ന് ഒരു പുതിയ എൻറോൾമെന്റ് ആരംഭിച്ചു Yandex ഇന്റർഫേസ് വികസന സ്കൂൾ മോസ്കോയിൽ. സെപ്തംബർ ഏഴ് മുതൽ ഒക്ടോബർ 7 വരെയാണ് ആദ്യഘട്ട പരിശീലനം. മറ്റ് നഗരങ്ങളിൽ നിന്നുള്ള വിദ്യാർത്ഥികൾക്ക് വിദൂരമായോ നേരിട്ടോ ഇതിൽ പങ്കെടുക്കാൻ കഴിയും - ഒരു ഹോസ്റ്റലിലെ യാത്രയ്ക്കും താമസത്തിനും കമ്പനി പണം നൽകും. രണ്ടാമത്തേത്, അവസാന ഘട്ടവും ഡിസംബർ 25 വരെ നീണ്ടുനിൽക്കും, ഇത് വ്യക്തിപരമായി മാത്രമേ പൂർത്തിയാക്കാൻ കഴിയൂ.

എന്റെ പേര് യൂലിയ സെറെഡിച്ച്, ഞങ്ങൾ സെർജി കസാക്കോവിനൊപ്പം ഈ പോസ്റ്റ് എഴുതി. ഞങ്ങൾ ഇരുവരും Yandex-ന്റെ Minsk ഓഫീസിലെ ഇന്റർഫേസ് ഡെവലപ്പർമാരും മുൻ വർഷങ്ങളിലെ SRI-യുടെ ബിരുദധാരികളുമാണ്.

മോസ്കോയിൽ രജിസ്ട്രേഷൻ തുറക്കുന്ന അവസരത്തിൽ, മുമ്പത്തെ സ്കൂളിലേക്കുള്ള ആമുഖ ജോലികളുടെ ഒരു വിശകലനം ഞങ്ങൾ പ്രസിദ്ധീകരിക്കുന്നു - ഇവിടെ മിൻസ്കിൽ.

SRI അസൈൻമെന്റുകളുടെ ചരിത്രം നിങ്ങൾ കണ്ടെത്തുകയാണെങ്കിൽ, വർഷാവർഷം ഒരു പ്രോഗ്രാമർക്കായി ഞങ്ങൾ മൂന്ന് പ്രധാന കഴിവുകൾ പരീക്ഷിച്ചു:

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

ഓരോ ജോലിയുടെയും വിശകലനത്തിൽ, ശരിയായ നടപടിക്രമത്തെക്കുറിച്ച് മാത്രമല്ല, സാധാരണ തെറ്റുകളെക്കുറിച്ചും ഞങ്ങൾ നിങ്ങളോട് പറയും.

ടാസ്ക് 1: പോർട്ട്ഫോളിയോ

ലേഔട്ട് എങ്ങനെ ചെയ്യണമെന്ന് അറിയാവുന്ന Yandex.Collections ഡിസൈനർ അലക്സി ചെരെൻകെവിച്ച്, അദ്ദേഹത്തിന്റെ സേവന സഹപ്രവർത്തകൻ, ഇന്റർഫേസ് ഡെവലപ്പർ സെർജി സാംസോനോവ് എന്നിവരാണ് ആദ്യ ടാസ്ക് പ്രവർത്തിച്ചത്.

അവസ്ഥ

ഒരു പോർട്ട്‌ഫോളിയോ വെബ്‌സൈറ്റ് സൃഷ്‌ടിക്കുക: നിങ്ങളെക്കുറിച്ചും നിങ്ങളുടെ ജോലിയെക്കുറിച്ചും സ്‌കൂളിൽ നിന്നുള്ള നിങ്ങളുടെ പ്രതീക്ഷകളെക്കുറിച്ചും ഞങ്ങളോട് പറയുക. സൈറ്റ് നിർദിഷ്ട ലേഔട്ടുമായി കഴിയുന്നത്ര പൊരുത്തപ്പെടണം (ലേഔട്ടുകളിലേക്കുള്ള ലിങ്കുകൾ: 1000px, 600px, 320px, സ്പെസിഫിക്കേഷൻ). ഞങ്ങൾക്ക് ലേഔട്ടിൽ മാത്രമേ താൽപ്പര്യമുള്ളൂ, അതിനാൽ ദയവായി JavaScript ഉപയോഗിക്കരുത്.

പരിശോധിക്കുമ്പോൾ ഞങ്ങൾ കണക്കിലെടുക്കും:

• ഇൻഡന്റേഷൻ വലുപ്പങ്ങൾ, വർണ്ണ കൃത്യത, ഫോണ്ട് ശൈലി, ഫോണ്ട് വലുപ്പം;
• സെമാന്റിക് ലേഔട്ട്;
• ഘടകങ്ങളുടെ വിവിധ അവസ്ഥകളുടെ സാന്നിധ്യം: കഴ്‌സർ ഹോവർ ചെയ്യുമ്പോൾ ബട്ടണുകളും ലിങ്കുകളും പ്രദർശിപ്പിക്കുക, സജീവമായ ഇൻപുട്ട് ഫീൽഡുകൾ ഹൈലൈറ്റ് ചെയ്യുക തുടങ്ങിയവ;
• ക്രോസ്-ബ്രൗസർ അനുയോജ്യത (ജനപ്രിയ ബ്രൗസറുകളുടെ ഏറ്റവും പുതിയ പതിപ്പുകളിൽ പരീക്ഷിച്ചു).

നേട്ടം ഇതായിരിക്കും:

• ആധുനിക CSS പരിഹാരങ്ങളുടെ ഉപയോഗം: ഫ്ലെക്സ്ബോക്സ്, ഗ്രിഡ് മുതലായവ;
• അഡാപ്റ്റീവ് ലേഔട്ട്;
• പ്രീ-ഉം (അല്ലെങ്കിൽ) പോസ്റ്റ്-പ്രോസസറുകളുടെ ഉപയോഗം, അസംബ്ലി, മിനിഫിക്കേഷൻ, ഔട്ട്പുട്ട് കോഡിന്റെ ഒപ്റ്റിമൈസേഷൻ;
• HTML ഫോം മൂല്യനിർണ്ണയം, ശൈലിയിലുള്ള ഫയൽ അപ്‌ലോഡ് ബട്ടൺ.

ചുമതല വളരെ വലുതാണ്, അതിനാൽ പ്രവർത്തിക്കാത്തത് നിങ്ങൾക്ക് ഒഴിവാക്കാം. ഇത് നിങ്ങളുടെ സ്കോർ ചെറുതായി കുറയ്ക്കും, പക്ഷേ നിങ്ങൾക്ക് ഇപ്പോഴും നിങ്ങളുടെ അറിവ് പ്രകടിപ്പിക്കാൻ കഴിയും. നിങ്ങൾ ചെയ്തുകഴിഞ്ഞാൽ, ഞങ്ങൾക്ക് രണ്ട് ലിങ്കുകൾ അയയ്ക്കുക - നിങ്ങളുടെ പോർട്ട്ഫോളിയോയിലേക്കും GitHub-ലെ സോഴ്സ് കോഡിലേക്കും.

അസൈൻമെന്റിൽ നിർദ്ദേശിച്ചിരിക്കുന്ന ലേഔട്ടുകൾ മൊബൈൽ ഉപകരണങ്ങൾ, ടാബ്‌ലെറ്റുകൾ, ഡെസ്‌ക്‌ടോപ്പുകൾ എന്നിവയ്‌ക്കായുള്ള സ്‌ക്രീനുകൾ മാത്രമല്ല, യഥാർത്ഥ സ്‌പെസിഫിക്കേഷനുകളും ഉള്ളതായിരുന്നു.

ആദ്യ ടാസ്ക്ക് പരിശോധിക്കുന്നതിന്റെ ഫലമായി കഴിയുന്നത്ര വസ്തുനിഷ്ഠത കൊണ്ടുവരുന്നതിന്, ഈ പരിശോധനയ്ക്ക് ധാരാളം മാനദണ്ഡങ്ങൾ ഉണ്ടായിരുന്നു.

മാനദണ്ഡം

രൂപകൽപ്പന ചെയ്ത വെബ്സൈറ്റ്. ഇത് വ്യക്തമാണെന്ന് തോന്നുന്നു, പക്ഷേ ചില ആളുകൾ ചില ബ്ലോക്കുകൾ പൂർണ്ണമായും ഒഴിവാക്കി - ഒന്നുകിൽ സമയം ലാഭിക്കാൻ അവർ ആഗ്രഹിച്ചു, അല്ലെങ്കിൽ അവർക്ക് അവ ചെയ്യാൻ കഴിഞ്ഞില്ല. ലേഔട്ടിനെ ഏകദേശം നാല് പ്രധാന സ്‌ക്രീനുകളായി തിരിക്കാം: അവതാർ ഉള്ള പ്രധാന സ്‌ക്രീൻ, SRI-ൽ നിന്നുള്ള പ്രതീക്ഷകളുടെ ലിസ്റ്റ് ഉള്ള ഒരു ബ്ലോക്ക്, ഒരു പോർട്ട്‌ഫോളിയോ ഉള്ള ഒരു ബ്ലോക്ക്, കോൺടാക്റ്റ് വിവരങ്ങളുള്ള ഒരു ബ്ലോക്ക്. അവ വിഭാഗങ്ങളായി നിർമ്മിക്കാം അല്ലെങ്കിൽ ഡിവുകൾ ഉപയോഗിച്ച് നിർമ്മിക്കാം, പ്രധാന കാര്യം നാല് ബ്ലോക്കുകളും ലഭ്യമാണ് എന്നതാണ്.

ലേഔട്ടിനൊപ്പം ലേഔട്ട് പാലിക്കൽ. ഉദ്യോഗാർത്ഥികൾക്ക് എളുപ്പമാക്കുന്നതിന് ഡിസൈനർ ഒരു പ്രത്യേക സ്പെസിഫിക്കേഷൻ (നിറങ്ങൾ, ടൈപ്പോഗ്രാഫി, ബട്ടൺ സ്റ്റേറ്റുകൾ മുതലായവ ഉൾപ്പെടെ) ഉണ്ടാക്കി. ആദ്യ സ്ക്രീനിന്റെ ഇൻഡന്റുകളിലും ഫീച്ചറുകളിലും താഴെ ഒരു സൂചന ഉണ്ടായിരുന്നു. ഡിസൈനറുടെ എല്ലാ ആഗ്രഹങ്ങളും കണക്കിലെടുക്കുന്ന ആൺകുട്ടികളിൽ ഞാൻ വളരെ സന്തുഷ്ടനായിരുന്നു: ഉദാഹരണത്തിന്, ആദ്യത്തെ സ്ക്രീൻ വ്യൂപോർട്ടിന്റെ ഉയരത്തിൽ കുറവായിരിക്കരുത്.

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

സെമാന്റിക് ലേഔട്ട്. ഒരു ലിങ്ക് , ഒരു ബട്ടൺ - എന്നിങ്ങനെ രൂപകൽപ്പന ചെയ്യണമെന്ന് "അവർ എത്ര തവണ ലോകത്തോട് പറഞ്ഞിട്ടുണ്ട്". ഭാഗ്യവശാൽ, മിക്ക സ്ഥാനാർത്ഥികളും ഈ ആവശ്യകതയും നിറവേറ്റി. എസ്‌ആർ‌ഐയുടെ പ്രതീക്ഷകളിൽ മറഞ്ഞിരിക്കുന്ന ലിസ്റ്റ് എല്ലാവരും തിരിച്ചറിഞ്ഞില്ല, ഇത് ഡിവി ടാഗുകൾ ഉപയോഗിച്ച് നിർമ്മിക്കുന്നു, പക്ഷേ അത് അത്ര മോശമല്ല. തനിക്കറിയാവുന്ന എല്ലാ സെമാന്റിക് ടാഗുകളും തിരുകിയ ഒരു സ്ഥാനാർത്ഥി ഉണ്ടായിരുന്നു - അത് ആവശ്യമുള്ളിടത്തും ആവശ്യമില്ലാത്തിടത്തും. ഉദാഹരണത്തിന്, ഒരു ലിസ്റ്റിന് പകരം - , . എല്ലാത്തിനുമുപരി, സെമാന്റിക്‌സ് - ഇത് നിങ്ങളുടെ പേജിന്റെ ഘടനയും ഓരോ ബ്ലോക്കിന്റെയും ഉദ്ദേശ്യവും (ഭൂരിപക്ഷവും ഇത് ഇവിടെ മാനേജുചെയ്യുന്നു), കൂടാതെ പ്രീ-ഉം / അല്ലെങ്കിൽ പോസ്റ്റ്-പ്രോസസറുകളുടെ ഉപയോഗവും (ചിലർ ഇത് ഇവിടെ കൈകാര്യം ചെയ്‌തു. പോയിന്റുകളിലും ഉണ്ടായിരുന്നു - മിക്കപ്പോഴും അവർ കുറച്ച് ഉപയോഗിച്ചു കൂടാതെ scss) .

പ്രവർത്തിക്കുന്ന സ്ലൈഡർ. അസൈൻമെന്റിൽ JS ഉപയോഗിക്കാൻ കഴിയില്ലെന്ന് ഞങ്ങൾ എഴുതി. ഇവിടെ പ്രശ്നങ്ങൾ പരിഹരിക്കാനുള്ള കഴിവ് പരീക്ഷിച്ചു - , എന്നിവയുടെ സംയോജനം ഉപയോഗിച്ച് ഒരു സ്ലൈഡർ നിർമ്മിക്കാം. സെലക്ടർ ലെവലിൽ എല്ലാ മാജിക്കും സംഭവിക്കുന്നു #button-N:ചെക്ക് ചെയ്ത ~ .slider-inner .slider-slides. ഇൻപുട്ട് ചെക്ക്ബോക്സുകളിൽ ഒന്നിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ, അത് ചെക്ക് ചെയ്ത അവസ്ഥയിലേക്ക് പോകുന്നു. നമുക്ക് ഇത് പ്രയോജനപ്പെടുത്തുകയും സ്ലൈഡുകൾ ഉള്ള കണ്ടെയ്‌നറിലേക്ക് ആവശ്യമായ വിവർത്തനം നൽകുകയും ചെയ്യാം: പരിവർത്തനം: വിവർത്തനം (-33%). സ്ലൈഡർ നടപ്പിലാക്കുന്നത് നിങ്ങൾക്ക് കാണാൻ കഴിയും ഇവിടെ.

ഡ്രോപ്പ്ഡൗൺ ലിസ്റ്റുകൾ. ഇവിടെ എല്ലാം എന്നതിലേക്കും സമാനമായ ഒരു സെലക്ടറിലേക്കും വന്നു: .accordion-item input:checked ~ .accordion-item__content. നടപ്പിലാക്കുന്നത് കാണാം ഇവിടെ.

:ഹോവർ, :ആക്ടീവ്, :ഫോക്കു* അവസ്ഥകളുടെ ലഭ്യത. വളരെ പ്രധാനപ്പെട്ട ഒരു പോയിന്റ്. ഇന്റർഫേസുമായുള്ള ഇടപെടലിലെ ആശ്വാസം അതിനെ ആശ്രയിച്ചിരിക്കുന്നു. ഉപയോക്താവിന് അവരുടെ പ്രവർത്തനങ്ങളെക്കുറിച്ച് എപ്പോഴും ഫീഡ്‌ബാക്ക് ലഭിക്കണം. ചോദ്യാവലിയുമായുള്ള ആശയവിനിമയത്തിലുടനീളം ഈ ഇനം പരിശോധിച്ചു. ഞാൻ "എന്നെ വിളിക്കുക" ബട്ടൺ ക്ലിക്കുചെയ്‌ത് ദൃശ്യപരമായി ഒന്നും സംഭവിച്ചില്ലെങ്കിൽ (അഭ്യർത്ഥന അയച്ചിട്ടുണ്ടെങ്കിലും), ഇത് മോശമാണ്, കാരണം ഞാൻ അത് വീണ്ടും വീണ്ടും ക്ലിക്ക് ചെയ്യും. തൽഫലമായി, പത്ത് അഭ്യർത്ഥനകൾ അയയ്ക്കുകയും എന്നെ പത്ത് തവണ തിരികെ വിളിക്കുകയും ചെയ്യും. മൊബൈൽ ഉപകരണങ്ങൾക്ക് ഒരു മൗസ് ഇല്ല എന്നത് നാം മറക്കരുത്, അതായത് ഒരു ഹോവർ ഉണ്ടാകരുത്. സെമാന്റിക്സിനെക്കുറിച്ചുള്ള പോയിന്റ് നിറവേറ്റിയവരെ ബാധിക്കാത്ത ഒരു പോയിന്റ് കൂടി. നിങ്ങളുടെ നിയന്ത്രണം ഒരു സംവേദനാത്മക ഘടകമല്ലെങ്കിൽ, നിങ്ങൾ അതിന് മുകളിൽ ഹോവർ ചെയ്യുമ്പോൾ, കഴ്സർ സ്റ്റാൻഡേർഡ് ആയി തുടരും. നിങ്ങൾ ഹോവർ ചെയ്യാൻ ഒരു പ്രതികരണം എഴുതിയിട്ടുണ്ടെങ്കിലും ഇത് വളരെ വൃത്തികെട്ടതായി തോന്നുന്നു. കഴ്‌സറിനെ കുറച്ചുകാണരുത്: പോയിന്റർ.

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

അത്യാധുനിക സാങ്കേതികവിദ്യ ഉപയോഗിച്ച്. പലരും ഫ്ലെക്സ് ഉപയോഗിച്ചെങ്കിലും ആരും ഗ്രിഡ് ഉപയോഗിച്ച് ടാസ്ക് പൂർത്തിയാക്കിയില്ല. ഫ്ലെക്സ് ശരിയായി ഉപയോഗിച്ചാൽ പോയിന്റ് കണക്കാക്കും. ഈ ഫ്ലെക്സുകൾ കാരണം എവിടെയെങ്കിലും ലേഔട്ട് വേർപിരിഞ്ഞാൽ, അയ്യോ, നിങ്ങൾക്ക് അധിക പോയിന്റുകളൊന്നും ലഭിച്ചില്ല.

ഫോം മൂല്യനിർണ്ണയം. ഫോമിന്റെ ഓരോ ഇൻപുട്ടിലും ആവശ്യമായ ആട്രിബ്യൂട്ട് ചേർക്കുക മാത്രമാണ് ആവശ്യമായിരുന്നത്. ഇമെയിൽ ഫീൽഡ് ഇമെയിൽ ആയി സാധൂകരിച്ചവർക്ക് ഞങ്ങൾ പോയിന്റുകൾ ചേർത്തു.

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

ക്രോസ് ബ്രൗസർ അനുയോജ്യത. ആധുനിക ബ്രൗസറുകളുടെ ഏറ്റവും പുതിയ രണ്ട് പതിപ്പുകളിലും (IE ഇല്ലാതെ - പങ്കെടുക്കുന്നവർ ഭാഗ്യവാന്മാർ) എല്ലാം ശരിയാണെന്ന് ഞങ്ങൾ പരിശോധിച്ചു, അതുപോലെ iPhone-കളിലെ Safari, Android-കളിലെ Chrome എന്നിവയിലും.

നേരെമറിച്ച്, ആരെങ്കിലും JS അല്ലെങ്കിൽ ബൂട്ട്സ്ട്രാപ്പ് ഉപയോഗിച്ചാൽ ഞങ്ങൾ പോയിന്റുകൾ കുറയ്ക്കുന്നു: അവ രണ്ടും മുഴുവൻ ടാസ്ക്കിന്റെയും ഉദ്ദേശ്യത്തെ പരാജയപ്പെടുത്തും. മാത്രമല്ല, ബൂട്ട്‌സ്‌ട്രാപ്പിലുള്ള പങ്കാളികൾക്ക് ഒരു മൈനസ് ലഭിക്കുക മാത്രമല്ല, സെമാന്റിക്‌സിനും നടപ്പിലാക്കിയ ഘടകങ്ങൾക്കും ധാരാളം പോയിന്റുകൾ നഷ്‌ടപ്പെടുകയും ചെയ്തു.

ഇന്റർനെറ്റിൽ എവിടെയോ അവരുടെ സൈറ്റ് ഹോസ്റ്റ് ചെയ്തവർക്ക് പ്രത്യേക നേട്ടങ്ങളൊന്നും ലഭിച്ചില്ല - എന്നാൽ റിപ്പോസിറ്ററികൾ ഡൗൺലോഡ് ചെയ്യേണ്ടതില്ല, കമ്പ്യൂട്ടറിൽ പ്രാദേശികമായി പ്രവർത്തിപ്പിക്കേണ്ടതില്ലാത്തപ്പോൾ നിരൂപകർ വളരെ സന്തോഷിച്ചു. അതിനാൽ ഇത് കർമ്മത്തിന്റെ ഒരു പ്ലസ് ആയി വർത്തിച്ചു.

ആദ്യ ജോലി പ്രാഥമികമായി വിദ്യാർത്ഥിക്ക് വളരെ ഉപയോഗപ്രദമായിരുന്നു. ഞങ്ങൾ സ്വീകരിക്കാത്തവർക്ക് ഇപ്പോൾ തയ്യാറാക്കിയ ഒരു റെസ്യൂമെയുണ്ട് - നിങ്ങൾക്ക് അത് അഭിമാനത്തോടെ എല്ലാ പ്രതികരണങ്ങളിലും അറ്റാച്ചുചെയ്യാം അല്ലെങ്കിൽ നിങ്ങളുടെ gh-പേജുകളിൽ പോസ്റ്റ് ചെയ്യാം.

ടാസ്ക് 2: ഗതാഗത റൂട്ട്

ഡെനിസ് ബാലികോ എന്ന സെർച്ച് ഇന്റർഫേസ് ഗ്രൂപ്പിന്റെ തലവനാണ് ടാസ്‌ക്കിന്റെ രചയിതാവ്.

അവസ്ഥ

നിങ്ങൾക്ക് ഒരു നക്ഷത്ര മാപ്പ് ഉണ്ടോ? ഓരോ നക്ഷത്രത്തിന്റെയും പേരും അതിൽ നിന്ന് മറ്റ് നക്ഷത്രങ്ങളിലേക്കുള്ള ദൂരം പ്രകാശ സെക്കന്റിൽ കാണിക്കുന്നു. മൂന്ന് ആർഗ്യുമെന്റുകൾ എടുക്കേണ്ട സൊല്യൂഷൻ ഫംഗ്‌ഷൻ നടപ്പിലാക്കുക: ഒരു വസ്തുവിലെ കീകൾ നക്ഷത്രങ്ങളുടെ പേരുകളാണ്, മൂല്യങ്ങൾ നക്ഷത്രങ്ങളിലേക്കുള്ള ദൂരമാണ് (ബഹിരാകാശത്തെ വൺ-വേ ട്രാഫിക്), അതുപോലെ പേരുകൾ പാതയുടെ ആരംഭ, അവസാന പോയിന്റുകൾ - യഥാക്രമം ആരംഭിക്കുന്നതും പൂർത്തിയാക്കുന്നതും. ആരംഭ നക്ഷത്രത്തിൽ നിന്ന് ഫിനിഷ് സ്റ്റാറിലേക്കുള്ള ഏറ്റവും കുറഞ്ഞ ദൂരവും പിന്തുടരേണ്ട പാതയും ഫംഗ്ഷൻ തിരികെ നൽകണം.

പ്രവർത്തന ഒപ്പ്:

const solution = function(graph, start, finish)  {
    // Ваше решение
} 

ഉദാഹരണ ഇൻപുട്ട് ഡാറ്റ:

const graph = {
  start: { A: 50, B: 20 },
  A: { C: 40, D: 20 },
  B: { A: 90, D: 90 },
  C: { D: 160, finish: 50 },
  D: { finish: 20 },
  finish: {}
};
const start = 'start';
const finish = 'finish'; 

ഉദാഹരണ ഔട്ട്പുട്ട്:

{
    distance: 90,
    path: ['start', 'A', 'D', 'finish']
} 

ശ്രദ്ധിക്കുക: പരിഹാര അസ്ഥികൂടം src/ ഫോൾഡറിലാണ്, നിങ്ങളുടെ പരിഹാരം solution.js-ൽ ഇടുക.

രണ്ടാമത്തെ ടാസ്ക്കിന്റെ പരിശോധന ഏറ്റവും യാന്ത്രികവും വസ്തുനിഷ്ഠവുമായിരുന്നു. Dijkstra യുടെ അൽഗോരിതം നടപ്പിലാക്കേണ്ടത് ആവശ്യമാണെന്ന് മിക്ക ആൺകുട്ടികളും ഊഹിച്ചു. JS-ൽ അതിന്റെ വിവരണം കണ്ടെത്തി അൽഗോരിതം നടപ്പിലാക്കിയവർ നന്നായിട്ടുണ്ട്. എന്നിരുന്നാലും, അസൈൻമെന്റ് പരിശോധിക്കുമ്പോൾ, സമാന പിശകുകളുള്ള നിരവധി പേപ്പറുകൾ ഞങ്ങൾ കണ്ടു. കോഡ് ശകലങ്ങൾക്കായി ഞങ്ങൾ ഇന്റർനെറ്റിൽ തിരഞ്ഞു, പങ്കെടുക്കുന്നവർ അൽഗോരിതം പകർത്തിയ ഒരു ലേഖനം കണ്ടെത്തി. ലേഖകന്റെ അഭിപ്രായങ്ങൾക്കൊപ്പം പലരും ലേഖനത്തിൽ നിന്ന് കോഡ് പകർത്തിയത് തമാശയാണ്. അത്തരം പ്രവൃത്തികൾക്ക് കുറഞ്ഞ സ്കോർ ലഭിച്ചു. ഏതെങ്കിലും സ്രോതസ്സുകളുടെ ഉപയോഗം ഞങ്ങൾ നിരോധിക്കുന്നില്ല, എന്നാൽ ഒരു വ്യക്തി താൻ എന്താണ് എഴുതുന്നതെന്ന് പരിശോധിക്കാൻ ഞങ്ങൾ ആഗ്രഹിക്കുന്നു.

മാനദണ്ഡം

ടെസ്റ്റുകൾക്ക് പ്രധാന പോയിന്റുകൾ നൽകി. ചില സമയങ്ങളിൽ ആൺകുട്ടികൾ റിപ്പോസിറ്ററിയിൽ ആശയക്കുഴപ്പത്തിലാണെന്നും ഫോൾഡറുകളുടെ പേര് മാറ്റുന്നുവെന്നും ആവശ്യമായ ഫയലുകൾ കണ്ടെത്താൻ കഴിയാത്തതിനാൽ പരിശോധനകൾ പരാജയപ്പെടുമെന്നും വ്യക്തമായിരുന്നു. ഈ വർഷം ഞങ്ങൾ അത്തരം ആളുകളെ സഹായിക്കാൻ ശ്രമിക്കുകയും അവർക്കായി എല്ലാം അതിന്റെ സ്ഥലത്തേക്ക് തിരികെ നൽകുകയും ചെയ്തു. എന്നാൽ അടുത്ത വർഷം ഞങ്ങൾ ഒരു മത്സര സമ്പ്രദായത്തിലേക്ക് മാറാൻ പദ്ധതിയിടുന്നു, ഇത് ഇനി ക്ഷമിക്കപ്പെടില്ല.

"മനുഷ്യ", മാനുവൽ മാനദണ്ഡങ്ങളും ഉണ്ടായിരുന്നു. ഉദാഹരണത്തിന്, ഒരൊറ്റ കോഡ് ശൈലിയുടെ സാന്നിധ്യം. സ്‌പെയ്‌സുകൾക്ക് പകരം ടാബുകൾ ഉപയോഗിക്കുന്നതിന് അല്ലെങ്കിൽ തിരിച്ചും ആരും പോയിന്റുകൾ കുറച്ചില്ല. നിങ്ങൾക്ക് അറിയാവുന്ന ഒരു നിയമമനുസരിച്ച് ഇരട്ട ഉദ്ധരണികളുള്ള ഒറ്റ ഉദ്ധരണികൾ ഒന്നിടവിട്ട് ക്രമരഹിതമായി അർദ്ധവിരാമങ്ങൾ സ്ഥാപിക്കുന്നത് മറ്റൊരു കാര്യമാണ്.

പരിഹാരത്തിന്റെ വ്യക്തതയും വായനാക്ഷമതയും പ്രത്യേകം കണക്കിലെടുക്കുന്നു. ലോകത്തിലെ എല്ലാ കോൺഫറൻസുകളിലും അവർ പറയുന്നത്, ഒരു പ്രോഗ്രാമറുടെ ജോലിയുടെ 80% മറ്റുള്ളവരുടെ കോഡ് വായിക്കുക എന്നതാണ്. സ്കൂൾ കുട്ടികൾ പോലും കോഡ് അവലോകനങ്ങൾക്ക് വിധേയരാകുന്നു - അവരുടെ ക്യൂറേറ്റർമാരിൽ നിന്നും പരസ്പരം. അതിനാൽ ഈ മാനദണ്ഡം ഗണ്യമായ ഭാരം വഹിച്ചു. ഒരു പ്രതീകത്തിൽ കൂടുതൽ നീളമുള്ള വേരിയബിളുകൾ ഇല്ലാത്ത സൃഷ്ടികൾ ഉണ്ടായിട്ടുണ്ട് - ദയവായി അത് ചെയ്യരുത്. പങ്കെടുത്തവരിൽ നിന്നുള്ള അഭിപ്രായങ്ങൾ വളരെ പ്രോത്സാഹജനകമായിരുന്നു - സ്റ്റെല്ല ചാങ്ങിന്റെ അഭിപ്രായങ്ങൾക്ക് സമാനമായവ ഒഴികെ.

ഓട്ടോടെസ്റ്റുകളുടെ സാന്നിധ്യമാണ് അവസാന മാനദണ്ഡം. കുറച്ച് ആളുകൾ മാത്രമേ അവരെ ചേർത്തിട്ടുള്ളൂ, പക്ഷേ എല്ലാവർക്കും അത് അവരുടെ കർമ്മത്തിൽ ഒരു വലിയ പ്ലസ് ആയി മാറി.

ശരിയായ പരിഹാരം:

const solution = function(graph, START, FINISH)  {
    // Всё не бесплатно в этом мире
    const costs = Object.assign({[FINISH]: Infinity}, graph[START]);

    // Первая волна родительских нод
    const parents = { [FINISH]: null };
    Object.keys(graph[START]).reduce((acc, child) => (acc[child] = START) && acc, parents)

    const visited = [];
    let node;

    // Ищем «дешёвого» родителя, отмечаем пройденные
    do {
        node = lowestCostNode(costs, visited);
        let children = graph[node];
        for (let n in children) {
            let newCost = costs[node] + children[n];

            // Ещё не оценена или нашёлся более дешёвый переход
            if (!costs[n] || costs[n] > newCost) {
                costs[n] = newCost;
                parents[n] = node;
            }
        }
        visited.push(node);
    } while (node)

    return {
        distance: costs[FINISH],
        path: optimalPath(parents)
    };

    // Возврат назад по самым «дешёвым» родителям
    function optimalPath(parents) {
        let optimalPath = [FINISH];
        let parent = parents[FINISH];
        while (parent && parent !== START) {
            optimalPath.push(parent);
            parent = parents[parent];
        }
        optimalPath.push(START);
        return optimalPath.reverse();
    }

    // Минимальная стоимость из текущей ноды среди непросмотренных
    function lowestCostNode(costs, visited) {
        return Object.keys(costs).reduce((lowest, node) => {
            if (lowest === null || costs[node] < costs[lowest]) {
                if (!visited.includes(node)) {
                    lowest = node;
                }
            }

            return lowest;
        }, null);
    };
};

ടാസ്ക് 3: ഇവന്റുകൾ കലണ്ടർ

ഇന്റർഫേസ് ഡെവലപ്പർമാരായ സെർജി കസാക്കോവ്, അലക്സാണ്ടർ പോഡ്‌സ്‌ക്രെബ്കിൻ എന്നിവരാണ് ഇത് തയ്യാറാക്കിയത്.

അവസ്ഥ

നിങ്ങളുടെ ഷെഡ്യൂൾ പ്രദർശിപ്പിക്കാൻ ഒരു മിനി കലണ്ടർ എഴുതുക. നിങ്ങൾക്ക് ഇഷ്ടമുള്ള ഏത് ഷെഡ്യൂളും എടുക്കാം. ഉദാഹരണത്തിന്, 2019-ലെ ഫ്രണ്ട്‌എൻഡ് കോൺഫറൻസുകളുടെ ഷെഡ്യൂൾ.

കലണ്ടർ ഒരു ലിസ്റ്റ് പോലെ ആയിരിക്കണം. മറ്റ് ഡിസൈൻ ആവശ്യകതകളൊന്നുമില്ല. ഇവന്റ് റിമൈൻഡറുകൾ 3, 7, 14 ദിവസങ്ങൾക്ക് മുമ്പ് സജ്ജീകരിക്കുന്നത് സാധ്യമാക്കുക. ഇന്റർനെറ്റിൽ നിന്നുള്ള ആദ്യ ഡൗൺലോഡിന് ശേഷം, കലണ്ടർ തുറന്ന് ഓഫ്‌ലൈനായി പ്രവർത്തിക്കണം.

ഉപയോഗപ്രദമായ ഉറവിടങ്ങൾ

ഫ്രണ്ടെൻഡ് കോൺഫറൻസ് ഷെഡ്യൂൾ:
confs.tech/javascript?topics=javascript%2Bcss%2Bux

സേവന പ്രവർത്തകർ:
developer.mozilla.org/ru/docs/Web/API/Service_Worker_API/Using_Service_Workers
developers.google.com/web/fundamentals/primers/service-workers

അറിയിപ്പുകൾ API:
developer.mozilla.org/ru/docs/Web/API/Notifications_API

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

മാനദണ്ഡം

മടക്കിയ കലണ്ടർ. അതെ, അത് ഇനിയും നിരത്തേണ്ടതുണ്ട്. വ്യവസ്ഥയെ അക്ഷരാർത്ഥത്തിൽ എടുത്ത് സിഎസ്എസ് കോഡിന്റെ ഒരു വരി പോലും ചേർക്കാത്തവരും ഉണ്ടായിരുന്നു. ഇത് വളരെ ആകർഷകമായി തോന്നിയില്ല, പക്ഷേ എല്ലാം പ്രവർത്തിച്ചാൽ പോയിന്റുകൾ കുറയുന്നില്ല.

ഒരു ഉറവിടത്തിൽ നിന്ന് ഇവന്റുകളുടെ ഒരു ലിസ്റ്റ് നേടുന്നു. ഇതൊരു ലേഔട്ട് ടാസ്‌ക് അല്ല, അതിനാൽ ഇതിൽ ഉൾപ്പെടുത്തിയിരിക്കുന്ന ഇവന്റുകളുടെ ലിസ്റ്റ് കണക്കാക്കിയിട്ടില്ല. നിങ്ങൾക്ക് എപ്പോൾ വേണമെങ്കിലും ഒരു കോൺഫറൻസ് റദ്ദാക്കാനോ അത് വീണ്ടും ഷെഡ്യൂൾ ചെയ്യാനോ പുതിയത് ചേർക്കാനോ കഴിയും. അതിനാൽ പുറത്ത് നിന്ന് ഡാറ്റ സ്വീകരിക്കുകയും ലഭിച്ച JSON അടിസ്ഥാനമാക്കി ലേഔട്ട് റെൻഡർ ചെയ്യുകയും ചെയ്യേണ്ടത് ആവശ്യമാണ്. ഏതെങ്കിലും വിധത്തിൽ ഡാറ്റ നേടേണ്ടത് പ്രധാനമാണ് (എത്തിക്കുന്ന രീതി ഉപയോഗിച്ചോ XMLHttpRequest ഉപയോഗിച്ചോ). ഒരു വ്യക്തി ലഭ്യമാക്കുന്നതിനായി ഒരു പോളിഫിൽ ചേർക്കുകയും റീഡ്‌മെയിൽ അവന്റെ ചോയ്‌സ് അടയാളപ്പെടുത്തുകയും ചെയ്‌താൽ, ഇത് ഒരു പ്ലസ് ആയി കണക്കാക്കും.

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

ഒരു ഓർമ്മപ്പെടുത്തൽ സജ്ജമാക്കാനുള്ള കഴിവ്അങ്ങനെ അത് യഥാർത്ഥത്തിൽ 3, 7, 14 ദിവസങ്ങൾക്ക് ശേഷം പ്രവർത്തിക്കുന്നു. അറിയിപ്പ് API മനസ്സിലാക്കേണ്ടത് ആവശ്യമാണ്, അതിലേക്കുള്ള ലിങ്ക് ചുമതല ശരിയായിരുന്നു. പുഷ് ചെയ്യാൻ സമയമായോ എന്ന് പരിശോധിക്കാൻ ഞങ്ങൾ എന്തെങ്കിലും പ്രത്യേക നടപ്പാക്കൽ പ്രതീക്ഷിച്ചിരുന്നില്ല. ഏത് പ്രവർത്തന ഓപ്ഷനും അംഗീകരിച്ചു: ലോക്കൽ സ്‌റ്റോറേജിലെ സംഭരണം, ഇൻഡക്‌സ് ഡിബി അല്ലെങ്കിൽ ഒരു സേവന പ്രവർത്തകന്റെ ആനുകാലിക പോളിംഗ്. ഒരു പുഷ് സെർവർ നിർമ്മിക്കുന്നത് പോലും സാധ്യമായിരുന്നു (ഇവിടെ ഉദാഹരണം), എന്നാൽ ഇത് ഓഫ്‌ലൈനിൽ പ്രവർത്തിക്കില്ല. പേജ് അടച്ചതിനുശേഷം - കുറച്ച് സമയത്തിന് ശേഷം തുറന്നതിന് ശേഷം ഒരു പുഷ് സ്വീകരിക്കുന്നതും ഒരുപോലെ പ്രധാനമാണ്. പേജ് അടച്ച അതേ സമയത്താണ് റിമൈൻഡർ മരിച്ചതെങ്കിൽ, പരിഹാരം കണക്കാക്കില്ല. 3 ദിവസം കാത്തിരിക്കാതിരിക്കാൻ, നിരൂപകരെ കുറിച്ച് ആൺകുട്ടികൾ ചിന്തിക്കുകയും ഇപ്പോൾ തന്നെ ഒരു പുഷ് ലഭിക്കാൻ അവസരമൊരുക്കുകയും ചെയ്തപ്പോൾ അത് രസകരമാണ്.

ഡെസ്ക്ടോപ്പിൽ ഒരു ഐക്കൺ സ്ഥാപിക്കാനുള്ള കഴിവ് (PWA). ഫയലിന്റെ സാന്നിധ്യം ഞങ്ങൾ പരിശോധിച്ചു മാനിഫെസ്റ്റ്. json ശരിയായ ഐക്കണുകൾക്കൊപ്പം. ചില ആളുകൾ ഈ ഫയൽ ഉണ്ടാക്കി (അല്ലെങ്കിൽ CreateReactApp-ൽ സൃഷ്ടിച്ചു) - എന്നാൽ ശരിയായ ഐക്കണുകൾ ചേർത്തില്ല. തുടർന്ന്, ഇൻസ്റ്റാൾ ചെയ്യാൻ ശ്രമിക്കുമ്പോൾ, "മറ്റൊരു ഐക്കൺ ആവശ്യമാണ്" എന്നതുപോലുള്ള ഒരു പിശക് സംഭവിച്ചു.

കോഡ്സ്റ്റൈലും പ്രോജക്റ്റ് ഘടനയും. രണ്ടാമത്തെ ടാസ്‌ക്കിലെന്നപോലെ, ഞങ്ങൾ ഒരൊറ്റ കോഡ്‌സ്റ്റൈൽ നോക്കി (അത് നമ്മുടേതുമായി പൊരുത്തപ്പെടുന്നില്ലെങ്കിലും). ചില ആളുകൾ ലിന്ററുകളിൽ സ്ക്രൂ ചെയ്തു - അത് കൊള്ളാം.

കൺസോൾ പിശകുകൾ. കൺസോളിൽ എന്തോ കുഴപ്പമുണ്ടെന്ന് ഒരു സൂചകം ശരിയാണെങ്കിൽ, പങ്കെടുക്കുന്നയാൾ അത് ശ്രദ്ധിച്ചില്ലെങ്കിൽ, ഞങ്ങൾ പോയിന്റുകൾ കുറച്ചു.

ഫലങ്ങൾ

പങ്കെടുക്കുന്നവരുടെ തീരുമാനങ്ങളിൽ എന്താണ് തമാശ:

• ഒരു ചോദ്യാവലിയിൽ ഇനിപ്പറയുന്ന വാചകം അടങ്ങിയിരിക്കുന്നു: “ഒരു പ്രോഗ്രാമർ സുഹൃത്ത് ഒരു റിയാക്റ്റ് ആപ്ലിക്കേഷൻ തയ്യാറാക്കാൻ എന്നെ സഹായിച്ചു. എങ്ങനെ, എന്തുകൊണ്ട് എന്നതിനെക്കുറിച്ചുള്ള ചോദ്യങ്ങളാൽ ഞാൻ അവനെ ബോംബെറിഞ്ഞു, അവൻ എന്നോട് പറഞ്ഞു. എനിക്ക് ഇത് ശരിക്കും ഇഷ്ടപ്പെട്ടു, അതിനെക്കുറിച്ച് കൂടുതൽ അറിയാൻ ഞാൻ ആഗ്രഹിക്കുന്നു. ഞങ്ങൾ പൂർണ്ണഹൃദയത്തോടെ ഈ ആപ്ലിക്കേഷനായി വേരൂന്നുകയായിരുന്നു, എന്നാൽ നിർഭാഗ്യവശാൽ, അപേക്ഷയുടെ പ്രവർത്തനത്തിൽ സ്ഥാനാർത്ഥിയുടെ സുഹൃത്ത് അത്ര സഹായകമായിരുന്നില്ല.
• ഒരു കാൻഡിഡേറ്റ് RAR ആർക്കൈവ് സ്ഥിതി ചെയ്യുന്ന GitHub-ലേക്ക് ഒരു ലിങ്ക് അയച്ചു - ഇതിൽ അഭിപ്രായം പറയാൻ പ്രയാസമാണ്. 🙂
• മറ്റൊരു കാൻഡിഡേറ്റ്, solution.js ഫയലിന്റെ ആദ്യ വരിയിലെ കമന്റിൽ, താൻ അൽഗോരിതം പകർത്തിയതായി സത്യസന്ധമായി സമ്മതിച്ചു.

76 ഉദ്യോഗാർത്ഥികളിൽ നിന്ന് ഞങ്ങൾക്ക് അപേക്ഷകൾ ലഭിച്ചു, 23 പേരെ തിരഞ്ഞെടുത്തു. മിൻസ്‌കിൽ നിന്ന് മാത്രമല്ല, മോസ്‌കോ, സെന്റ് പീറ്റേഴ്‌സ്‌ബർഗ്, ടാറ്റർസ്ഥാൻ എന്നിവിടങ്ങളിൽ നിന്ന് പോലും ഞങ്ങൾക്ക് ചോദ്യാവലി അയച്ചു. ചില ആൺകുട്ടികൾ അവരുടെ നിലവിലെ തൊഴിലുകളിൽ ഞങ്ങളെ അത്ഭുതപ്പെടുത്തി: അവരിൽ ഒരാൾ ഫോറൻസിക് വിദഗ്ധനാണ്, മറ്റൊരാൾ ഒരു മെഡിക്കൽ വിദ്യാർത്ഥിയാണ്.

ടാസ്‌ക്കുകൾ പൂർത്തിയാക്കുന്നതിലെ വിജയനിരക്കുകളുടെ രസകരമായ ഒരു വിതരണമായിരുന്നു ഫലം. പങ്കെടുക്കുന്നവർ ആദ്യ ടാസ്‌ക് ശരാശരി 60%, രണ്ടാമത്തേത് 50%, മൂന്നാമത്തേത് ഏറ്റവും ബുദ്ധിമുട്ടുള്ളതായി മാറുകയും ശരാശരി 40% പൂർത്തിയാക്കുകയും ചെയ്തു.

ഒറ്റനോട്ടത്തിൽ, ജോലികൾ സങ്കീർണ്ണവും സമയമെടുക്കുന്നതുമാണ്. കാരണം, കഴിയുന്നത്ര സ്ഥാനാർത്ഥികളെ പുറത്താക്കാൻ ഞങ്ങൾ ആഗ്രഹിക്കുന്നു എന്നതല്ല. പഠനകാലത്ത്, വിദ്യാർത്ഥികൾക്ക് യഥാർത്ഥ ജീവിത ചുമതലകൾ നേരിടേണ്ടിവരുന്നു - ഒരു ചാറ്റ് ഉണ്ടാക്കുക, കുട്ടികൾക്കായി Yandex.Music അല്ലെങ്കിൽ കാലാവസ്ഥയെ ആശ്രയിക്കുന്ന ആളുകൾക്ക് Yandex.Weather. ഇതിനായി നിങ്ങൾക്ക് ഒരു ആരംഭ അടിത്തറ ആവശ്യമാണ്.

രണ്ട് വർഷം മുമ്പ് എന്റെ SRI എൻട്രൻസ് ടാസ്‌ക് കണ്ടതും ഞാൻ ഒരിക്കലും അത് പരിഹരിക്കില്ലെന്ന് കരുതിയതും ഞാൻ ഓർക്കുന്നു. ഈ നിമിഷത്തിലെ പ്രധാന കാര്യം ഇരിക്കുക, വ്യവസ്ഥകൾ ശ്രദ്ധാപൂർവ്വം വായിച്ച് അത് ചെയ്യാൻ തുടങ്ങുക എന്നതാണ്. വ്യവസ്ഥകളിൽ ഏകദേശം 80% പരിഹാരവും അടങ്ങിയിട്ടുണ്ടെന്ന് ഇത് മാറുന്നു. ഉദാഹരണത്തിന്, മൂന്നാമത്തെ ടാസ്ക്കിന്റെ അവസ്ഥയിൽ (ഏറ്റവും പ്രയാസമുള്ളത്), ഞങ്ങൾ MDN-ൽ സേവന തൊഴിലാളികളിലേക്കും അറിയിപ്പുകൾ API ലേക്കുള്ള ലിങ്കുകളും ചേർത്തു. ലിങ്കുകളിലെ ഉള്ളടക്കം പഠിച്ച വിദ്യാർത്ഥികൾ ബുദ്ധിമുട്ടില്ലാതെ പൂർത്തിയാക്കി.

ഭാവിയിൽ എസ്ആർഐയിൽ പ്രവേശിക്കാൻ ആഗ്രഹിക്കുന്ന, മിൻസ്ക് സ്കൂളിൽ പ്രവേശിക്കാൻ കഴിയാത്ത, അല്ലെങ്കിൽ മറ്റേതെങ്കിലും ടെസ്റ്റ് ടാസ്ക്ക് ചെയ്യാൻ തുടങ്ങുന്ന ഉദ്യോഗാർത്ഥികൾ ഈ ലേഖനം വായിക്കാൻ ഞാൻ ആഗ്രഹിക്കുന്നു. നിങ്ങൾക്ക് കാണാനാകുന്നതുപോലെ, അങ്ങനെ ചെയ്യുന്നത് തികച്ചും സാദ്ധ്യമാണ്. നിങ്ങൾ സ്വയം വിശ്വസിക്കുകയും രചയിതാക്കളിൽ നിന്നുള്ള എല്ലാ നുറുങ്ങുകളും ശ്രദ്ധിക്കുകയും വേണം.

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