Як дизайнер UX або UI, ми можемо кодувати або перевіряти код за допомогою інструментів розробника нашого браузера. У статті, опублікованій на блозі UX Republic, ми можемо прочитати:
«Під час проекту дизайнери та розробники працюють разом. Їхні стосунки є ключовими для безперебійної роботи».
Дійсно, для дизайнера розуміння обмежень розробника дозволяє йому передбачити та адаптувати дизайн інтерфейсів відповідного продукту. Дизайнер із технічними навичками запропонує команді спосіб полегшити спілкування та, отже, співпрацю.
Щоб навчитися кодувати або просто практикуватися, що краще за практику. Є багато способів навчитися: через відео, курси чи посібники. Але коли ви практикуєтеся, ви розумієте, що є кращим, ніж виконувати ігрові вправи.
Ми протестували ігри, щоб навчитися програмувати або покращити, і ось наш вибір:
ГРА CODEPIP
Це платформа для ігор для веб-розробки під керівництвом Томаса Парка, дизайнера та розробника. Ви можете грати у Flexbox Froggy, першу розроблену гру, яка стала дуже популярною серед веб-спільноти.
FLEXBOY FROGGY
Кілька слів про цю гру...
Flexbox Froggy — це проста гра, мета якої — допомогти Фроггі дістатися до свого будинку. Для цього гравцям доведеться навчитися користуватися модулем макета CSS Flexbox.
СІТКА САДОВА
Завдяки сітці CSS доглядати за вашим морквяним садом ніколи не було так просто. Попрощайтеся з бур’янами, навчившись визначати стовпці, рядки та області сітки. На кожному етапі гравець вивчає різні властивості, поки йому не вдасться поєднати кілька, щоб врятувати свій морквяний сад.
JSROBOT
З цією платформерною грою ви вивчите JavaScript. Гравець керує роботом, щоб збирати монети, уникати перешкод і дістатися до прапора в кінці рівня.
CODCOMBATT
Code Combat — це онлайн-гра з відкритим кодом, де гравець повинен програмувати рухи та дії свого персонажа в кімнаті. Вивчайте Python, JavaScript і HTML, вирішуючи головоломки, а потім навчіться створювати власні ігри з програмування та веб-сайти.
CSS БИТВА
Концепція CSSBattle полягає в наступному: мова йде про відтворення візуального зображення за допомогою найменшої можливої кількості рядків коду. На платформі у нас є текстовий редактор, і користувач може миттєво побачити рендеринг. Попередні виклики архівуються та класифікуються. Зокрема, у нас є рейтинг найкращих розробників за проблемами.
Ясміна БЕЛХАДЖ, дизайнер UI-UX @UX-Republic
