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

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

Уменьшаем размер образа Docker для приложения Next.js

Уменьшаем размер образа Docker для приложения Next.js

Как избавиться от ненужных файлов в образе докера? Выполним контейнеризацию приложения и простую оптимизацию размеров образа Docker.
Расширение Chrome для поиска акций на eToro с помощью скринера акций FINVIZ

Расширение Chrome для поиска акций на eToro с помощью скринера акций FINVIZ

Больше не нужно переключать вкладки, чтобы узнать, есть ли конкретная акция на eToro. Представляем вашему вниманию расширение, которое сделает эту работу за вас!
Как обеспечить работу современного кода Javascript во всех браузерах

Как обеспечить работу современного кода JavaScript во всех браузерах

После введения ES6 в старых браузерах и JS-движках возникают проблемы с новыми функциями и синтаксическими конструкциями. Предлагаем простейшие способы разрешения этих проблем.
Настройка проекта TypeScript с помощью ESLint, Prettier и VS Code

Настройка проекта TypeScript с помощью ESLint, Prettier и VS Code

Собираетесь работать с проектом Typescript? Не забудьте настроить для него подходящую среду!
Меняем Async/Await на Promises.allSettled() для ускорения API-вызовов в Node.JS

Меняем Async/Await на Promises.allSettled() для ускорения API-вызовов в Node.JS

Узнаем, откуда берется замедление при одновременном изменении более 50 записей и как в 10 раз ускорить операцию массового редактирования записей. Используем promise, чтобы не ждать возвращения каждого запроса на изменение, прежде чем делать следующий, и сэкономить много времени.
Использование WebSocket с Python

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

WebSocket позволяет создавать долговременный канал связи между клиентом и сервером, что устраняет недостатки протокола HTTP. Рассмотрим создание сервера и клиента WebSocket на Python.
6 советов, как улучшить работу UX-дизайнера

6 советов, как улучшить работу UX-дизайнера

За последнее время я помогла многим друзьям найти свое место в области дизайна пользовательского опыта. В ходе наших бесед, я вспомнила, как 10 лет...
Laravel: неизвестный, но эффективный способ реализации фильтров в Eloquent

Laravel: неизвестный, но эффективный способ реализации фильтров в Eloquent

Фильтровочный конвейер: как его задействовать для построения запроса пользователей в Eloquent с применением фильтрации? Научимся реализовывать простой и выполнимый процесс фильтрации с конвейером.
Основы разработки приложений: уровень клиента

Основы разработки приложений: уровень клиента

Современное веб-приложение - сложный программный продукт. Обратившись к эволюции веб-приложения, в процессе которой значительно повысилось качество этого продукта, можно лучше понять принципы его работы на уровне клиента.
Применение методов Bind(), Call(), and Apply() в JavaScript

Применение методов Bind(), Call(), and Apply() в JavaScript

Традиционно в JavaScript предоставляются объекты, обладающие собственными свойствами и методами. Например, object1 не может воспользоваться методами object2 и наоборот.  Однако есть способ обойти это ограничение.  Вы...
Web Development

Удаленные вызовы процедур с запросом-ответом

За последние два года я много работал с удаленными вызовами процедур (RPC), применяя этот подход для взаимодействия между нашими микро-сервисами. В подобных ситуациях RPC...
Реализация React Query в веб-приложении

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

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

Как работает JavaScript: массивы и хэш-таблицы

Структуры данных позволяют не только хранить данные, но и манипулировать ими. Изучение методов и операций, применяемых к структурам данных в JavaScript, позволит вам решать важнейшие бизнес-задачи, в частности повысить эффективность предлагаемого продукта.
Angular: как с функцией inject() сэкономить 1000 строк кода

Angular: как с функцией inject() сэкономить 1000 строк кода

В чем преимущества функции inject() по сравнению с конструкторами? Рассмотрим реальный пример, ссылки на коммиты  -  внутри.
Шаблон проектирования "Цепочка ответственности" в TypeScript

Шаблон проектирования “Цепочка ответственности” в TypeScript

Нужно уменьшить зависимость между клиентом и обработчиками? Хотите реализовать принцип единственной ответственности, а заодно принцип открытости/закрытости? Во всех этих случаях выручит шаблон проектирования "Цепочка ответственности".
7 бесплатных API для уникальных приложений

7 бесплатных API для уникальных приложений

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

Мой опыт спустя год работы с React

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

Для подготовки к собеседованию: 10 задач по промисам JavaScript

Вам предстоит собеседование по JavaScript? Скорее всего, вас спросят о том, как использовать промисы. Эти задачи с пояснениями и иллюстрациями помогут к этому подготовиться.
Базовые команды при работе с узлами K8s

Базовые команды при работе с узлами K8s

В данной статье мы вспомним основы, чтобы прояснить суть ряда операций при работе с узлами кластера.  Тестовый кластер  Рассмотрим только что созданный кластер kubeadm, состоящий из...
Проблема устаревших замыканий и способы ее решения в React. Часть 2

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

В этой части руководства вы узнаете, как не угодить в ловушку устаревших замыканий в распространенных скриптах React, таких как useCallback, React.memo, Ref.
Почему не стоит использовать localStorage

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

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

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

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

Веб-скрапинг с помощью Node.js — Часть 2

Предыдущие части: Часть 1 В предыдущей статье я рассказывал о том, как извлекать статические данные с помощью Node.js. В настоящее время сайты приобретают более динамический характер,...
Map, CompactMap и FlatMap в Swift

Map, CompactMap и FlatMap в Swift

Знакомимся с альтернативным способом работы с массивами и словарями, с помощью которого можно получить более лаконичный и читаемый код.
VueJS

Фильтры в Vue.js

Фильтры Vue JS играют большую роль при разработке пользовательского интерфейса для приложений. Что это такое и в чем их преимущества? Рассмотрим особенности фильтров и пример создания приложения с их применением.
Почему я перешёл на Lite после 3-х лет пользования Visual Studio Code

Почему я перешёл на Lite после 3-х лет пользования Visual Studio Code

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

Ведущие тенденции веб-разработки в 2019 году

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

Минималистичная конфигурация терминала с возможностью тонкой настройки

Мой терминал настроен очень минималистично. Это просто черный ящик, который сообщает мне полезную информацию. Основное удобство в том, что каждый его аспект имеет собственный...
7 полезных атрибутов HTML, о которых не все знают

7 полезных атрибутов HTML, о которых не все знают

Каждый веб-разработчик должен иметь навыки использования HTML. Без знания этого языка нельзя стать стать настоящим профессионалом. Любой сайт в интернете создан на основе HTML,...
Node.js — не однопоточная система

Node.js — не однопоточная система

А вы раскрыли для себя секрет потрясающей производительности Node.js? Знаете, какую роль в этом играет библиотека libuv? В любом случае предлагаем углубиться в архитектуру Node.js, чтобы понять, как однопоточной программе удается развивать молниеносную скорость.
Git

Индексирование коммитов с Git Add Patch

Для разработчика нет, наверное, ничего более увлекательного, чем запуск нового проекта. Начинается он с разработки доменной модели и планирования логики предметной области. Затем происходит...
Создание пользовательских уведомлений с помощью AWS WebSockets

Создание пользовательских уведомлений с помощью AWS WebSockets

Четвертая часть серии статей по WebSocket. Здесь мы узнаем, какие бывают типы пользовательских уведомлений и реализуем их в своем проекте.
Подробный разбор методов Ruby

Подробный разбор методов Ruby

Вы когда-нибудь задумывались о том, что происходит при написании кода на самом деле? Я много думаю об этом. И, будучи разработчиком Ruby, часто использую...
Как работает архитектурный паттерн "модель-вид-контроллер"

Как работает архитектурный паттерн «модель-вид-контроллер»

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

Что должен знать хороший фронтенд-разработчик

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

Как преобразовать функции JavaScript в генераторы, эффективно использующие память

Ключевое слово yield используется в JavaScript для приостановки выполнения функций. При повторном вызове функции ее выполнение продолжается с последнего оператора yield. Функция, возвращающая (yields) значения,...
Как использовать JavaScript для сокращения HTML-кода

Как использовать JavaScript для сокращения HTML-кода

Как написать эффективный и легкий для отладки код? Это задача, над которой бьются многие программисты. Одним из ее решений является использование JavaScript. Посмотрите, как это можно сделать, на примере создания сайта-блога.
Интерфейсы с вкладками без JavaScript

Интерфейсы с вкладками без JavaScript

Все больше и больше хитрых интерфейсных функций опираются на JavaScript, из-за чего создают проблемы доступности. Даже с учетом того, что на сегодняшний день JS...
Web Development

Создание предметно-ориентированных микросервисов

Определение Приставка “микро” в термине микросервисы является не только показателем размера сервиса. При переходе на архитектуру микросервисов команды стремятся повысить свою подвижность, а именно получить...
React

Фрагменты в React

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

Подробно о перечислениях в Typescript

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

Как развернуть веб-приложение Streamlit в сети: три простых способа

Рассмотрим несколько вариантов развертывания веб-приложений Streamlit в облаке, которые позволяют легко, быстро, а также бесплатно делиться проектами с другими пользователями.
Создание UI-компонентов React на продвинутом уровне

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

Хотите создавать компоненты пользовательского интерфейса, как старший React-разработчик? Воспользуйтесь руководством по эффективному созданию компонента button. Усвоив его принципы, вы сможете разработать любой другой компонент без особых проблем.
Интеграция Rust в Next.js: практическое руководство для разработчика

Интеграция Rust в Next.js: практическое руководство для разработчика

Как добавить Rust в свой инструментарий и проекты? Рассмотрим различные варианты развертывания кода Rust на Vercel с написанием конечных точек API, общие закономерности разработки API, проблемы применения Rust в продакшене. Весь код и примеры ― в шаблоне.
Как написать тест-раннер в 80 строк кода на JavaScript/TypeScript

Как написать тест-раннер в 80 строк кода на JavaScript/TypeScript

Сделаем простой тест-раннер на nodejs с включением всех основных требований и почти без зависимостей. Разберем также самую интересную часть реализации - API на JavaScript из SWC.
Geist UI: Утонченная эстетика UI в React

Geist UI: Утонченная эстетика UI в React

Знакомимся с библиотекой Geist UI и ее чудо-возможностями, благодаря которым вы сможете легко менять темы и создавать эстетичные интерфейсы для своих веб-приложений.
Аспектно-ориентированное программирование в JavaScript

Аспектно-ориентированное программирование в JavaScript

Кто из программистов JavaScript не знает об объектно-ориентированном (ООП) или функциональном программировании (ФП)?! Но вот слышали ли вы об аспектно-ориентированном (АОП)?  Что самое интересное, АОП...
Web Development

Руководство разработчика по оптимизации скорости работы веб-сайтов

Я много размышляю о том, как можно оптимизировать сайты, чтобы они работали быстрее. Ценность времени всё больше возрастает, и никому не нравится ждать, пока...
UX или UI  -  на что уделить внимание?

UX или UI  -  на что уделить внимание?

Дизайнеры со всего мира часто и сами затрудняются ответить, что важнее  —  UI- или UX-дизайн. Мало кто воспринимает эти интерфейсы по отдельности и мало...
Тестирование производительности приложения в браузере Chrome

Тестирование производительности приложения в браузере Chrome

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

Flutter против React Native: правильный выбор может определить успех вашего проекта

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

Почему React негативно повлиял на веб-разработку

Недавно я представлял нашу компанию на конференции разработчиков .debug. Целью моего посещения было привлечение специалистов к обмену мнениями. Идея состояла в том, чтобы создать своего...
5 непростых вопросов по JavaScript

5 непростых вопросов по JavaScript

Разберем пять непростых вопросов: о сравнениях, пустых массивах, странном try catch, стрелочной функции и коварном JSON.stringify. Сможете ответить на них правильно?
Как правильно обрабатывать события

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

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

PurePWA — радикальный поворот в веб-разработке

Все еще находитесь в плену у выбранного раз и навсегда фреймворка? Пересмотрите свой подход и почувствуйте первозданную силу чистых веб-стандартов.
10 ключевых концепций JavaScript

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

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

Как улучшить производительность сайта с помощью мониторинга реальных пользователей

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

Краткая история инструментов веб-дизайна

Как сильно поменялись дизайнерские инструменты со времен падения технологии Xerox в 80-х? Давайте выясним это и многое другое. Когда в середине 1980-х работники компании Xerox...
Почему каркасы бесполезны?

Почему каркасы бесполезны?

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

Глубокое погружение в замыкания JavaScript 

Вероятно, вы часто используете замыкания в коде, даже не осознавая этого. Может показаться, что замыкания - одна из самых труднопостижимых концепций в JavaScript. Мы докажем, что это не так, подробно разобрав алгоритм их работы.
Глубокое погружение в Nuxt.js

Глубокое погружение в Nuxt.js

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

Создание приложения для распознавания лиц с помощью Tensorflow.js

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

Перехват ошибок в компоненте React

Поговорим о механизме перехвата ошибок из компонента и отображении резервного компонента («ErrorComponent») в случае возникновения ошибки при отображении компонента. В статье речь пойдёт о следующих...
Основы синтаксиса PHP

Основы синтаксиса PHP

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

Лучшие генераторы статических сайтов для React в 2019 году

До того, как CMS захватили интернет, на его просторах господствовали статические сайты, и казалось, что они остались в прошлом. Но сегодня статические сайты переживают...
TypeScript: продвинутые типы и их скрытые возможности

TypeScript: продвинутые типы и их скрытые возможности

Признанный во всем мире TypeScript поражает своими возможностями. Но все ли из них вам известны? Погрузитесь в систему TS, чтобы открыть для себя новые возможности использования свойств-аксессоров, условных типов, вывода и рекурсии типов.
Практическое введение в Composition API Vue 3

Практическое введение в Composition API Vue 3

Composition API  —  это отличный способ делиться логикой приложения между компонентами в Vue.js. Вы сможете не только организовать повторяющиеся фрагменты кода в отдельные файлы,...
CSS

Создание эффектов при прокрутке

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

Понимание врапперов в Swift

Наряду со многими новыми функциями, которые появились в Swift 5.1, одна из самых интересных —  это врапперы свойств. По сути врапперы находятся между поведением свойств...
Как развернуть приложение на Vercel

Как развернуть приложение на Vercel

Быстро, доступно и легко! О чем идет речь? О развертывании приложения на платформе Vercel. Поделимся успешным практическим опытом и подробными пошаговыми инструкциями.
Vue

Какие нововведения для веб-разработки представит Vue 3.0?

В ноябре прошлого года создатель Vue, Эван Ю, продемонстрировал ключевые обновления на Vue 3.0, благодаря которым Vue станет более эффективным, модульным и простым в...
Двоичный интерфейс приложения - родственник API с нижнего уровня

Двоичный интерфейс приложения — родственник API с нижнего уровня

Краткое ознакомление с ABI для тех, кто хочет более глубоко разобраться в принципах работы программного обеспечения. Здесь мы рассмотрим, что это за интерфейс, как он устроен, и в каких случаях играет важную роль.
ТОП-5 признаков качественного продуктового дизайна

ТОП-5 признаков качественного продуктового дизайна

Как отличить хороший дизайн от плохого? Хороший дизайн  —  это четкое понимание предпочтений пользователей. Один из самых выдающихся дизайнеров 20 века Дитер Рамс как-то...
Software Development

Новый взгляд на старые истины: принцип «Не повторяйся!» (DRY)

Первый принцип, с которым вы знакомитесь, начиная свой путь в мир разработок ПО и записывая первые строки кода, — это постулат DRY (“Не повторяйся”). А как...
Rust

Изучаем WebAssembly с помощью Rust

Внимание: с этой статьёй вы не освоите Rust, зато сможете быстро разобраться и приступить к работе с WASM, используя замечательный инструментарий wasm-pack и интуитивно...
Как создать сетевой API с помощью Express.js, Bun и MongoDB

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

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

Из финансов в разработку: как стать инженером-программистом

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

Прощай, Ramda

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

JavaScript async/await: что хорошего, в чём опасность и как применять?

Механизм async/await , представленный ES7, является фантастическим улучшением асинхронного программирования с использованием JavaScript. Он предоставил возможность использовать код, написанный в синхронном стиле, для асинхронного доступа к...
Обзор функциональностей CSS, которые появились в 2022 году

Обзор функциональностей CSS, которые появились в 2022 году

Познакомимся с новыми функциональностями CSS 2022 года. Они отражают современные тенденции в развитии языка и нацелены на улучшение стилизации веб-страниц.
VsCode

10 рекомендаций по ускорению рабочего процесса в Visual Studio Code

Как только вы попадаете в поток мыслей, продуктивность мышления возрастет многократно. Вы начинаете набивать код так быстро, как только возможно, с трудом удерживая вниманием...
UI & UX Design

10 способов улучшить выпадающие списки в дизайне UI и UX

Выпадающие списки являются одним из наиболее широко используемых и универсальных инструментов для дизайнеров UI и UX. С их помощью можно с легкостью сгруппировать множество...
UX

Основы дизайна, которые должен знать каждый креативщик

Обычный поиск в Google по запросу “образовательные онлайн-ресурсы по дизайну” даёт миллионы результатов — вовсе неудивительно, что понимание того, с чего начинать изучение, может показаться дизайнеру-новичку...
Как защитить текст от комбинации Ctrl+F в браузере

Как защитить текст от комбинации Ctrl+F в браузере

До сих пор не существует простого способа скрыть содержимое веб-страницы от функции find-in-page. Тем не менее поиски обходных путей все еще ведутся.
8 советов по разработке на JavaScript, которые освободят вас от переработок

8 советов по разработке на JavaScript, которые освободят вас от переработок

Возьмите на заметку несколько полезных рекомендаций по разработке на JavaScript. Следуя им, вы будете прогрессировать, не перерабатывая при этом.
API, WebSocket или WebHook: что выбрать?

API, WebSocket или WebHook: что выбрать?

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

Как работает новый await верхнего уровня в JavaScript

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

10 инструментов, которые упростят жизнь веб-разработчика

Как разработчик, я считаю, что расширения для браузера  —  отличный способ повысить свою продуктивность. За время работы я составил список инструментов в Chrome, которые...
OOP

Объектно-ориентированное программирование для самых маленьких

Вы когда-нибудь замечали, что на собеседованиях задают одни и те же клишированные вопросы? Уверен, вы поняли, что я имею ввиду. Ну вот, к примеру: Кем вы видите...
JavaScript

Множества ES6 в JavaScript. Зачем?

Что такое множество? Это набор уникальных значений  —  ни одно из них не возникает дважды или более раз. Это единственное ограничение, которое делает множество значений...
Три функции JavaScript для освоения метода Reduce

Три функции JavaScript для освоения метода Reduce

Функции редьюсера просты, но их сложно освоить. Минималистичные решения, которые они реализуют, часто слишком абстрактны для начинающих разработчиков. Трудно представить почти безграничные возможности их...
Создание многократно используемых компонентов React оптимальным способом

Создание многократно используемых компонентов React оптимальным способом

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

Собеседование по Angular: ответы на часто задаваемые вопросы

Тщательная подготовка к собеседованию по Angular значительно повысит ваши шансы на успех. Чтобы произвести впечатление на интервьюера, нужно изучить не только основы, но и продвинутые концепции. Предлагаем ответы на главные вопросы собеседования и советы от профессионалов.
Airflow и Kubernetes  -  лучшее решение для конвейеров данных Geoblink

Airflow и Kubernetes  -  лучшее решение для конвейеров данных Geoblink

Конвейеры данных в Geoblink  Кто в Geoblink не любит видео игры! И нет смысла отрицать. Мы любим их настолько, что каждый раз называем в их честь...
Что не так с новыми логотипами приложений Google

Что не так с новыми логотипами приложений Google

К этому моменту вы, скорее всего, уже видели новые логотипы приложений Google Workspace (ранее G Suite) для продуктивной работы, таких как Gmail, Google Drive...
Совместное использование компонентов React с Webpack 5

Совместное использование компонентов React с Webpack 5

Поработаем с двумя приложениями и научимся совместно использовать компоненты React между ними. А поможет нам в этом важном деле плагин Webpack 5 Module Federation.
JavaScript превращается в TypeScript?

JavaScript превращается в TypeScript?

В интернете резко возросло количество пользователей, проводящих онлайн более 6 часов в день. Такой скачок привел к увеличению спроса на вакансии в сфере веб-разработки,...
Самый уродливый шаблон React

Самый уродливый шаблон React

Как обновлять состояние при изменении свойства? Что предпочтительнее: рекомендованный шаблон из новой документации или хуки?
Java Script

Компоновщик в JavaScript

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

Понятие о горячей замене модулей в Webpack

В разработке приложения на JavaScript есть одна особенность: каждый раз при сохранении изменений кода для обновления пользовательского интерфейса приходится перезагружать браузер. Для отслеживания изменений в...
В чем разница между ListView и RecyclerView?

В чем разница между ListView и RecyclerView?

Как Android-разработчик, вы наверняка стоите перед выбором: RecyclerView или ListView? Настало время выяснить, когда стоит использовать каждый из этих виджетов. Правильный выбор позволит вам обеспечить идеальный пользовательский опыт.
JavaScript

Как улучшить производительность сайта с помощью мониторинга реальных пользователей

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

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

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

Инструкция для новичка: как программировать дополненную реальность для Smart Glass

Обзор В этом туториале я поделюсь основной информацией об умных очках. Затем, используя пример проекта с хакатона, проведу вас через весь процесс. А начнем мы...
Знакомьтесь, компонент Navigation в Android!

Знакомьтесь, компонент Navigation в Android!

Что такое компонент Navigation?  Всем известно, что навигация между экранами является одним из фундаментальных принципов в приложениях Android. Как правило, мы осуществляем ее при помощи...