#формы — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #формы, aggregated by home.social.
-
Форма пишет „принято", а заявок нет: баги, которые проходят и автотест, и ручную проверку
Форма отвечает «заявка принята», автотесты зелёные, билд собран. А заявки не приходят. Разбираю два реальных бага, которые молча прошли и автоматическую, и ручную проверку: honeypot, съевший обращения у пользователей с автозаполнением, и форму отпуска, которая удваивалась на медленном интернете. И почему зелёный отчёт говорит только про то, что ты проверил, а не про то, что продукт работает.
https://habr.com/ru/articles/1050712/
#тестирование #QA #баги #автотесты #ручное_тестирование #honeypot #формы #e2e
-
Форма пишет „принято", а заявок нет: баги, которые проходят и автотест, и ручную проверку
Форма отвечает «заявка принята», автотесты зелёные, билд собран. А заявки не приходят. Разбираю два реальных бага, которые молча прошли и автоматическую, и ручную проверку: honeypot, съевший обращения у пользователей с автозаполнением, и форму отпуска, которая удваивалась на медленном интернете. И почему зелёный отчёт говорит только про то, что ты проверил, а не про то, что продукт работает.
https://habr.com/ru/articles/1050712/
#тестирование #QA #баги #автотесты #ручное_тестирование #honeypot #формы #e2e
-
Форма пишет „принято", а заявок нет: баги, которые проходят и автотест, и ручную проверку
Форма отвечает «заявка принята», автотесты зелёные, билд собран. А заявки не приходят. Разбираю два реальных бага, которые молча прошли и автоматическую, и ручную проверку: honeypot, съевший обращения у пользователей с автозаполнением, и форму отпуска, которая удваивалась на медленном интернете. И почему зелёный отчёт говорит только про то, что ты проверил, а не про то, что продукт работает.
https://habr.com/ru/articles/1050712/
#тестирование #QA #баги #автотесты #ручное_тестирование #honeypot #формы #e2e
-
Формы в Angular: от Reactive Forms к Signal Forms
Привет! Меня зовут Егор Молчанов, я разработчик в компании Домклик. В прошлой статье мы познакомились с новыми функциями input() , output() и model() , которые закладывают фундамент для будущего Angular без Zone.js. Сегодня мы поговорим о том, как эти изменения дошли до самой, пожалуй, наболевшей темы в любом приложении — работы с формами. В Angular v21 появился новый, экспериментальный способ управления формами — Signal Forms . Он не отменяет старые добрые Reactive Forms, но предлагает совершенно иной подход, основанный на сигналах. Давайте разберёмся, как работали формы раньше, как они будут работать с Signal Forms, и что это нам даёт.
https://habr.com/ru/companies/domclick/articles/1018180/
#angular #signals #signal #forms #reactive #javascript #ангуляр #вебразработка #webразработка #формы
-
Формы в Angular: от Reactive Forms к Signal Forms
Привет! Меня зовут Егор Молчанов, я разработчик в компании Домклик. В прошлой статье мы познакомились с новыми функциями input() , output() и model() , которые закладывают фундамент для будущего Angular без Zone.js. Сегодня мы поговорим о том, как эти изменения дошли до самой, пожалуй, наболевшей темы в любом приложении — работы с формами. В Angular v21 появился новый, экспериментальный способ управления формами — Signal Forms . Он не отменяет старые добрые Reactive Forms, но предлагает совершенно иной подход, основанный на сигналах. Давайте разберёмся, как работали формы раньше, как они будут работать с Signal Forms, и что это нам даёт.
https://habr.com/ru/companies/domclick/articles/1018180/
#angular #signals #signal #forms #reactive #javascript #ангуляр #вебразработка #webразработка #формы
-
Формы в Angular: от Reactive Forms к Signal Forms
Привет! Меня зовут Егор Молчанов, я разработчик в компании Домклик. В прошлой статье мы познакомились с новыми функциями input() , output() и model() , которые закладывают фундамент для будущего Angular без Zone.js. Сегодня мы поговорим о том, как эти изменения дошли до самой, пожалуй, наболевшей темы в любом приложении — работы с формами. В Angular v21 появился новый, экспериментальный способ управления формами — Signal Forms . Он не отменяет старые добрые Reactive Forms, но предлагает совершенно иной подход, основанный на сигналах. Давайте разберёмся, как работали формы раньше, как они будут работать с Signal Forms, и что это нам даёт.
https://habr.com/ru/companies/domclick/articles/1018180/
#angular #signals #signal #forms #reactive #javascript #ангуляр #вебразработка #webразработка #формы
-
react-ui-kit-forms: новая библиотека для работы на React в стиле Angular
Связка React+MobX хорошо себя зарекомендовала при работе с формами, в то время как за реактивность модели данных в Angular обычно отвечает библиотека RxJS. Но что делать, если вы хотите воспользоваться преимуществами Angular в React или Node.js? В этой статье речь пойдет о новой библиотеке от Cloud X, которую мы разработали для того, чтобы проложить “мостик” из мира Angular, где всё богато, но дорого в мир React, где все дешево, но скудно. В этой статье я описываю применение ядра @cloudx/react-ui-kit-forms, которое отвечает за структуру модели данных, реактивность модели данных и контроль состава данных (валидацию), позволяя “скрестить” плюсы React и Angular на одном проекте.
https://habr.com/ru/companies/cloud_x/articles/1005500/
#формы #react #angular #reactjs #mobx #вебразработка #cloudx
-
react-ui-kit-forms: новая библиотека для работы на React в стиле Angular
Связка React+MobX хорошо себя зарекомендовала при работе с формами, в то время как за реактивность модели данных в Angular обычно отвечает библиотека RxJS. Но что делать, если вы хотите воспользоваться преимуществами Angular в React или Node.js? В этой статье речь пойдет о новой библиотеке от Cloud X, которую мы разработали для того, чтобы проложить “мостик” из мира Angular, где всё богато, но дорого в мир React, где все дешево, но скудно. В этой статье я описываю применение ядра @cloudx/react-ui-kit-forms, которое отвечает за структуру модели данных, реактивность модели данных и контроль состава данных (валидацию), позволяя “скрестить” плюсы React и Angular на одном проекте.
https://habr.com/ru/companies/cloud_x/articles/1005500/
#формы #react #angular #reactjs #mobx #вебразработка #cloudx
-
react-ui-kit-forms: новая библиотека для работы на React в стиле Angular
Связка React+MobX хорошо себя зарекомендовала при работе с формами, в то время как за реактивность модели данных в Angular обычно отвечает библиотека RxJS. Но что делать, если вы хотите воспользоваться преимуществами Angular в React или Node.js? В этой статье речь пойдет о новой библиотеке от Cloud X, которую мы разработали для того, чтобы проложить “мостик” из мира Angular, где всё богато, но дорого в мир React, где все дешево, но скудно. В этой статье я описываю применение ядра @cloudx/react-ui-kit-forms, которое отвечает за структуру модели данных, реактивность модели данных и контроль состава данных (валидацию), позволяя “скрестить” плюсы React и Angular на одном проекте.
https://habr.com/ru/companies/cloud_x/articles/1005500/
#формы #react #angular #reactjs #mobx #вебразработка #cloudx
-
Хроники Valibot: как мы искали безупречные данные в мире JavaScript
Если вы когда-нибудь писали фронтенд на TypeScript и получали в проде Cannot read property 'x' of undefined , — добро пожаловать в клуб! TypeScript спасает нас от сотен ошибок… но только пока код не запущен. Как только он скомпилировался, типы исчезают, и в рантайме вы снова остаетесь один на один с невалидными данными. И вот тут начинается: меняется API, формы шлют что угодно, аналитика ломает отчёты, а тесты молчат. В Островке мы попробовали библиотеку Valibot — легковесный runtime-валидатор, который умеет проверять данные на границах контекстов и при этом остаётся дружелюбным к TypeScript . Под катом рассказываем, почему статической типизации уже недостаточно, чем Valibot отличается от Zod, и как валидатор помогает нам строить более надёжную архитектуру без лишнего кода.
https://habr.com/ru/companies/ostrovok/articles/987380/
#valibot #zod #architecture #forms #js #валидация_данных #runtime #формы #api #типобезопасность
-
Архитектура сложных форм
Архитектура сложных форм. WEB-Frontend. (VueJS, TypeScript, Compositions API, Pinia) Архитектура форм, в которых: - сложная бизнес логика - множество полей - валидация (frontend + backend)
-
Эксперимент: генерация веб-форм для 1С по текстовому описанию
Привет, хабр! В прошлой статье мы говорили о применении языков разметки для описания графических артефактов, идее языка разметки для аналитиков и приложении для генерации макетов UI и BPMN схем. В сегодняшней статье хочу рассказать об эволюции экспериментов с разметкой и поделиться опытом разработки генератора веб форм для 1С, который позволяет прототипировать и запускать автоматизацию бизнес процессов, эмулируя работу пользователя с ТСД.
https://habr.com/ru/articles/952114/
#конструктор_приложений #петпроект #формы #дизайн #анализ_и_проектирование_систем #разметка
-
Часть 2. GoForm — как не страдать с формами во Flutter
Устали от бесконечных TextEditingController и GlobalKey? Замучили проблемы с асинхронной валидацией? Добро пожаловать в мир GoForm — библиотеки, которая наконец-то превратит создание форм из пытки в удовольствие! В этой части мы разберём, как управлять фокусом между полями, отслеживать валидность и изменения значений, а также покажем, как реализовать удобный ввод номера телефона с выбором страны и динамической маской — всё на живых примерах и в пару строк кода.
https://habr.com/ru/articles/925282/
#flutter #flutter_mobile_development #flutter_app #flutter_app_development #формы #формы_ввода #валидация
-
Камалия ответила на хейт из-за ее фигуры и раскрыла болезни, которые повлияли на внешность
https://www.unian.net/lite/stars/kamaliyu-rozkritikuvali-cherez-jiji-figuru-spivachka-poyasnila-chomu-pogladshala-12994938.html
#unian #Камалия #певица #хейт #звезда #лишниекилограммы #фигура #формы #болезни #стресс #спорт #похудение #критика #исполнительница #онкология #развод #перелеты #войнавУкраине -
Камалия ответила на хейт из-за ее фигуры и раскрыла болезни, которые повлияли на внешность
https://www.unian.net/lite/stars/kamaliyu-rozkritikuvali-cherez-jiji-figuru-spivachka-poyasnila-chomu-pogladshala-12994938.html
#unian #Камалия #певица #хейт #звезда #лишниекилограммы #фигура #формы #болезни #стресс #спорт #похудение #критика #исполнительница #онкология #развод #перелеты #войнавУкраине -
Магический метод работы с формами
Видеоаналитика в СИБУРе — это сложный и многогранный продукт, который внедряется на разных производствах. Несмотря на то, что это один продукт, его конфигурация может сильно отличаться: используются различные камеры, детекторы и параметры, а также интеграции с разнообразными сторонними системами. В таких условиях инженеру не всегда понятно, что именно надо дописать, а валидация происходит только после окончания редактирования файла и перезапуска сервиса. Логичное решение — предоставить инженерам удобный интерфейс, где они смогут заполнять форму и сразу видеть ошибки. Меня зовут Владимир Кирилкин, я техлид в Цифровом СИБУРе, в команде Индустрии 4.0. Мы разрабатываем продукт «Видеоаналитика на производстве», и о наших задачах уже писали на Хабре ( habr.com/ru/companies/sibur_official/articles/700634/ ). Мы подошли к задаче нестандартно: вместо заранее заданных форм на фронте реализовали их автоматическую генерацию с использованием JSON-схем и немного ✨магии✨. Наши сервисы построены на Python и React, но предложенный подход можно адаптировать и для других технологий — правда, с чуть меньшим количеством ✨магии✨.
https://habr.com/ru/companies/sibur_official/articles/875372/
#формы #jsonschema #pydantic #python #react #backend_driven_ui #сибур_цифровой #heavy_digital #промышленность #промышленное_программирование
-
Магический метод работы с формами
Видеоаналитика в СИБУРе — это сложный и многогранный продукт, который внедряется на разных производствах. Несмотря на то, что это один продукт, его конфигурация может сильно отличаться: используются различные камеры, детекторы и параметры, а также интеграции с разнообразными сторонними системами. В таких условиях инженеру не всегда понятно, что именно надо дописать, а валидация происходит только после окончания редактирования файла и перезапуска сервиса. Логичное решение — предоставить инженерам удобный интерфейс, где они смогут заполнять форму и сразу видеть ошибки. Меня зовут Владимир Кирилкин, я техлид в Цифровом СИБУРе, в команде Индустрии 4.0. Мы разрабатываем продукт «Видеоаналитика на производстве», и о наших задачах уже писали на Хабре ( habr.com/ru/companies/sibur_official/articles/700634/ ). Мы подошли к задаче нестандартно: вместо заранее заданных форм на фронте реализовали их автоматическую генерацию с использованием JSON-схем и немного ✨магии✨. Наши сервисы построены на Python и React, но предложенный подход можно адаптировать и для других технологий — правда, с чуть меньшим количеством ✨магии✨.
https://habr.com/ru/companies/sibur_official/articles/875372/
#формы #jsonschema #pydantic #python #react #backend_driven_ui #сибур_цифровой #heavy_digital #промышленность #промышленное_программирование
-
Магический метод работы с формами
Видеоаналитика в СИБУРе — это сложный и многогранный продукт, который внедряется на разных производствах. Несмотря на то, что это один продукт, его конфигурация может сильно отличаться: используются различные камеры, детекторы и параметры, а также интеграции с разнообразными сторонними системами. В таких условиях инженеру не всегда понятно, что именно надо дописать, а валидация происходит только после окончания редактирования файла и перезапуска сервиса. Логичное решение — предоставить инженерам удобный интерфейс, где они смогут заполнять форму и сразу видеть ошибки. Меня зовут Владимир Кирилкин, я техлид в Цифровом СИБУРе, в команде Индустрии 4.0. Мы разрабатываем продукт «Видеоаналитика на производстве», и о наших задачах уже писали на Хабре ( habr.com/ru/companies/sibur_official/articles/700634/ ). Мы подошли к задаче нестандартно: вместо заранее заданных форм на фронте реализовали их автоматическую генерацию с использованием JSON-схем и немного ✨магии✨. Наши сервисы построены на Python и React, но предложенный подход можно адаптировать и для других технологий — правда, с чуть меньшим количеством ✨магии✨.
https://habr.com/ru/companies/sibur_official/articles/875372/
#формы #jsonschema #pydantic #python #react #backend_driven_ui #сибур_цифровой #heavy_digital #промышленность #промышленное_программирование
-
Работа с массивами в формах(динамическое добавление полей) с использованием библиотеки react-hook-form
Привет друзья! В данной статье я хочу показать вам, как разработать форму с динамическими добавлениями полей на React.js с использованием библиотеки react-hook-form и валидацией полей с использованием библиотеки yup на конкретном примере. Формы являются неотъемлемой частью веб-разработки, и эффективная обработка пользовательского ввода является ключевым аспектом создания интерактивных приложений. Библиотека React Hook Form предоставляет разработчикам мощный инструментарий для упрощения работы с формами в React-приложениях.
-
Работа с массивами в формах(динамическое добавление полей) с использованием библиотеки react-hook-form
Привет друзья! В данной статье я хочу показать вам, как разработать форму с динамическими добавлениями полей на React.js с использованием библиотеки react-hook-form и валидацией полей с использованием библиотеки yup на конкретном примере. Формы являются неотъемлемой частью веб-разработки, и эффективная обработка пользовательского ввода является ключевым аспектом создания интерактивных приложений. Библиотека React Hook Form предоставляет разработчикам мощный инструментарий для упрощения работы с формами в React-приложениях.
-
Работа с массивами в формах(динамическое добавление полей) с использованием библиотеки react-hook-form
Привет друзья! В данной статье я хочу показать вам, как разработать форму с динамическими добавлениями полей на React.js с использованием библиотеки react-hook-form и валидацией полей с использованием библиотеки yup на конкретном примере. Формы являются неотъемлемой частью веб-разработки, и эффективная обработка пользовательского ввода является ключевым аспектом создания интерактивных приложений. Библиотека React Hook Form предоставляет разработчикам мощный инструментарий для упрощения работы с формами в React-приложениях.
-
Переменные и условия: как быстро сделать в Фигме нелинейный прототип
Например, прототип формы, поля которой можно заполнять непоследовательно. Иногда сценарии и механики перехода между экранами (или состояниями одного экрана) получаются такими сложными, что для подготовки прототипа и тестирования на респондентах приходится переносить макеты из Фигмы в специальные инструменты вроде ProtoPie или Axure. Летом 2023 года в Фигме появились условия и переменные, благодаря которым можно показывать всё более сложные взаимодействия. А также меньшими усилиями добиваться того, что раньше требовало усилий значимых, например, давать респондентам возможность заполнить поля формы в произвольном порядке. Не все дизайнеры, с которыми я общался, знают о подобных способах применения связки переменных с условиями . Поэтому я и решил об этом рассказать на примере кейса с непоследовательным заполнением полей формы.
-
[Перевод] Вам не нужен для этого JavaScript
Прошу вас не возмущаться названием статьи. Я не ненавижу JavaScript, я люблю его. Ежедневно я пишу на нём кучу кода. Но ещё я люблю CSS и даже люблю JSX HTML. Я люблю все эти три технологии по причине, которая называется… ▍ Правило наименьших полномочий Это один из базовых принципов веб-разработки, означающий, что следует выбирать наименее мощный язык, подходящий для решения задачи . В случае веба это означает, что нужно по возможности выбирать HTML вместо CSS, а затем CSS вместо JS. JS — самый универсальный язык из всех трёх, потому что на нём вы описываете, как должен вести себя браузер; но также он может ломаться, отказываться загружаться, требует дополнительных ресурсов для скачивания, парсинга и исполнения. Кроме того, при его использовании очень легко ограничить доступ пользователей, выполняющих браузинг при помощи клавиатуры или специальных возможностей. В отличие от JS с его императивностью, HTML и CSS декларативны. Вы говорите браузеру, что делать, а не как это делать. Это значит, что браузер сам выбирает, как это делать, и может сделать это наиболее эффективным образом. Так как функции HTML и CSS обрабатываются браузером, они могут быть более производительными, более нативными, более адаптируемыми к предпочтениям пользователя и в общем случае иметь бОльшую accessibility. Это не значит, что так будет всегда (особенно когда дело касается accessibility), но когда все сложные задачи берёт на себя браузер, от этого обычно выигрывают конечные пользователи.
https://habr.com/ru/companies/ruvds/articles/779814/
#ruvds_переводы #html #формы #интерактивный_дизайн #accessibility #доступность_сайта #специальные_возможности