Вы искали design | NOP::Nuances of programming

Разработка масштабируемых фронтендов с помощью Feature-Sliced Design

Предлагаем пошаговое руководство по созданию современных фронтендов с помощью Feature-Sliced Design и Bit. Использование этого подхода позволит организовать приложение в четко структурированном виде, быстро ориентироваться в нем и лучше понимать его специфику.

Создание приложения-планировщика в React с Easy Peasy и Ant Design

Обучающее руководство по созданию приложения-планировщика React при непосредственном участии библиотек Easy Peasy и Ant Design.

Реализация функции Pull-to-refresh с помощью Compose Material 3

Pull-to-refresh ("потяни, чтобы обновить") - удобная функция, которая позволяет пользователям приложений обновлять контент с помощью простых жестов. Опишем реализацию этой возможности посредством новейшей версии библиотеки Compose Material 3.

Эффективные шаблоны архитектуры программного обеспечения

Ознакомьтесь с востребованными шаблонами архитектуры программного обеспечения и их практическим применением. Четкое представление о том, какие из шаблонов наиболее эффективно работают в определенных ситуациях, - ключ к созданию оптимальной архитектуры.

Шаблоны проектирования бэкенда

На примере реальной проблемы изучим, как реализуются подход «запустил и забыл», очередь недоставленных сообщений, задержка. Создадим выключатель с тремя параметрами и проиллюстрируем кодом.

Разработка отказоустойчивых микросервисов с шаблонами «Повтор» и «Выключатель»

Разберем, как преодолеваются трудности распределенных систем. Рассмотрим практический сценарий комбинирования шаблонов, дадим рекомендации по их реализации.

Условия в CSS: что делать, если они нужны уже сейчас?

Рабочая группа CSS решила добавить if(). Какие варианты у нас есть? Ведь до нее еще далеко: два года, если все пройдет очень гладко, а если нет, то больше. Итак, что же делать, если условные выражения нужны прямо сейчас?

Почему решения CSS-in-JS во время сборки сейчас в тренде?

Узнайте, почему инструменты CSS-in-JS с нулевым временем выполнения стали предпочтительным выбором для веб-разработчиков. Чтобы использовать эти инструменты в своих проектах, изучите механизм и преимущества извлечения CSS во время сборки.

React-приложение с шаблонами «Репозиторий» и «Адаптер»

Хотите обеспечить поддержку чистого, модульного и тестируемого кода? Изучите руководство по созданию React-приложения с использованием шаблонов проектирования "Репозиторий" и "Адаптер". Такой подход облегчает управление данными и взаимодействие с API по мере роста приложения.

Как работать с — настраиваемым элементом HTML с возможностью анимации

Как работать с <qr-code> — настраиваемым элементом HTML с возможностью анимации

Рассказываем и показываем, как работать с элементом для создания стилизованных, современных qr-кодов с поддержкой SVG логотипов. В конце материала — таблица сравнения с другими подобными элементами для фреймворков фронтенда.

Как спроектировать рекомендательную систему

Разберем пошагово процесс создания масштабируемой, эффективной системы рекомендаций с нуля. Подробно изучим нюансы ее компонентов: сбор и представление данных, выбор алгоритма, обучение модели, обработка в реальном времени, обратная связь.

Проектирование устойчивых API: постигаем искусство ограничения скорости

Чрезмерное количество запросов от клиентов может негативно влиять на работу сервера. Рассмотренные в статье алгоритмы помогут управлять скоростью, применяя ограничения, и улучшить пользовательский опыт и производительность системы.

Адаптируем Android-приложение к большим размерам экрана с помощью классов window-size

"Большой экран" становится популярным и быстрорастущим сегментом устройств Android. Самое время научиться оптимизировать приложение для любого размера экрана. Узнайте о классах window-size, рассмотрите сценарии их использовании в разных типах макетов навигации и закрепите материал с помощью реальной демонстрации.

Pascal: ностальгическое путешествие сквозь годы и код

В чем сила языка Pascal, возникшего более полувека назад? Как он повлиял на наш мир? Почему его наследниками считаются Python, Rust, Go и многие другие современные языки? Откроем заново для себя Pascal.

9 плагинов в Figma, которые были популярны в 2024 году

Рассмотрим 9 плагинов в Figma, их особенности и способы интеграции в рабочий процесс.

Дашбордное решение Apache Superset

Подробно опишем процесс установки: запуск дополнительных контейнеров в поде и развертываниях, аннотации, метки, настройка ресурсов, конфигурации, ограничения топологии и компонентов. Дополнительно подключим к Superset все источники данных, установив отдельные коннекторы баз данных.

Преимущества обучения на программиста-дизайнера

Стоит ли изучать программирование для того, чтобы стать дизайнером? Какие преимущества это дает? Что нужно знать, что успешно работать над проектами, связанными с веб-дизайном? Постараемся ответить на эти вопросы в сегодняшней статье.

Атомарный дизайн: структурирование приложений React

Изучим подход к проектированию приложений с разбиением дизайн-систем на пять уровней. Рассмотрим принципы, на которых он основывается.

Шаблоны проектирования распределенных систем и не только

Изучим преимущества и недостатки типовых шаблонов распределенных систем и микросервисов. Рассмотрим также не связанные с ними, но интересные концепции.

Практическое предметно-ориентированное проектирование

Ознакомьтесь с бизнес-ориентированной архитектурой - удачно подобранной комбинацией шаблонов, правил и стилей предметно-ориентированного проектирования. Она упростит разработку и высвободит много времени, чтобы сосредоточиться на вопросах бизнес-логики.

Чему может научить авиация в области дизайн-систем

Узнаем, как авиация применяет концепцию последовательного проектирования и как это может быть полезно дизайнерам и разработчикам.

Почему не стоит разрабатывать инструменты ИИ на основе чатов

Пришло время развивать инструменты ИИ, выходя за рамки интерфейсов, основанных на промптах. Предлагаем рассмотреть новейшие более надежные ментальные модели, ориентированные на совместную работу.

За хорошим UI следует хороший UX

Пересмотрим взаимосвязь UI и UX. Изучим понятие эффекта "эстетики в юзабилити" и его влияние на UX, а также элементы, связанные с этим эффектом.

Реализация подсказок с помощью Modifier в Jetpack Compose

Занимаетесь проектированием интуитивно понятных интерфейсов? Тогда вам не обойтись без подсказок, особенно необходимых при обновлении приложения. Предлагаем упрощенную версию реализации подсказок с использованием Modifier — компонента библиотеки Jetpack Compose.

5 S-принципов в программировании

Хотите прокачать свой уровень разработки, но не знаете, с чего начать? Возьмите на вооружение 5 S-принципов из производственного опыта компании "Тойота".

Что важнее — промпт-дизайн или промпт-инжиниринг?

В сфере языковых моделей разграничивают такие аспекты, как “промпт-дизайн” и “промпт-инжиниринг”. Первый относят к искусству, второй — к науке. Какой же из них важнее? Ответ на этот вопрос определит как настоящее, так и будущее человекоориентированного ИИ.

Текстовой эмбеддинг: классификация и семантический поиск

Ознакомьтесь с применением текстового эмбеддинга в классификации текстов и семантическом поиске (с примерами Python-кода). Текстовой эмбеддинг позволит использовать более простые и дешевые LLM-методы, сохраняя при этом большую часть смысла.

Как прошло мое собеседование в Uber на должность старшего инженера-разработчика

Что нужно для подготовки? Разберем структуру собеседования: как устроен процесс, что происходит на каждом раунде, какие задаются вопросы.

Эволюция монолитных систем

Как предотвратить энтропию монолитных систем, свойственную технологическим стартапам? Воспользуйтесь рекомендациями эксперта, чтобы обеспечить успех и рост компании, избежав дорогостоящих ошибок.

Настройка компонентов и тем Material UI: современный подход

Воспользуйтесь руководством по созданию ультрамодульной библиотеки компонентов с помощью Bit и Material UI. Она обеспечит расширенный набор настраиваемых компонентов и тем с предварительным просмотром и документацией, а также многократно используемую среду разработки.

Лучшие библиотеки и пакеты Next.js 2024 года для любых потребностей

С помощью этих библиотек и пакетов вы справитесь с любой задачей - от управления состоянием и решения проблемы аутентификации до получения и проверки данных. Они позволят упростить разработку, расширить возможности приложений Next.js.и обеспечить исключительный пользовательский опыт.

Чистая архитектура фронтенда: 7 советов для достижения успеха

Эти экспертные советы помогут вам добиться того, о чем мечтает каждый разработчик — чистой архитектуры фронтенда. Ваши проекты станут легко поддерживаемыми, а новые функции будут добавляться в приемлемые сроки.

Паттерны проектирования генеративного ИИ: полное руководство

Преимущества генеративного ИИ, способного к созданию контента, давно стали очевидными для всех. Тем не менее сохраняется необходимость в дальнейшей разработке схем, способствующих высокой эффективности моделей на базе ИИ. Сегодня рассмотрим 9 наиболее перспективных паттернов, которые находят широкое применение в современной индустрии.

Как укорачиваются ссылки на TinyURL и Bit.ly?

Полное руководство по проектированию систем с рукописными матрасчетами. Разберем функциональность, архитектуру, проблемы, масштабируемость, системные API-интерфейсы, производительность и оценку ресурсов с данными для аналогичных проектов в реальных сценариях.

Освоение различных видов линий в Jetpack Compose с помощью PathEffect

Устали от однообразных линий в Jetpack Compose? Вы не одиноки! Сегодня поговорим о том, как создавать различные стили линий и фигур в рамках Jetpack Compose и использовать их на практике.

Как создать Android-приложение чат-бота с генеративным ИИ Google

Реализуем функционал с каналами, большими языковыми моделями, единым тематическим оформлением компонентов. Настроим параметры генерации контента и интерфейс чата, добавим возможности генерирования текста и формирования рассуждений по фото.

Предложение по стандартизации сигналов для TC39

Энтузиасты JavaScript-сообщества разработали предложение по стандартизации сигналов для рассмотрения в TC39. Каждый из вас может не только ознакомиться с этим предложением, но и внести свой вклад в стандарт сигналов, тем самым расширив возможности JS-разработки.

Как компания Airbnb стала лидером в UX дизайне

От маленькой гостиницы, открытой в арендованном доме основателя, до многомиллиардной компании в сфере гостиничного дела - одним из ключевых элементов успеха Airbnb стал дизайн. Узнаем секреты компании и подробно изучим этапы ее развития.

Что ищут работодатели в вашем UX/UI портфолио

Подробно изучим нюансы создания UX/UI портфолио. Узнаем, на что обращают внимание рекрутеры, какие ошибки допускают дизайнеры при создании портфолио и как их исправить.

Проектирование и развертывание Python-приложения для машинного обучения. Часть 2

Не нужно быть Атлантом, чтобы перенести модель в облако. Нужно лишь усвоить ключевые концепции проектирования Python-приложения для машинного обучения. Предлагаем рассмотреть их на высоком и низком уровнях, чтобы принять оптимальные решения для сбалансирования нагрузки и устранения узких мест при развертывании.

Что следует учитывать при разработке дизайна для людей с дислексией?

Рассмотрим термин дислексия. Изучим стратегии, которые помогают сделать дизайн более доступным для пользователей с дислексией. Узнаем о плагине Stark.

8 приложений и сайтов, за которые стоит заплатить: UX/UI edition

Предлагаем список полезных платных приложений и сайтов для UX/UI дизайнера и подробно рассматриваем их преимущества и особенности.

10 полезных методик во фронтенд-разработке React

Рассмотрим практики и методики, которые упрощают создание приложений в React, делают код более эффективным и читабельным, упрощают его обслуживание.

Современный подход к разработке с использованием Next.js

Мощные современные инструменты Bit и Ripple CI внесли кардинальные улучшения в подход к разработке на Next.js. Они представляют современный и эффективный процесс создания композитных приложений. Рассмотрим подробнее преимущества Bit и Ripple CI и возможности их интеграции в Next.js.

Самые значимые психологические исследования в UX-дизайне

В этой статье будут представлены психологические исследования, которые являются ключами к пониманию человеческого познания и поведения, а также основой понимания дизайна.

Технические долги при проектировании компонентов с помощью Angular

Изучите три стратегии реализации пользовательских компонентов: превалирование ControlValueAccessor, использование FormControl в качестве входных данных и обертывание компонентов. Чтобы эффективно применять эти стратегии, рассмотрите технические долги, связанные с каждой из них.

Карьерные пути в Java: от младшего разработчика до эксперта

Независимо от того, начинаете вы свой путь или хотите продвинуться по карьерной лестнице, это руководство поможет вам разобраться в ситуации и даст практические советы. Четкое представление карьерного трека позволит предвидеть все перспективные возможности профессионального роста и воспользоваться ими.

Тренды в сфере графического дизайна в 2024 году

Подробно рассмотрим ожидаемые в 2024 году тренды в сфере графического дизайна, а также тенденции, которые будут набирать популярность в предстоящем году.

Тренды UX/UI дизайна на 2024 год

Узнаем о новом тренде Bento UI. Познакомимся с трендами в пространственном дизайне, а также в сфере анимации и 3D. Рассмотрим инструменты с ИИ для дизайнеров. Узнаем о новых тенденциях и требованиях в сфере UX.

Локализация: почему простого перевода пользовательского интерфейса будет недостаточно

Узнаем, что такое индекс дистанции власти и его влияние на культуру и пользовательский опыт. Узнаем, как индекс дистанции власти влияет на общение пользователей в социальных сетях, их систему оценивания товаров и услуг.

Разработка веб-дэшбордов с использованием React, Material UI, Tailwind CSS и Nivo. Часть 1

Представляем вашему вниманию серию статей, посвященных визуализации и ее применению в современном IT-ландшафте. В первой части цикла расскажем, как создать динамичное и отзывчивое приложение с использованием React, Material UI, Tailwind CSS и Nivo.

Почему западные приложения более минималистичны, чем азиатские?

Узнаем, чем отличаются культуры коллективизма и индивидуализма. Изучим влияние этих культур на онлайн-коммуникацию, а также UI/UX дизайн. Выделим основные различия двух культур и узнаем, как улучшить локализацию продукта.

Шаблоны проектирования в React

React - библиотека JavaScript, которая отличается гибкой архитектурой и функциональностью и, пожалуй, чаще других используется при создании пользовательских интерфейсов. Еще сильнее упрощают процесс разработки на React шаблоны проектирования.

7 приложений и сайтов, которые облегчат работу UX/UI дизайнера

Рассмотрим 7 приложений и сайтов для UX/UI дизайнера и подробно изучим основные функции, особенности и области использования каждого из них.

Искусственный интеллект и пользовательский опыт: погружение в новую эру визуализации данных

Рассмотрим роль искусственного интеллекта в визуализации. Изучим способы обработки и анализа данных на основе ИИ. Узнаем, как это влияет на пользовательский опыт. Проанализируем конкретные примеры визуализации данных на основе ИИ. Рассмотрим нюансы визуализации с помощью ИИ.

Раскрываем силу JavaScript: сокращение размера пакета NPM на 99%

Ищете пути повышения производительности приложения? Ознакомьтесь со способами значительного улучшения метрик в Lighthouse и FCP в проектах с использованием пакета дизайн-системы.

Переходная анимация: практическое пособие

Рассмотрим значимость переходной анимации в дизайне и прототипировании продукта. Подробно изучим принципы для улучшения переходной анимации и как их применять.

Чистая архитектура фронтенда

Концепции и практики, такие как SOLID, KISS, DRY и DDD, помогут создавать более чистые архитектуры фронтенда. А правила создания компонентов с учетом развития бизнес-логики позволят коду оставаться ожидаемо поддерживаемым.

DALL·E 3 — генератор изображений для продуктовых дизайнеров

Знакомьтесь с продвинутой третьей версией DALL·E 3 - генератора изображений с ИИ от OpenAI. Вы узнаете не только о поразительных возможностях нового инструмента, но и о главной его фишке - внедрении в ChatGPT для уточнения промптов.

Понимание шаблонов проектирования: шаблон “Строитель”

Опытный разработчик должен иметь в своем арсенале различные устоявшиеся инструменты проектирования. Сегодня рассмотрим полезный шаблон "Строитель".

Продвинутые техники PHP: от шаблонов проектирования до тестирования. Часть 1

Раскроем нюансы шаблонов проектирования, эффективных взаимодействий с базами данных, защиты приложений от угроз безопасности и повышения производительности посредством оптимизации. По всем темам разберем примеры.

Глубокое погружение в Java: рефлексия и загрузчик классов. Часть 3

В этой части рассмотрим использование рефлексии и загрузчика классов на примере добавления функциональности плагина в Java-приложение и модификации классов во время выполнения. В завершение поговорим о том, почему две мощные функции Java - динамическая типизация и изменяемые во время выполнения классы - должны войти в арсенал каждого программиста.

Клятва Гиппократа для дизайнеров в эпоху искусственного интеллекта

Время разработки этических принципов для дизайнеров настало. Клятва Гиппократа для дизайнеров не только послужит защитой от возможных ошибок, но и станет навигатором, направляющим специалистов на создание инноваций, действительно служащих интересам человечества.

Чистый код работает медленно, но он все равно нужен

Что важнее - чистота, читаемость, расширяемость и надежность кода или производительность? Чтобы ответить на этот вопрос, нужны прагматизм и гибкость квалифицированного специалиста. Прислушайтесь к рекомендациям опытного разработчика iOS, Android и игр.

Эволюция серверной архитектуры: n-слойная, DDD, шестиугольная, луковичная, чистая

Проследим историю основных архитектур с их отличиями. Как код разделялся на слои и отчего рыдают и плачут миллионы разработчиков по всему миру?

10 конструкторов сайтов с ИИ, которые стоит попробовать каждому UI/UX-дизайнеру

Возможности искусственного интеллекта позволяют создать собственный персонализированный сайт. Предлагаем топ-10 ИИ-конструкторов сайтов, среди которых можно найти наиболее подходящего помощника.

23 шаблона проектирования для 99% разработчиков на Java

Изучим все важные шаблоны ООП для опытных и старших разработчиков не только Java, но и любых других языков. Кратко охарактеризуем каждый из порождающих, структурных и поведенческих шаблонов, рассмотрим примеры.

Как создать свой Twitter или управляемое данными приложение с Golang и Kafka

Сделаем легко масштабируемую систему с ML-алгоритмами для определения предпочтений пользователей. Заполним временну́ю шкалу, создадим тему, заведем задачу для получения и сохранения твитов из темы, проанализируем их с помощью тегирования.

Техника каррирования в JavaScript: суть, преимущества, примеры

Расскажем о такой эффективной технике в JavaScript, как каррирование. Продемонстрируем на практических примерах принцип ее действия и преимущества.

Знакомство с фабричным методом

Фабричный метод упрощает процесс создания объектов, делает код более удобным в обслуживании и обеспечивает ряд других преимуществ. Разберем принцип его работы на реальном примере создания игровых персонажей.

Tailwind CSS: как разработать продвинутую пользовательскую анимацию

Анимация с Tailwind CSS обеспечивает отличный пользовательский опыт. Ознакомьтесь с примерами, демонстрирующими различные эффекты анимации, такие как вращение, подпрыгивание, пульсация, переворачивание и покачивание.

Разветвление вселенной UI

В 2023 году нам предстоит увидеть новые версии пользовательского опыта. Ознакомьтесь с некоторыми из них, а заодно поразмышляйте над тем, нужно ли нам отказаться от пользовательского интерфейса вообще или стоит переосмыслить его в пользу более естественных, минималистичных и осязаемых вариантов?

React Native: полное руководство по созданию виджета для домашнего экрана для iOS и Android

Виджеты - это инструменты, которые делают домашний экран более привлекательным и предоставляют полезную информацию. Рассказываем, как создавать виджеты для Android и iOS и как внедрить их в приложение на React Native.

Как построить надежную фронтенд-архитектуру

Что такое дизайн «Feature Sliced» во фронтенд-архитектуре? Рассмотрим особенности и результаты применения дизайна, его достоинства и недостатки.

Топ-10 библиотек React для создания высокопроизводительных веб-приложений в 2023 году

Не все решения React предоставляются в готовом виде "из коробки". Поэтому приходится обращаться к дополнительным инструментам. Чтобы не тратить время на поиски подходящего фреймворка, воспользуйтесь обзором лучших библиотек React, помогающих эффективно решать различные проблемы.

Почему гейм-дизайнеру нужно программирование

Программисту не обязательно быть гейм-дизайнером, но каждый гейм-дизайнер должен быть программистом. Узнайте о том, почему навык написания кода жизненно важен в разработке игр и как им овладеть.

4 ключевых аспекта проектирования распределенных систем

Что конкретно подразумевают надежность, доступность, масштабируемость и обслуживаемость? В чем заключается важность этих характеристик распределенных систем?

11 ключевых принципов эргономики в UI-дизайне

Сегодня эргономичность пользовательского интерфейса - один из критериев его качества. Поэтому каждому разработчику, особенно начинающему, следует освоить основные принципы эргономики в UI-дизайне.

Объекты данных в Kotlin

Рассмотрим новый функционал Kotlin, который улучшает строковое представление object. Он особенно актуален, когда имеются иерархии запечатанных классов с другими классами данных, которые нужно занести в журнал или распечатать для отладки или аналитики.

design - Результаты поиска

Читайте также

Тесты