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

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

ТОП-25 библиотек React 2021–2022: новые, полезные, но малоизвестные пакеты JavaScript

ТОП-25 библиотек React 2021–2022: новые, полезные, но малоизвестные пакеты JavaScript

React Content Loader, React Filepond, React Select, React Query, React Hook Form, React Infinite Scroller и другие библиотеки JavaScript
Создаем на JavaScript приложение записи заметок в реальном времени

Создаем на JavaScript приложение записи заметок в реальном времени

Подробная инструкция, включая настройку аутентификации, реализацию real-time обновления приложения при внесении изменений в БД и процесс авторизации через Google-аккаунт.
Как сделать сайт в 25 раз быстрее с помощью нескольких строк кода

Как сделать сайт в 25 раз быстрее с помощью нескольких строк кода

Сочетание CDN со стратегией кэширования данных может привести к невероятному сокращению времени загрузки сайта, тем самым увеличив ваши шансы попасть на более высокое место в рейтинге Google.
React SPA SEO с Prerender.io

React SPA SEO с Prerender.io

Как правильно настроить SEO для JavaScript-приложения? Рассказываем про Server Side Rendering, Client Side Rendering, Dynamic Rendering и Prerender.io.
Топ-45 библиотек React

Топ-45 библиотек React

Redux, NextJS, Axios, Formik, Styled-components, React-query, Storybook - решение 16-ти задач разработки на React в сторонних пакетах NPM.
TypeScript: основы

TypeScript: основы

Если вы уже знакомы с JavaScript, обязательно освойте TypeScript. Этот язык не просто облегчит написание кода. Он сделает программирование по-настоящему увлекательным процессом.
Пишем асинхронный неблокирующий Rest API на Java

Пишем асинхронный неблокирующий Rest API на Java

Рассмотрим способ, как справляться с обработкой больших объемов трафика, а следовательно - повысить производительность вашего приложения и оперативность реагирования сервера на клиентские запросы.
Сайты для генерации верстки HTML/CSS, которые ускоряют разработку адаптивных интерфейсов

Сайты для генерации верстки HTML/CSS, которые ускоряют разработку адаптивных интерфейсов

Рассказываем про онлайн-ресурсы для генерации CSS-свойств, разработки адаптивного дизайна, декодирования base64 и получения справки о совместимости браузеров.
Поэтапное создание рабочей контактной формы в Next.js

Поэтапное создание рабочей контактной формы в Next.js

Учимся создавать контактную форму для эффективного взаимодействия с пользователями. В этом важном деле нам помогут API-маршруты Next.js и API SendGrid.
Как создать бессерверное приложение с Netlify и JavaScript

Как создать бессерверное приложение с Netlify и JavaScript

Обучающее руководство для новичков по созданию бессерверных функций с помощью Netlify: настройка проекта, создание приложения и развертывание API.
6 шагов по созданию расширения Chrome, которое можно продать

6 шагов по созданию расширения Chrome, которое можно продать

Простой способ организации пассивного заработка без особых хлопот. Минимальный комплект необходимых инструкций прилагается.
Хватит использовать Fetch API в JavaScript

Хватит использовать Fetch API в JavaScript

Каковы преимущества и недостатки Fetch API по сравнению с Axiom? Подробный обзор особенностей этих инструментов с примерами в коде.
WebAssembly на Golang с нуля

WebAssembly на Golang с нуля

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

5 продвинутых шаблонов React на пальцах

Знакомство с наиболее эффективными шаблонами через примеры их реализации, а также сопоставление основных плюсов и минусов.
6 полезных библиотек JavaScript

6 полезных библиотек JavaScript

Рассмотрим несколько полезных для разработчика библиотек JavaScript: GSAP, Underscore, Chart.js, D3.js, Lodash и fullPage.js. Они упростят и ускорят создание различных проектов.
Все, что нужно знать о SASS

Все, что нужно знать о SASS

Что такое SASS и зачем его осваивать? Какие в SASS функциональные возможности, для чего здесь файлы «Partials» и какие есть инструменты для компиляции?
Топ-9 PET-проектов для начинающих javascript-разработчиков

Топ-9 PET-проектов для начинающих javascript-разработчиков

Программирование - это практика. Нельзя научиться писать код, просто читая руководства или штудируя вопросы собеседования. Предлагаем 9 проектов для изучения и практики программирования и архитектуры.
Как оформить поле ввода: советы и техники

Как оформить поле ввода: советы и техники

Как быстро и легко разработать поле ввода? Ответим на этот и сопутствующие вопросы доступным языком.
Как использовать JavaScript и Node.js, чтобы сразиться с драконом в игре Fight the Dragon?

Как использовать JavaScript и Node.js, чтобы сразиться с драконом в игре Fight the Dragon?

Выдалась свободная минутка? Почему бы не устроить эпичный баттл с драконом? Наше пошаговое руководство поможет выйти из боя победителем!
Разбор методов Ruby

Разбор методов Ruby

В Ruby много методов, которые применяются не очень часто, и о тех случаях, в которых они задействуются, многие просто не знают, потому что никогда...
Алгоритм JavaScript: Array.forEach()

Алгоритм JavaScript: Array.forEach()

Метод forEach() выполняет функцию обратного вызова для каждого элемента в массиве. Что это значит? Метод forEach вызывает функцию, находящуюся вне forEach и имеющую дело...
Светлый и темный режимы в веб-приложениях React на основе CSS Tailwind

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

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

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

Пройдитесь по /usr/bin большинства систем Linux или macOS, и вы найдете сотни, если не тысячи, предлагаемых команд. Количество доступных опций кому угодно вскружит голову....
Создаем темный режим, используя React и Styled Components

Создаем темный режим, используя React и Styled Components

Темный режим является сегодня весьма востребованной и полезной функциональностью веб-приложений. При просмотре веб-страниц в ночное время многие люди предпочитают использовать затемненный экран, чтобы не...
Как с With() улучшить написание кода на Swift

Как с With() улучшить написание кода на Swift

Все мы писали код, в котором какая-то функция создавала и возвращала сконфигурированный объект. func makeButton(_ title: String?) -> UIButton { let button...
Путешествие в мир анимации с Lottie-React-Native

Путешествие в мир анимации с Lottie-React-Native

Вы создаете умопомрачительную анимацию с помощью After Effects и намереваетесь явить ее миру. Один из способов воплотить задуманное  —  использовать ее в качестве экрана-заставки...
Организация таблиц стилей: самые свежие рекомендации

Организация таблиц стилей: самые свежие рекомендации

В процессе обучения совместному использованию HTML и CSS мой инструктор в Devslopes показал мне отличный способ организации CSS для крупных проектов. Конечно, ничто не...
Почему React негативно повлиял на веб-разработку

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

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

Используй Async/Await в JavaScript, как профессионал

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

19 лучших инструментов прототипирования для дизайнеров UX/UI

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

Планы на отпуск с Python и HERE Maps

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

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

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

4 совета Python Django разработчику

Django  —  один из самых популярных во всем мире Python-фреймворков: на нем построены многие известные сайты, такие как Instagram, Pinterest, Mozilla. Хотя уже написано много...
Создание простого веб-скрейпера на Ruby

Создание простого веб-скрейпера на Ruby

Введение Один из лучших способов доступа к данным сайта  —  через его API (интерфейс прикладного программирования). Но что, если у сайта нет API? Тогда стоит...
Построение бесконечного списка с помощью SwiftUI и Combine

Построение бесконечного списка с помощью SwiftUI и Combine

С момента представления SwiftUI на WWDC2019 его популярность резко возросла. В течение последних двух лет отдел разработки Apple внес в этот UI-фреймворк много улучшений....
Python Django: контактная форма с автоматической отправкой Email

Python Django: контактная форма с автоматической отправкой Email

Адрес контактной электронной почты часто указан в самом нижнем колонтитуле на сайте. Пользователь должен не только отыскать адрес электронной почты, но еще и самостоятельно...
Как находить уязвимости в коде на PHP?

Как находить уязвимости в коде на PHP?

Сегодня я наткнулся на вот этот пост Intigriti в Twitter: «Мы только что написали потрясающий фрагмент кода, но… Наша команда разработки утверждает, что он небезопасен....
20 скрытых особенностей JavaScript

20 скрытых особенностей JavaScript

Представленные ниже 20 хитростей JavaScript были указаны пользователями Stack Overflow. 1. Работа с аргументами функций Вам не нужно определять параметры для функции  —  можете просто использовать...
Что делает сайты медленнее?

Что делает сайты медленнее?

Аналитики CatchJS отрендерили 1 миллион самых популярных сайтов. Они отследили разнообразные метрики производительности, учли каждую ошибку и отметили каждый запрошенный URL. Результат составляет, вероятно,...
Внутренняя жизнь React Native

Внутренняя жизнь React Native

React Native  —  это библиотека JavaScript для создания мобильных приложений, работающих как на Android, так и на iOS. Как говорят создатели: “Научитесь однажды  — ...
Как преобразовать функции JavaScript в генераторы, эффективно использующие память

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

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

eCommerce UI/UX дизайн: карточка товара в примерах

Карточки универсальны: они встречаются везде, от социальных сетей, таких как Instagram и Facebook, до магазинов электронной коммерции, таких как Amazon и Ebay. Макет представления...
5 проектов на React для начинающих

5 проектов на React для начинающих

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

6 полезных приемов для создания интерфейсов

Фронтенд-разработка сегодня весьма востребована. Программисты, выполняющие подобные проекты, постоянно сталкиваются со множеством новых задач. Для их решения приходится создавать код с использованием HTML, CSS и...
Применение методов Bind(), Call(), and Apply() в JavaScript

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

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

Элементы минималистичного дизайна

На сегодняшний день минимализм является одним из самых популярных UX/UI трендов в 2021 году. Минималистичный дизайн  — это художественный замысел, который подразумевает использование наиболее важных...
3 важных рекомендации Django-программистам

3 важных рекомендации Django-программистам

Django  —  это очень интересный фреймворк, который позволяет создавать веб-приложения с использованием Python для бэкенда. При этом он также может обрабатывать большинство функций базы...
Как подключить базу данных MySQL к сайту на PHP

Как подключить базу данных MySQL к сайту на PHP

Работаете c программами на PHP в Linux и у вас есть задача по интегрированию MySQL на сайт на PHP? Тогда это руководство для вас....
Protractor мертв, да здравствует Cypress!

Protractor мертв, да здравствует Cypress!

24 апреля платформа Angular объявила об отказе от своего инструмента сквозного тестирования (E2E) Protractor. Остается неясным, готовит ли Angular преемника Protractor или поручит это...
Новые правила дизайна интерфейсов в Google

Новые правила дизайна интерфейсов в Google

На собственной ежегодной конференции Google I/O компания представила первые изображения будущего дизайна интерфейсов под названием “Material You”. Такие радикальные изменения приходят на смену концепции...
Как разработать систему для 100 миллионов пользователей: руководство для начинающих

Как разработать систему для 100 миллионов пользователей: руководство для начинающих

Начнем с азов Предлагаю начать с разработки базового приложения с несколькими пользователями. Развернуть всю систему на одном сервере проще простого. Именно с этого начинает большинство разработчиков. Сайт...
Минималистичная конфигурация терминала с возможностью тонкой настройки

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

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

Введение в сетки в цифровом дизайне

Возможно, после открытия дизайнерской программы у вас возникнут вопросы: «С чего начать?» и «Куда поместить заголовок?». Ответ очень прост: начинать работу стоит с создания...
8 мощных пакетов NPM для любого веб-разработчика

8 мощных пакетов NPM для любого веб-разработчика

NPM (Node Package Manager)  —  это менеджер пакетов Node.js. Он предоставляет разработчикам широкий ассортимент полезных библиотек и инструментов. С помощью этого репозитория процесс разработки веб-проекта,...
Парсинг HTML из строки на Ruby On Rails

Парсинг HTML из строки на Ruby On Rails

На одном из этапов моего проекта в школе программирования Flatiron Bootcamp мне пришлось столкнулся с проблемой, совершенно отличающейся от того, что я видел раньше....
Flutter зовет: 5 проектов за выходные

Flutter зовет: 5 проектов за выходные

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

Руководство для начинающих по созданию с нуля сайта онлайн-курсов или e-коммерции

Востребованность онлайн-бизнеса, как мы знаем, привела к повышению спроса на сайты и приложения. Это отлично понимают Google и Facebook  —  главные конкуренты на интернет-рынке. Именно...
Диспетчер загрузки на Swift

Диспетчер загрузки на Swift

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

7 визуальных элементов в дизайне

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

7 лучших библиотек для создания эффективных приложений ReactJS

Библиотека ReactJS выделяется своей производительностью. Но теперь у нас появилась возможность еще больше ее усовершенствовать. Сообщество пользователей React создало несколько дополнительных весьма эффективных библиотек. Рассмотрим...
F-строки и 3 эффективных способа их применения

F-строки и 3 эффективных способа их применения

Далеко в прошлом остались те времена, когда разработчики Python еще использовали оператор % для форматирования строк.  С момента появления Python 3.0 его постепенно заменили вызовом...
Интерфейсы с вкладками без JavaScript

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

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

PHP 8.1 уже обещает стать одним из лучших релизов

Распаковка массива со строковыми ключами До версии PHP 8.1 эта простая операция не была доступна. Не будем много говорить о возможностях, которые она теперь открывает....
Применение Let's Encrypt для автоматизации HTTPS в кластерах Kubernetes на Raspberry Pi

Применение Let’s Encrypt для автоматизации HTTPS в кластерах Kubernetes на Raspberry Pi

Автоматическая генерация сертификатов  —  на первый взгляд, нечто прямиком из мира крупных корпораций, и потому вне досягаемости обычного разработчика, который размещает контент в кластере...
Знакомство с ReactJS на базовом уровне

Знакомство с ReactJS на базовом уровне

Что такое ReactJS? ReactJS очень популярный в среде веб-разработчиков инструмент. Что же он собой представляет? ReactJS — библиотека JavaScript, разработанная Facebook для создания пользовательских интерфейсов. С ее помощью разрабатываются...
13 трендов в типографике в 2021 году

13 трендов в типографике в 2021 году

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

Звучащий UI: роль звуков в интерфейсе

Ежедневно для сбора информации и взаимодействия с окружающим миром мы используем комбинацию зрения и слуха. Однако в веб-интерфейсах эта комбинация всё ещё не отражена — большинство...
22 CSS-свойства для позиционирования

22 CSS-свойства для позиционирования

В статье пойдет речь о нескольких редко упоминаемых в технической литературе свойствах CSS. Тем не менее их использование повлечет за собой повышение скорости и...
Обзор текущего состояния Next.js Router

Обзор текущего состояния Next.js Router

Фреймворк Next.js динамично развивается, он сделал огромный скачок вперед, и поэтому многие предыдущие статьи о нем могли устареть. На момент написания этой статьи действует...
Как создавать надежные SSL-сертификаты для локальной разработки

Как создавать надежные SSL-сертификаты для локальной разработки

Случалось ли так, что вы понимали  —  необходимо добавить HTTPS в приложение, запущенное на локальном хостинге или каком-нибудь еще местном домене вроде local.my-app.com? Есть некоторые...
Подробный разбор методов Ruby

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

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

Отладка кода на Python с помощью icecream

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

Темная сторона Javascript: избегайте данных трех функций

Оператор Void Вы, вероятно, уже сталкивались с этим оператором. Раньше при наличии ссылки, запускающей функцию JavaScript, нужно было добавлять href=”javascript:void(0)”, чтобы действие по умолчанию не...
Как разработать логотип: руководство для новичков

Как разработать логотип: руководство для новичков

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

Мониторинг сайта: просто, но эффективно

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

Почему пора завязывать с React

Еще не успев начать, я уже слышу, как клацают ваши клавиатуры под пальцами, набирающими гневные комментарии. Но я попрошу вас сперва прочесть мое объяснение...
Google OAuth для реализации на Ruby

Google OAuth для реализации на Ruby

Будем реализовывать единый вход Google OAuth для веб-сайта. Библиотека google-api-client устарела (о чем упоминается в Google Identity Document). Правда, есть еще одна подходящая для...
JavaScript: 5 нововведений 2021 года

JavaScript: 5 нововведений 2021 года

JavaScript  —  это легкий для освоения язык программирования, что делает его весьма подходящим для начинающих. За многие годы он развился до такой степени, что...
Советы по созданию правильных модальных окон

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

9 простых правил, которые помогут вам создать более удачный дизайн модальных окон Модальное окно  —  это такое окошко, которое появляется поверх родительского экрана. Его называют...
10 хитрых приемов в JavaScript, о которых должен знать каждый разработчик

10 хитрых приемов в JavaScript, о которых должен знать каждый разработчик

Рыночная доля JavaScript за последние 5–10 лет поднялась на новый уровень, особенно с тех пор, как в июне 2015 года был запущен ES6. Обновление...
Автоматизация: друг или враг дизайнера?

Автоматизация: друг или враг дизайнера?

В начале XIX века Британия находилась в процессе трансформации в результате промышленной революции. Отрасли производства, как, например, обрабатывающая или текстильная, сильно изменились благодаря инновациям...
Python Django: как изменить страницу ошибки 404?

Python Django: как изменить страницу ошибки 404?

Настройка страницы ошибки 404 “Страница не найдена”  —  одна из самых любопытных практик в разработке проекта на Django: сейчас же давайте узнаем, как обработать...
Как с легкостью создавать формы на React с помощью react-hook-form

Как с легкостью создавать формы на React с помощью react-hook-form

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

5 ведущих шаблонов проектирования распределенных систем

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

Свойства CSS, которые вы должны начать использовать прямо сейчас

Мы хотим поделиться с вами несколькими удивительными советами и приемами касательно CSS, которые вы должны знать. 1. content-visibility:auto Эта функция работает подобно отложенной загрузке данных. Мы...
Как получить все неуникальные значения в массиве JavaScript?

Как получить все неуникальные значения в массиве JavaScript?

Иногда бывает нужно получить все повторяющиеся значения из массива JavaScript. В этой статье мы рассмотрим способы получения всех неуникальных значений в массиве JavaScript. Array.prototype.filter Один из таких...
6 актуальных советов по созданию чистого кода React

6 актуальных советов по созданию чистого кода React

Создание чистого кода  —  одна из важнейших задач при разработке любого программного обеспечения. Большинство крупных компаний стараются создавать ПО с наиболее чистым и производительным...
Дизайн-система: иконки

Дизайн-система: иконки

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

Как очистить код с помощью SASS

Итак, давайте знакомиться с SASS SASS (Syntactically Awesome StyleSheets — Синтаксически потрясающие таблицы стилей) является препроцессорным скрипт-языком, код которого компилируется в CSS, чтобы быть понятым браузерам. У SASS...
Утверждения, применяемые при импортировании в JavaScript

Утверждения, применяемые при импортировании в JavaScript

Количество имеющихся в мире данных с течением времени продолжает бурно расти. Этот огромный объем существует во многих различных типах данных: текстовых файлах, изображениях, видео,...
Что такое HTTP/3 и зачем он нужен?

Что такое HTTP/3 и зачем он нужен?

При изучении интернета и стоящих за ним технологий вы можете встретить термин HTTP. HTTP или Hypertext Transfer Protocol (протокол передачи гипертекста) является столпом всемирной...
Советы по повышению производительности JavaScript

Советы по повышению производительности JavaScript

Используйте локальные переменные Когда мы объявляем глобальные переменные, они остаются в памяти на протяжении всего жизненного цикла. Однако, если мы объявляем переменные в локальном контексте,...
7 полезных атрибутов HTML, о которых не все знают

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

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

Советы по отладке JavaScript

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

JavaScript - идеальный выбор при аналитической обработке данных

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

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

При разработке приложения на React совместное использование компонентов в разных приложениях и проектах наладить бывает не так-то просто. Здесь надо решить ряд задач: Необходимо убедиться,...
Сайты с модальными диалоговыми окнами без JavaScript

Сайты с модальными диалоговыми окнами без JavaScript

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

Как тренды визуального дизайна развивались со временем

Пользовательский интерфейс действует по принципу шутки: если её приходится объяснять, то она не удалась. Интуитивность  —  одна из основных концепций в области продуктового дизайна....
Python и веб-разработка: краткое руководство

Python и веб-разработка: краткое руководство

За последние несколько лет популярность Python резко возросла, и он даже превзошел Java. С развитием машинного обучения, анализа данных и веб-приложений многие разработчики стали...
Руководство бэкенд-разработчика по тестированию компонентов на Vue.js

Руководство бэкенд-разработчика по тестированию компонентов на Vue.js

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

Javascript и функциональное программирование. Часть 2: полноправные функции

Предыдущие части: Часть 1 Добро пожаловать в параллельный мир Вам необходимо кое-что узнать прежде, чем мы начнем... Если вы когда-либо программировали в JS, вы, вероятно, раньше использовали...
Python

Перестаньте использовать range() в цикле for в Python

Цикл for. Краеугольный камень программирования. Технологический приём, который вы осваиваете, ещё будучи новичком, и продолжаете использовать в течение всей своей карьеры программиста.  Если вы использовали...
Computer Science

Много узлов, одна распределенная система

Говорят, что один (мужчина, женщина — какой-то человек) — в поле не воин. Но в наши дни к этому списку можно добавить и «компьютер». Мы окружены машинами, компьютерами...
9 советов, как выделиться среди Java-разработчиков

9 советов, как выделиться среди Java-разработчиков

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

8 способов “настроить” Data-команду на успех. Часть первая

Мы живем в золотой век Data-ориентированных организаций. Алгоритмы! Большие Данные! У вас вероятно, даже есть Data Scientist в штате или два! Но … Если ваши Data-специалисты тратят...