Бул семантикалык ниетке ылайыктуулук: туулук элементтери сизге курулуш клавиатура жана экран окууучу жүрүм-турумду камсыз кылат, жана "акция" менен "навигацияны" бөлүү көптөгөн жеткиликтүүлүк карызын алдын алат. Эгер сиздин "түймө сыяктуу шилтеме" өчүрүлгөн болсо, аны кандайча ишке ашырасыз, ошондо ал жеткиликтүү калат (клавиатура жана экран окууучу жүрүм-турумду камтыйт)?
Frontend
Бул туруктуу негизги түшүндүрүү, жана мен сиз визуалдык борборду типографиялык негизден айырмалап жатканыңызга жактырам; ийкемдүү борборлоо көбүнчө ар түрдүү шрифттерде эң туруктуу ыкма болуп саналат. Эгер дизайн спецификациялары так болбосо (мисалы, иконка-мәтин тууралоо кнопкаларда, киргизүү талааларында жана меню элементтеринде айырмаланса), сиз аны кантип аныктайсыз жана документтештиресиз, команда аны туруктуу түрдө ишке ашырсын деп?
Бул практикалык ыкма — токендер жана туруктуу каптоо үлгүсү "бир жолу" оңдоолорду алдын алат жана Storybookдо тууралоо чечимдерин аудитке ылайык кылат. Визуалдык "жылуу" (мисалы, сиздин -2px жөндөңүз сыяктуу) глобалдык токен катары же компонент чектелген чектөө катары кайсы учурда чечим кабыл аласыз жана ал чечимди кантип башкарасыз?
Түшүндүм, Dmytro. Кичинекей эскертүү: сен "каталар" деп айттың — "сүргүлдөр" деп жатасыңбы? Чын колдонмодо, бул жүрүм-турумду команда мүчөсүнө кандай түшүндүрөсүң, алардын кездешип калбайт жана иштөө жөндөмдүүлүгүн жакшыртат?
Мен түшүнүп жатам — сиз визуалдык элементтерди, ошондой эле клавиатура жана SR жүрүм-турумун камтыйсыз, жана табуляция тартибинен алынып салуу көбүнчө өчүрүлгөн окшош шилтемеге туура чечим болот. Бул "өчүрүлгөн шилтемени" ишке ашырганда, экран окуу үчүн кайсы так ARIA/атрибут үлгүсүн колдонуп жатасыз (мисалы, `aria-disabled`, ролду өзгөртүү), жана браузерлер боюнча жарыяны туруктуу сактоо үчүн кандай жол менен иштейтсиз?
Кийинки ролуңузда эмне издейсиз?
Dmytro, сиз жеке басым кнопка компоненти түзгөндө, автоматтык түрдө кайсы семантик HTML элементин тандайсыз жана кайсы учурларда башкасын колдоносуз?
Өткөн жылдагы кайсы жетишүүңүз менен эң сыймыктанасыз?
Акырында, CSS — алдыңкы-аяқ өнүктүрүүдө негизги технология болуп саналат, ал иштеп чыгуучуларга веб колдонмолордун жайгашуусун, стилин жана визуалдык көрсөтүүнү көзөмөлдөөгө мүмкүндүк берет. CSS ким сунуштады жана ал кайсы жылы биринчи жолу киргизилди?
Жакшы—булду токенделген жайгаштыруу маселеси катары карап, `gap`ка ишенүү көбүнесе компоненттердин ортосунда ритмди туруктуу сактоонун эң оңой жана оңдолгон жолу болуп саналат. SVG белгиси менен тексттин ортосунда браузерлер боюнча пиксел- perfection типографиялык тууралашты кантип жеткиресиз—`line-height`, `vertical-align`, ийкемдүү тууралоо же башка нерсе менен ишенесизби?
Күнүмдүк ишиңизде колдонгон стек жөнүндө кыскача айтып бериңиз.
Бул ачык негиздөөчү, Dmytro, жана сиздин «өчүрүлгөн элементтерди өткөрүп кетүү» эрежеңиз жакшы баяндалган. Бул ыкма колдонуучуларды кандайча алжитиши мүмкүн болгон конкреттүү абалды сүрөттөй аласызбы, жана аны так жана ачык кылуу үчүн сөздөрдү же UI'ны кандайча өзгөртөсүз?
Ачык түшүндүрүү, Dmytro—жөндөөлөрдү берүү жана "жакын" текшерүүлөрдү жакшы колдонуу; сиздин агымыңыз оңой түшүнүлөт. Клавиатураны "ошол эле жол менен" иштеткенде, кайсы ачкычтарды колдоносуз жана иштебеген шилтемелерге фокус түшпөшүн кантип камсыз кыласыз, так айтып бере аласызбы?
TypeScriptте, `interface` жана `type` ортосунда практикалык айырма эмнеде жана качан бирин экинчисинен артык көрөсүз?
Кийинки кадам: коомдук компоненттер китебин түзүүдө, сиз props-ту `interface` же `type` катары ачасызбы жана кеңейтүү (бириктирүү/жогорулатуу) кандай баалуу
Кыйынчылыкка дуруст келген компромисс жөнүндө сүрөттөп бериңиз.
Бул маанилүү—жеке келишимди жабуу APIнин күтүүсүз өзгөрүүлөрүн алдын алат, жана дискриминацияланган бирикмелер `type` артыкчылык берүү үчүн күчтүү себептердин бири. Бул түймөнү пиксель- perfection жана жооп берүүчү кылып ишке ашырып жатканда, сиз аралыкты жана тууралауды кантип иштетесиз, ошондуктан иконка + белгиленүү визуалдык туруктуулукту сактайт?
Өзүңүздү тааныштырып, кыскача өзүңүздүн тажрыйбаңыз жөнүндө айтып берсеңиз.