Web-разработка

Все что касается web-разработки: Front end, Back end, Full stack; HTML, CSS, JavaScript, фреймворки, технологии, безопасность и многое другое!

Лучшие практики API-авторизации

Лучшие практики API-авторизации

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

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

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

Совместное использование состояний между окнами без задействования сервера

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

21 лайфхак для новичков в JavaScript

В JavaScript есть эксклюзивные практики, которые используют профессионалы и о которых даже не подозревают новички. Ознакомьтесь с некоторыми из них, чтобы усовершенствовать свои навыки в написании кода и преуспеть в динамичном мире JavaScript-разработки.
5 типичных ошибок веб-разработчиков

5 типичных ошибок веб-разработчиков

Учиться лучше на чужих ошибках. Изучите подборку из 5 частых ошибок разработчиков  -  это лучший способ избежать их в собственной практике.
Раскройте возможности генераторов PHP

Раскройте возможности генераторов PHP

Как в PHP с версии 5.5 устраняется ошибка нехватки памяти? Пошагово рассмотрим применение генераторов, обратную отправку данных и возвращение значений. Приведем примеры практического использования.
Почему не стоит использовать localStorage

Почему не стоит использовать localStorage

Все еще используете localStorage? Тогда ознакомьтесь с IndexedDB - разумной альтернативой localStorage. IndexedDB - оптимальный инструмент для постоянного хранения данных - облегчит вам жизнь, особенно при использовании библиотеки-обертки.
Современная фронтенд-разработка: мир HTML, CSS, JavaScript и популярных фреймворков

Современная фронтенд-разработка: мир HTML, CSS, JavaScript и популярных фреймворков

Фронтенд-разработка - постоянно развивающаяся область, требующая от разработчиков адаптации к новым технологиям, практикам и лучшим cтандартам. Сегодня рассмотрим ее базовые основы, включая HTML, СSS и JavaScript, а также поговорим о более продвинутых концепциях.
Реализация React Query в веб-приложении

Реализация React Query в веб-приложении

Воспользуйтесь пошаговым руководством по интеграции в базовое веб-приложение библиотеки React Query. Она упрощает получение данных и управление состояниями в React-приложениях, делая код более эффективным и удобным.
Тренды UX/UI дизайна на 2024 год

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

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

Организация “глобальных” провайдеров во Flutter Riverpod с помощью миксинов

Изучите методы структурирования области применения провайдеров в Riverpod с помощью миксинов. Такой подход имеет как минимум 5 преимуществ и оказывается особенно полезным при масштабировании приложения и увеличении количества управляемых провайдеров.
Разработка веб-дэшбордов с использованием React, Material UI, Tailwind CSS и Nivo. Часть 2

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

В этой части серии статей создадим персонализированную цветовую схему и глобальные стили приложения. Будем использовать Tailwind CSS в качестве фреймворка для работы со стилями веб-приложения.
Синхронизация слайд-шоу между сеансами на Ruby on Rails и Hotwire

Синхронизация слайд-шоу между сеансами на Ruby on Rails и Hotwire

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

Размеченные объединения в TypeScript

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

8 советов, которые сделают JavaScript-код чище

Проблемный код, даже если он более или менее работает, требует больших затрат на поддержку. Отточить навыки создания чистого кода, хорошо читаемого и легко поддерживаемого, помогут 8 простых советов.
Разработка веб-дэшбордов с использованием React, Material UI, Tailwind CSS и Nivo. Часть 1

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

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

Современный подход к разработке Angular

Создавайте современные компонуемые приложения Angular с помощью Bit. Благодаря своим мощным возможностям, бесшовной интеграции с Angular и готовой поддержке Ripple CI, Bit - идеальное решение для разработчиков, стремящихся повысить свой профессиональный уровень и создавать качественные веб-приложения.
Искусство манипулирования массивами JavaScript: исследование метода Array.prototype.filter()

Искусство манипулирования массивами JavaScript: исследование метода Array.prototype.filter()

Говорят, что "дьявол кроется в деталях". Так почему бы не поискать его в недрах JavaScript? Совершите увлекательное путешествие в волшебное закулисье метода filter.
Хуки Mongoose: все, что нужно знать

Хуки Mongoose: все, что нужно знать

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

Создание UI-компонентов React на продвинутом уровне

Хотите создавать компоненты пользовательского интерфейса, как старший React-разработчик? Воспользуйтесь руководством по эффективному созданию компонента button. Усвоив его принципы, вы сможете разработать любой другой компонент без особых проблем.
Построение архитектуры данных реального времени с помощью Apache Kafka, Flink и Druid

Построение архитектуры данных реального времени с помощью Apache Kafka, Flink и Druid

Обработка пакетных данных в режиме реального времени - одна из наиболее сложных задач. Каждый этап, от доставки и обработки данных до их анализа, занимает определенное время. К счастью, для устранения этих задержек есть такие инструменты, как Apache Kafka, Flink и Druid.
Состояние гонки в Node.js: практическое руководство

Состояние гонки в Node.js: практическое руководство

Специалисты, имеющие отношение к параллельному проектированию, иногда сталкиваются с так называемым состоянием гонок. Сегодня поговорим о том, чем чревато такое явление, что его вызывает и как с ним бороться.
Проект инженерии данных с DAG Airflow «от и до». Часть 2

Проект инженерии данных с DAG Airflow «от и до». Часть 2

Проверим корректность данных, отправим письмо и сообщение в Slack с информацией об адресе почты и пароле. Объединим все части проекта, создадим и запустим DAG Airflow со всеми задачами.
Программирование будущего: беспилотный автомобиль, управляемый JavaScript и ИИ

Программирование будущего: беспилотный автомобиль, управляемый JavaScript и ИИ

Пытаетесь разгадать магию беспилотных автомобилей? Присоединяйтесь к программистам, увлекающимся автоматизированными транспортными средствами. Они помогут написать код, превращающий автомобиль в самоуправляемое чудо техники.
Шаблоны проектирования в React

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

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

Как интегрировать Cypress в Angular: полное руководство

Интеграция Cypress в Angular упрощает и оптимизирует тестирование веб-приложений. Предлагаем пошаговое руководство по настройке Cypress в проекте Angular, а также обзор ключевых и дополнительных возможностей Cypress как надежного и эффективного инструмента тестирования.
Добавление 3D-элементов на сайты с помощью Babylon.js и Vite

Добавление 3D-элементов на сайты с помощью Babylon.js и Vite

Хотите погрузиться в мир веб-разработки с 3D-элементами в 2024 году? Ознакомьтесь с актуальным решением по добавлению на сайты 3D-элементов, воспользовавшись пошаговым руководством по созданию базовой версии проекта Babylon.js + Vite.
Типы данных JavaScript

Типы данных JavaScript

Хотите иметь четкое представление о типах данных JavaScript? Вы на правильном пути! Понимание типов данных обеспечит сбор данных в предпочтительном формате, а значение каждого свойства будет соответствовать вашим ожиданиям.
Проект инженерии данных с DAG Airflow «от и до». Часть 1

Проект инженерии данных с DAG Airflow «от и до». Часть 1

В реальном проекте валидации электронной почты проиллюстрируем потоковую передачу данных с отправителем и получением сообщений в теме Kafka для Cassandra и MongoDB. Наличие почты и пароля определим с помощью получателя и проверки данных.
Как создать сетевой API с помощью Express.js, Bun и MongoDB

Как создать сетевой API с помощью Express.js, Bun и MongoDB

С появлением Bun - среды выполнения JavaScript, заменившей Node.js, - создавать высокопроизводительные API стало гораздо проще. Предлагаем пошаговое руководство по разработке сетевого API с помощью Express.js, MongoDB и Bun.
7 приложений и сайтов, которые облегчат работу UX/UI дизайнера

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

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

Создание базовой чат-системы с использованием node.js и socket.io

Пошаговое руководство поможет создать простейшее чат-приложение с помощью серверной платформы node.js и библиотеки socket.io. Чат-бот сможет отвечать на заданные вопросы и послужит для заказа билетов, еды и прочих продуктов или услуг.
Обработка событий в JavaScript: всплытие, перехват, делегирование и распространение событий

Обработка событий в JavaScript: всплытие, перехват, делегирование и распространение событий

JavaScript поможет сделать веб-приложение интерактивным и отзывчивым. Важно только освоить методы обработки событий, которые заставляют приложения адекватно реагировать на действия пользователей и предотвращают неожиданное поведение.
Принципы SOLID в React: так ли все с ними гладко?

Принципы SOLID в React: так ли все с ними гладко?

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

Волшебство веб-разработки: создаем цифровую страну чудес

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

Как реализовать простой контроль версий с помощью JavaScript, чтобы лучше разобраться в Git

Git - эффективная система, предназначенная для контроля версий и отслеживания истории исходного кода. Изучим внутреннее устройство Git, реализуя его упрощенную версию.
Раскрываем силу JavaScript: сокращение размера пакета NPM на 99%

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

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

Работа с WebAssembly в Golang

WebAssembly - это удобный стандарт для компилирования приложений, который отличается быстротой и производительностью. Сегодня попытаемся создать проект, применив потенциал языка Go и технологии WebAssembly.
Циклы в JavaScript

Циклы в JavaScript

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

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

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

Первые шаги в JavaScript: создание калькулятора

Начинаете осваивать JavaScript? Создание простого калькулятора позволит вам оценить его возможности. Вы получите базовое представление о синтаксисе JavaScript и о том, как использовать его для создания интерактивных веб-приложений.
Не бойтесь генераторов JavaScript

Не бойтесь генераторов JavaScript

Все еще пренебрегаете генераторами JavaScript? И совершенно напрасно. Узнайте, как использовать эти мощные средства для управления асинхронным программированием, создания итерируемых объектов и выдачи нескольких значений.
Как работает Supabase  -  альтернатива облачной платформе Firebase

Как работает Supabase  —  альтернатива облачной платформе Firebase

Supabase - инструмент с открытым исходным кодом, который не стоит игнорировать. Он не только доступнее и надежнее, чем Firebase, но и обладает впечатляющим спектром возможностей.
Создание приложения для отслеживания фильмов с помощью HTML, CSS и JavaScript

Создание приложения для отслеживания фильмов с помощью HTML, CSS и JavaScript

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

Продвинутые техники PHP. Часть 2

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

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

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

Компиляция TypeScript в нативный код

Представляем Static Hermes - новое поколение движков JavaScript. Ключевой особенностью его является опциональная компиляция JavaScript с указанием типов в нативный код, обеспечивающая предсказуемую производительность на уровне C и C++.
Как разделить монолитное приложение на микрофронтенды

Как разделить монолитное приложение на микрофронтенды

Посмотрим, как разбить большое приложение на более мелкие и независимые компоненты. Это улучшает масштабируемость и гибкость приложения, а также делает более удобным сотрудничество между командами.
Почему в React важен порядок вызова хуков?

Почему в React важен порядок вызова хуков?

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

Основные различия между React.js и React Native

Раскройте для себя уникальные аспекты двух мощных технологий - React.js и React Native. Это позволит вам в полной мере оценить потенциал универсальной React-библиотеки. Кроме того, вы узнаете, легко ли веб-разработчику React освоить разработку React Native.
5 недооцененных возможностей JavaScript

5 недооцененных возможностей JavaScript

Скорее всего, вы не используете эти 5 методов работы с JavaScript. Их можно отнести к одним из самых недооцененных возможностей TypeScript. Впрочем, у вас есть шанс восполнить этот пробел.
Реализация паттерна доступа к данным при работе с Drizzle

Реализация паттерна доступа к данным при работе с Drizzle

Поговорим о том, почему подход, основанный на использовании данных, является секретным оружием успешных бэкенд-проектов. Овладеть им поможет Drizzle - система, которая упрощает и ускоряет моделирование данных, позволяя минимизировать ошибки.
Прощайте, useState и useEffect: революция в React

Прощайте, useState и useEffect: революция в React

Несмотря на свою эффективность, useState и useEffect - не универсальные решения. Представляем набор приемов, которые прокачают ваши навыки и позволят эффективнее справляться с получением и загрузкой данных.
8 продвинутых вопросов для собеседования по JavaScript

8 продвинутых вопросов для собеседования по JavaScript

Хотите стать JS-специалистом? Тогда стоит детально разобрать ключевые вопросы для собеседования по JavaScript. Это поможет вам усвоить основные понятия и успешно ответить на другие вопросы.
Новые API браузера, необходимые каждому веб-разработчику

Новые API браузера, необходимые каждому веб-разработчику

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

Почему разрабатывать веб-интерфейсы так сложно?

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

WebAssembly: секретное оружие в разработке высокооптимизированных и безопасных веб-приложений

Многие эксперты связывают будущее эффективных и безопасных вычислений с WebAssembly. Узнайте, в чем заключаются достоинства этого секретного оружия веб-разработчика и почему оно заслуживает вашего внимания.
Итераторы и генераторы в JavaScript

Итераторы и генераторы в JavaScript

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

Bun или Node: бенчмаркинг бессерверных сред выполнения на AWS Lambda

В начале сентября был анонсирован Bun - новый конкурент Node. Судя по анонсу, Bun - это модернизированная альтернатива Node с улучшенным опытом разработки JS-приложений и более высокой производительностью. Выяснить, так ли это, помогут результаты тестирования Bun и Node.
Микросервисы gRPC в NestJS: пошаговое руководство

Микросервисы gRPC в NestJS: пошаговое руководство

Протокол gRPC (Remote Procedure Call) обеспечивает эффективное взаимодействие между микросервисами, способствуя повышению производительности и масштабируемости приложений NestJS. Рассмотрим возможности gRPC при обмене сообщениями между микросервисами, написанными на NestJS.
10 конструкторов сайтов с ИИ, которые стоит попробовать каждому UI/UX-дизайнеру

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

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

Создание кольцевой диаграммы на JavaScript

Предлагаем пошаговое руководство по созданию и настройке на JavaScript интерактивной кольцевой диаграммы. Следуя ему, вы приобретете навыки и знания, которые позволят создавать персонализированные кольцевые диаграммы.
Использование WebSocket с Python

Использование WebSocket с Python

WebSocket позволяет создавать долговременный канал связи между клиентом и сервером, что устраняет недостатки протокола HTTP. Рассмотрим создание сервера и клиента WebSocket на Python.
Проблема устаревших замыканий и способы ее решения в React. Часть 2

Проблема устаревших замыканий и способы ее решения в React. Часть 2

В этой части руководства вы узнаете, как не угодить в ловушку устаревших замыканий в распространенных скриптах React, таких как useCallback, React.memo, Ref.
Обработка ошибок в TypeScript без try/catch

Обработка ошибок в TypeScript без try/catch

В отличие от TypeScript, в Go и Rust всегда известно, где возникнет ошибка. А можно ли сделать обработку ошибок в TypeScript такой же, как в Go и Rust, без использования try/catch? Предлагает простое решение.
Проблема устаревших замыканий и способы ее решения в React. Часть 1

Проблема устаревших замыканий и способы ее решения в React. Часть 1

Хотите проникнуть в одну из самых страшных тайн JavaScript-кода, называемую "устаревшими замыканиями"? Первая часть руководства поможет понять, что такое замыкания, почему они возникают и в чем заключается проблема устаревших замыканий.
Нужно ли дизайнеру уметь писать код?

Нужно ли дизайнеру уметь писать код?

Что важнее для дизайнера - писать код или уметь работать с ним? А может, достаточно овладеть навыками командной работы? Порассуждаем на эту тему.
10 ключевых концепций JavaScript

10 ключевых концепций JavaScript

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

Разделение пользовательского интерфейса и логики в React: чистый код с безголовыми компонентами

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

Почему стоит задуматься о разработке статических сайтов

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

Обзор 10 приемов JavaScript для эффективного программирования

Пополни знания JavaScript 10 эффективными приемами и начни использовать его возможности по максимуму.
Как правильно обрабатывать события

Как правильно обрабатывать события 

Немного поэкспериментируем. Возьмем простой дочерний компонент в двух вариантах (генерация события и использование функции в качестве входного параметра) и сравним их по ключевым показателям.
Техника каррирования в JavaScript: суть, преимущества, примеры

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

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

Refs в React: от доступа к DOM до императивного API

React достаточно удобный инструмент для создания веб-приложений. Еще больше его возможности расширяют рефы (Ref или Reference), действующие как ссылки на элементы кода React и упрощающие решение нестандартных задач.
Tailwind CSS: как разработать продвинутую пользовательскую анимацию

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

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

Прощай, Ramda

Несмотря на свои сильные стороны, Ramda не всегда подходит для написания эффективного и понятного кода. Рассмотрим случаи, когда стоит придерживаться современного нативного JavaScript и Lodash.
Как реализовать feature gate в React

Как реализовать feature gate в React

Предлагаем доступное руководство по реализации feature gate. Этот простой, но мощный механизм позволит легко управлять выпуском новых функций.
Тест-драйв Solara для разработки веб-приложений на Python

Тест-драйв Solara для разработки веб-приложений на Python 

Протестируем возможности фреймворка Solara в процессе создания приложения-планировщика на Python. Выявим его достоинства и недостатки и сравним со Streamlit.
Как инженеру-программисту Reactjs перейти на Swift и SwiftUI

Как инженеру-программисту Reactjs перейти на Swift и SwiftUI 

Узнаем, как плавно перейти с ReactJS на Swift и SwiftUI. Для этого сопоставим их наиболее распространенные шаблоны проектирования.
Введение в Page Visibility API

Введение в Page Visibility API

Познакомимся с Page Visibility API, рассмотрим его назначение, принцип работы, область применения и практические примеры.
React Native: полное руководство по созданию виджета для домашнего экрана для iOS и Android

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

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

Сбросы базовых CSS-стилей для применения в любом приложении

Устали переписывать снова и снова базовые CSS-стили? Предлагаем код со сбросами, который можно вставить в корневой CSS-набор любого проекта.
Как работает JavaScript Proxy

Как работает JavaScript Proxy

Раскройте для себя возможности JavaScript Proxy, углубившись в настройку операций с объектами и контроль над ними. Используя JavaScript Proxy, вы будете создавать надежные и безопасные приложения.
5 ведущих веб-фреймворков 2023 года

5 ведущих веб-фреймворков 2023 года

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

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

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

5 важных моментов из JavaScript, которые помогут избегать ошибок

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

Как реализовать функциональность перетаскивания с помощью React Beautiful Dnd

Овладейте искусством создания бесшовных и визуально привлекательных взаимодействий с перетаскиванием в React-приложениях с помощью библиотеки React Beautiful Dnd.
Будущее CSS: новейшие возможности языка декорирования в 2023 году

Будущее CSS: новейшие возможности языка декорирования в 2023 году

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

На что способен Selenium в паре с JavaScript?

Что получится, если совместить Selenium WebDriver и JavaScript? Ответ: море преимуществ в процессе веб-разработки, повышенная эффективность и качественный результат.
Руководство по AWS: настройка экземпляра EC2 для развертывания приложений Java

Руководство по AWS: настройка экземпляра EC2 для развертывания приложений Java

Запустим и настроим экземпляр EC2 для среды Java на AWS. Установим в нем дополнительное ПО, протестируем.
Оптимизация ресурсов в Node.js

Оптимизация ресурсов в Node.js

Ресурсы приложения - вещь дефицитная. Узнайте, как оптимизировать их работу, чтобы повысить стабильность, производительность и эффективность системы. Научитесь использовать потенциал Node.js по максимуму!
Интеграция Django с материализованными представлениями PostgreSQL

Интеграция Django с материализованными представлениями PostgreSQL

Предлагаем пошаговое руководство по интеграции Django с материализованными представлениями PostgreSQL. Вы узнаете, как настроить ORM Django на полную поддержку материализованных представлений с возможностью создавать и обновлять материализованные представления с помощью системы миграции Django.
Как создать HTTP-фреймворк «Hello World!» на Rust

Как создать HTTP-фреймворк «Hello World!» на Rust

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

18 продвинутых навыков JavaScript для старших инженеров-программистов

Эти лайфхаки помогут эффективно решать проблемы с браузером, изображениями, DOM-элементами и JS-скриптами. Они позволят вам подняться на новый уровень профессионализма, а вашим пользователям обеспечат максимальный комфорт.
Доступная и масштабируемая 3-уровневая архитектура AWS

Доступная и масштабируемая 3-уровневая архитектура AWS

Построим структуру AWS, как трехуровневый торт: с уровнями веба, приложения и базы данных. Подготовим основу - виртуальное частное облако VPC, создадим подсети, шлюзы, маршрутную таблицу, шаблон запуска, группу автомасштабирования. Разберем значение и вклад каждого уровня.
Топ-10 библиотек React для создания высокопроизводительных веб-приложений в 2023 году

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

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

Sniper-CSS: как избавиться от неиспользуемых стилей 

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

Как определить и протестировать SLO

SLO - уровень удовлетворенности пользователей производительностью сервиса. Предлагаем подробное руководство по определению и тестированию SLO для REST API с помощью Grafana Labs K6.
6 современных возможностей JavaScript, о которых не знает большинство разработчиков

6 современных возможностей JavaScript, о которых не знает большинство разработчиков

Современному JavaScript есть что предложить разработчикам для решения насущных задач. Эти 6 советов помогут писать лаконичный, хорошо читаемый и отлично работающий код JavaScript.
Зачем усложнять разработку с AWS Lambda?

Зачем усложнять разработку с AWS Lambda?

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

Как выглядит нескучный модульный лендинг React

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

Движки JavaScript. Часть 2: генерация кода и базовые оптимизации

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

Цикл For…of в JavaScript

В JavaScript много операторов цикла: оператор whileоператор do...whileоператор forоператор for...inоператор for...of Их основная функция: повторять действия до тех пор, пока не будет выполнено определенное условие. В этой статье мы узнаем, как работает...
Как создать интересный онбординг и привлечь пользователей с первого взгляда

Как создать интересный онбординг и привлечь пользователей с первого взгляда

Есть много способов поприветствовать новых посетителей сайта, приложения или платформы. Грамотный онбординг может стать тем важным звеном, которое будет привлекать пользователей и побуждать их...
PWA

Прогрессивные веб-приложения для начинающих

Недавно мир приложений разделился на две категории: появились приложения для устройств Android и iOS. Возможно, многие слышали о прогрессивных веб-приложениях (PWA), однако не знакомы...