Александр Бухтатый, фронтенд-разработчик в Тинькофф, делится одним из способов работы с формами в Angular-проектах, который упрощает создание новых форм и изолирует зависимость от внешней UI-библиотеки.
Читать
Читать
Хабр
Работа с формами в Angular — модуль работы с формами и обертки полей
Всем привет! Я Александр Бухтатый, frontend-разработчик в Тинькофф, специализируюсь на Angular. Наша команда работает в монорепозитории с четырьмя проектами. В каждом проекте много форм, нужно...
Проблема с отключенными кнопками и что делать вместо них
Adam Silver считает, что атрибут disabled в кнопках вредит UX. И вот почему:
➖Они не дают обратной связи
➖Из-за них интерфейс кажется сломанным
➖Их трудно увидеть
➖На них нельзя сфокусироваться
➖Они вводят в заблуждение
➖Пользователи могут не заметить, что кнопка становится активной
📌 Что делать вместо этого?
1️⃣Напишите четкую метку и текст подсказки, чтобы пользователи поняли вопрос
2️⃣Начните с одной формы ввода на странице, чтобы уменьшить когнитивную нагрузку
3️⃣Включите кнопку, чтобы пользователи всегда получали обратную связь
4️⃣Прощайте тривиальные ошибки
5️⃣Дайте четкие сообщения об ошибках, чтобы помочь пользователям решить проблему
#ux #tip
Adam Silver считает, что атрибут disabled в кнопках вредит UX. И вот почему:
➖Они не дают обратной связи
➖Из-за них интерфейс кажется сломанным
➖Их трудно увидеть
➖На них нельзя сфокусироваться
➖Они вводят в заблуждение
➖Пользователи могут не заметить, что кнопка становится активной
📌 Что делать вместо этого?
1️⃣Напишите четкую метку и текст подсказки, чтобы пользователи поняли вопрос
2️⃣Начните с одной формы ввода на странице, чтобы уменьшить когнитивную нагрузку
3️⃣Включите кнопку, чтобы пользователи всегда получали обратную связь
4️⃣Прощайте тривиальные ошибки
5️⃣Дайте четкие сообщения об ошибках, чтобы помочь пользователям решить проблему
#ux #tip
Adamsilver.io
The problem with disabled buttons and what to do instead
Adam Silver – interaction designer - London, UK
🎙️С момента анонса подкаста «Про код» от HTML Academy у ребят вышло еще два выпуска:
🔗 010. Случайности не случайны, а цвета не цвета
🔗 011. 20 лет вникуда, ужасы ch и TS 5.1
#podcast
🔗 010. Случайности не случайны, а цвета не цвета
🔗 011. 20 лет вникуда, ужасы ch и TS 5.1
#podcast
Telegram
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
🎙️У HTML Academy есть подкаст «Про код», в котором Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр разбираются в самых интересных новостях из мира веб-разработки и объясняют их простым языком.
Слушайте, чтобы узнать, зачем и кому нужны новые фреймворки…
Слушайте, чтобы узнать, зачем и кому нужны новые фреймворки…
🧒👾Тест-игра на выживание #2: как джуну получить повышение
Прошло какое-то время, вы возмужали и теперь думаете о повышении. Но с чего начать восхождение к вершине и как продвинуться набравшемуся опыта джуну по карьерной лестнице! Знаете, что делать дальше? Проверьте свои шансы на успех и пройдите вторую часть квеста.
🔗 Пройти тест
Прошло какое-то время, вы возмужали и теперь думаете о повышении. Но с чего начать восхождение к вершине и как продвинуться набравшемуся опыта джуну по карьерной лестнице! Знаете, что делать дальше? Проверьте свои шансы на успех и пройдите вторую часть квеста.
🔗 Пройти тест
Ну что ж, друзья, команда Stack Overflow опубликовала результаты опроса разработчиков за 2023 год. Пришло время подводить итоги. Итак, самые популярные:
🔝Языки программирования, сценариев и разметки: JavaScript, HTML/CSS и SQL. Python хоть и обогнал SQL как третий наиболее часто используемый язык, но занял первое место для тех, кто не является профессиональным разработчиком или не учится программировать.
🔝Веб-фреймворки и технологии: Node.js и React.js.
🔝Базы данных: PostgreSQL и MySQL.
🔝IDE/редакторы кода: Visual Studio Code.
🔝Инструменты: Docker.
И кстати, в этот раз отличился Phoenix как самый популярный веб-фреймворк, с которым разработчики больше всего захотят работать в следующем году, в отличие от React, Node.js и Next.js.
🔝Языки программирования, сценариев и разметки: JavaScript, HTML/CSS и SQL. Python хоть и обогнал SQL как третий наиболее часто используемый язык, но занял первое место для тех, кто не является профессиональным разработчиком или не учится программировать.
🔝Веб-фреймворки и технологии: Node.js и React.js.
🔝Базы данных: PostgreSQL и MySQL.
🔝IDE/редакторы кода: Visual Studio Code.
🔝Инструменты: Docker.
И кстати, в этот раз отличился Phoenix как самый популярный веб-фреймворк, с которым разработчики больше всего захотят работать в следующем году, в отличие от React, Node.js и Next.js.
374. Safari TP, сабгриды, JS-итераторы, тестирование, Figma, ES…
Веб-стандарты
00:01:39 Safari TP
00:06:53 Сабгриды
00:11:47 Методы итераторов
00:16:48 Chrome для тестирования
00:27:29 Гадания по Figma
00:40:52 Магические импорты
00:53:02 CSS-нестинг
01:12:12 Редактор Zed
01:22:31 Ответы на вопросы
#podcast
Please open Telegram to view this post
VIEW IN TELEGRAM
💭 Споры в айти-сообществе о фуллстек-разработчиках не утихают. Ты вроде умеешь писать и фронт и бэк, а если копнуть глубже, начинаешь плавать.
В связи с тем, что именно эта тема подстать нашему сообществу, хотелось бы узнать ваше мнение. Фуллстек-разработчики в 2023 году ценятся на рынке труда?
#холивар
В связи с тем, что именно эта тема подстать нашему сообществу, хотелось бы узнать ваше мнение. Фуллстек-разработчики в 2023 году ценятся на рынке труда?
#холивар
🌵 Мексиканская перестрелка: какую IT-профессию выбрать джуну в 2023 году, чтобы зарабатывать $100кк в наносек
В этой статье мы рассмотрим несколько перспективных IT-направлений, которые приблизят вас к заветным цифрам на вашем банковском счете.
🔗 Основной сайт
🔗 Зеркало
В этой статье мы рассмотрим несколько перспективных IT-направлений, которые приблизят вас к заветным цифрам на вашем банковском счете.
🔗 Основной сайт
🔗 Зеркало
Конференция Angular ng-conf 2023 позади. Ждать записи выступлений еще долго, поэтому пока можно ознакомиться с основным докладом и последними новостями вокруг фреймворка: выпуск Angular 16.1 с поддержкой TypeScript 5.1, RFC: Built-In Control Flow и RFC: Deferred Loading.
Если вы уже знакомы с React, но не чувствуете уверенности в ее использовании с TypeScript, это онлайн-руководство от Matt Pocock точно для вас:
🍿 40+ видео и статей
🔥 21 интерактивный урок и многое другое
🍿 40+ видео и статей
🔥 21 интерактивный урок и многое другое
👨🎓Бесплатный курс по Vue.js от Ильи Климова (JavaScript.Ninja) и Клуба Vue.js-разработчиков
36 практических видеоуроков об архитектуре Vue.js, подводных камнях, концепциях и многом другом.
Смотреть
36 практических видеоуроков об архитектуре Vue.js, подводных камнях, концепциях и многом другом.
Смотреть
YouTube
Бесплатный курс по Vue.js: о структуре
Присоединяйтесь к миру JavaScript и Vue.js вместе с нами
Наше сообщество: https://yangx.top/vuejs_club
Поддержать автора видео можно на Patreon
https://patreon.com/javascriptninja
Содержание:
00:00 О курсе и кому он не подойдёт
04:40 Структура курса
21:00 Чего…
Наше сообщество: https://yangx.top/vuejs_club
Поддержать автора видео можно на Patreon
https://patreon.com/javascriptninja
Содержание:
00:00 О курсе и кому он не подойдёт
04:40 Структура курса
21:00 Чего…
Артем Коньков, фронтенд-разработчик в СберМаркете, делится историей о любопытстве
Казалось бы, что тут такого? В случае Артема оно превратило небольшую задачу в настоящий квест длиной в 5 спринтов. А задача то была — просто добавить в адреса /v3/ где надо.
Казалось бы, что тут такого? В случае Артема оно превратило небольшую задачу в настоящий квест длиной в 5 спринтов. А задача то была — просто добавить в адреса /v3/ где надо.
Хабр
Путешествие в царство легаси. Как маленькая задача привела к большому рефакторингу
Привет! Меня зовут Артем Коньков, я frontend-разработчик в СберМаркете. А еще, я тот человек, который в фильмах ужасов спускается в темный подвал вопреки инстинкту самосохранения. Во-первых, потому...
This media is not supported in your browser
VIEW IN TELEGRAM
Визуальный гайд для изучения Node.js Event Loop: подробное объяснение в духе команды Builder.io
Читать и смотреть
Читать и смотреть
Взгляд на новое ключевое слово using в TypeScript 5.2
using добавляет что-то похожее на управление контекстом Python with в TypeScript, предоставляя способ автоматического запуска функции Symbol.dispose, когда объект выходит из области видимости. Вы можете использовать его для отключения соединений с базой данных, закрытия файловых дескрипторов и т. д.
Читать
using добавляет что-то похожее на управление контекстом Python with в TypeScript, предоставляя способ автоматического запуска функции Symbol.dispose, когда объект выходит из области видимости. Вы можете использовать его для отключения соединений с базой данных, закрытия файловых дескрипторов и т. д.
Читать
Спустя четыре года после выхода Svelte 3.0 представлена новая версия фреймворка
Если вы новичок в Svelte, начните с интерактивного руководства. Хотите перейти на новую версию? Для вас есть руководство по миграции и обновленный сайт.
Если вы новичок в Svelte, начните с интерактивного руководства. Хотите перейти на новую версию? Для вас есть руководство по миграции и обновленный сайт.
svelte.dev
Announcing Svelte 4
Updated performance, developer experience, and site
Постепенно улучшайте HTML с помощью облегченных JavaScript-библиотек
«Никаких инструментов сборки, компиляторов и хлопот». UnsuckJS: сравнительная таблица JavaScript-библиотек, в которой представлены популярность (последний коммит, количество звезд, форков и других показателей), размер и последние версии таких библиотек, как Preact, bau, htmx, Hyperapp, Mithril и многих других.
«Никаких инструментов сборки, компиляторов и хлопот». UnsuckJS: сравнительная таблица JavaScript-библиотек, в которой представлены популярность (последний коммит, количество звезд, форков и других показателей), размер и последние версии таких библиотек, как Preact, bau, htmx, Hyperapp, Mithril и многих других.
🏗️ Ненужная сложность: почему мы неправильно проектируем программное обеспечение
В этой статье расскажем про причины неправильного проектирования ПО и предложим средства для устранения анти-шаблона ненужной сложности.
🔗 Основной сайт
🔗 Зеркало
В этой статье расскажем про причины неправильного проектирования ПО и предложим средства для устранения анти-шаблона ненужной сложности.
🔗 Основной сайт
🔗 Зеркало
Segun Adebayo, наиболее известный своей библиотекой компонентов Chakra UI, вернулся с новым подходом под названием CSS-in-JS.
Новый инструмент может похвастаться стилями, сгенерированными во время сборки, безопасностью типов из коробки и масштабируемостью. Он работает с Remix, Vite, Next.js, Astro и даже с RSC.
💡 Подробнее
Новый инструмент может похвастаться стилями, сгенерированными во время сборки, безопасностью типов из коробки и масштабируемостью. Он работает с Remix, Vite, Next.js, Astro и даже с RSC.
💡 Подробнее
👨💻🗺️ Кому в IT жить хорошо: Indeed опубликовал список из 19 наиболее востребованных спецов за рубежом в 2023 году
Рассказываем, кем нужно быть и какой стек начать изучать, чтобы жить в Кремниевой долине и зарабатывать от $150 000.
🔗 Основной сайт
🔗 Зеркало
Рассказываем, кем нужно быть и какой стек начать изучать, чтобы жить в Кремниевой долине и зарабатывать от $150 000.
🔗 Основной сайт
🔗 Зеркало