React

Стриминг видео и чат в учебном приложении

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

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

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

Web Speech API в JavaScript: от текста к речи

Практическое руководство по работе с Web Speech API в JavaScript. Рассказываем, как создать веб-страницу, реализующую преобразование текста в речь.
7 бесплатных шаблонов React для разработки проектов

7 бесплатных шаблонов React для разработки проектов

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

Почему стоит использовать обратные вызовы и асинхронный код на NodeJS

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

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

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

Элементы архитектуры веб-приложений

Кратко пробежимся по всем составляющим веб-архитектуры, закрепим основные понятия и выведем базовые принципы, которыми следует руководствоваться, проектируя веб-приложение.
Node.js — не однопоточная система

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

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

Отладка Node.js с помощью Google Chrome

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

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

Рассказываем о бесплатных инструментах для фронтенд-разработчика, которые помогут легче и быстрее решать рабочие задачи, тем самым повышая вашу продуктивность.
ТОП-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
React

Первые шаги в анимации React Native

Когда я только начал работать с React Native (RN), у меня никогда не доходили руки до изучения анимации. Многие вещи казались важнее, поэтому я...
Три библиотеки для удаления неиспользуемого CSS

Три библиотеки для удаления неиспользуемого CSS

В обзоре состояния CSS на 2020 года был раздел, посвященный служебным библиотекам. Речь в нем шла о StyleLint, Purge CSS и PurifyCSS. Две из...
8 советов по разработке на JavaScript, которые освободят вас от переработок

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

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

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

Простой способ организации пассивного заработка без особых хлопот. Минимальный комплект необходимых инструкций прилагается.
Ruby on Rails

Создаем функции поиска и фильтрации в Ruby on Rails

Ruby on Rails замечательно подходит для создания мощного и гибкого бэкенда. Однако из-за популярности и гибкости JavaScript, Ruby используется для фронтэнда не так часто....
Тест-драйв Solara для разработки веб-приложений на Python

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

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

Краткое введение в функции высшего порядка в JavaScript

Функции высшего порядка Функция, принимающая в качестве аргументов другие функции или возвращающая другую функцию в качестве результата, называется функцией высшего порядка. С функциями в JavaScript вы можете: Хранить...
Как эффективно использовать TDD в React

Как эффективно использовать TDD в React

Представляем пошаговую методику разработки кода на основе тестирования (Test-Driven Development). Эти 5 простых шагов помогут вам воспользоваться преимуществами TDD.
JavaScript

Шаблон Медиатор в JavaScript

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

Основы JavaScript: управление DOM элементами (часть 2)

Часть 1, Часть 2 Получаем доступ к DOM элементам В данном разделе мы посмотрим на методы, которые помогут получить доступ к DOM элементам: getElementById(), getElementsByClassName(), getElementsByTagName(), querySelector()...
Создание приложения-планировщика в React с Easy Peasy и Ant Design

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

Обучающее руководство по созданию приложения-планировщика React при непосредственном участии библиотек Easy Peasy и Ant Design.
7 факторов, которые помогут улучшить UX-дизайн

7 факторов, которые помогут улучшить UX-дизайн

Чтобы улучшить UX, нужно знать «слабые места» интерфейса. Есть типичные «проблемные зоны», на которые дизайнеру следует обращать особое внимание. Обычно именно здесь кроются причины...
Software Development

Современный backend-разработчик 2018

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

Streamlit для создания интерактивных веб-приложений: начало

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

Как читать и понимать документацию API

Если, получив совет “почитать документацию API”, вы так и сделали, но так толком и не поняли, что в ней к чему, то эта статья...
JavaScript

Даты-заглушки в модульных тестах на JavaSсript

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

Инструменты фронтенда, которые действительно сокращают число ошибок (а не просто выглядят эффектно)

Инструменты фронтенд-разработки, такие как ESLint, TypeScript, Prettier, браузерные DevTools, не делают эффектнее демо‑версии — они делают надежнее код. Причем еще до того, как его увидят пользователи. Узнайте о семи практичных инструментах, которые отлавливают ошибки на ранних этапах, экономят часы отладки и обеспечивают качественный интерфейс.
UX-текст - как он формирует продукт?

UX-текст - как он формирует продукт?

Сегодня UX-писательство окружает нас повсюду. Мы постоянно взаимодействуем с ним, вне зависимости от того, осознаем мы это или нет. Кнопки, всплывающие окна, уведомления, оповещения...
Двоичный поиск в Swift и расширение возможностей коллекций

Двоичный поиск в Swift и расширение возможностей коллекций

Многие из нас изучали алгоритмы, но не многие реализовывали их на практике.  Стандартная библиотека (Foundation для Swift) предлагает готовые методы и функции, которые сами реализуют...
Как написать переключатель темы на базе файлов cookie с помощью CSS и ванильного JavaScript

Как написать переключатель темы на базе файлов cookie с помощью CSS и ванильного JavaScript

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

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

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

CSS: Цветовой хаос

Почему в CSS один и тот же цвет можно записать четырьмя разными способами — и все они работают? Этот вопрос будет беспокоить вас до тех пор, пока вы не поймете, что за каждым форматом стоит своя логика и история. Попробуем разобраться в цветовом хаосе форматов HEX, RGB, HSL и RGBA, чтобы научиться выбирать наиболее подходящий.
Как разместить приложение FastAPI в интернете без удаленного сервера и сложной настройки

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

FastAPI, как следует из названия, один из самых быстрых фреймворков для создания API. Традиционно размещение и совместное использование сервера FastAPI предполагает настройку облачной среды, а это может занимать много времени. Мы покажем, как обойти эту сложность и мгновенно предоставить общий доступ к серверу FastAPI на локальном хосте с помощью сервиса Pinggy и всего одной команды.
Как реализовать простой контроль версий с помощью JavaScript, чтобы лучше разобраться в Git

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

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

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

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

Полезные глобальные функции языка Swift

Глобальные функции (их можно вызвать отовсюду без привязки к области действия определённого типа) — это довольно старая концепция, которая была популярна в таких языках, как С...
Как определить и протестировать SLO

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

SLO - уровень удовлетворенности пользователей производительностью сервиса. Предлагаем подробное руководство по определению и тестированию SLO для REST API с помощью Grafana Labs K6.
Маршрутизация 101 в Angular 9+

Маршрутизация 101 в Angular 9+

Чему мы научимся? Показывать и скрывать компоненты, используя вместо свойств input/output маршруты.Поддерживать взаимосвязь этих компонентов, передавая по маршруту данные.Настраивать маршруты в модуле маршрутизации.Использовать routerLink для...
Создание настольных приложений с помощью Electron. Руководство для начинающих

Создание настольных приложений с помощью Electron. Руководство для начинающих

Рассмотрим архитектуру фреймворка Electron, чтобы понять, как работает данное ПО. Затем разберем структуру шаблонного проекта Electron и создадим простое настольное приложение с помощью HTML, CSS и JavaScript.
Angular

Оптимизация размера Angular bundle за 4 шага

Вам доводилось получать жалобы на слишком медленную загрузку веб-приложения или получать задачу “оптимизировать производительность” медленного приложения? Множество тем посвящено производительности приложений: отложенная загрузка, отслеживание...
Web Development

Получение доступа к ID элементов в DOM в качестве переменных window/global

Первое, что я узнал, начав заниматься веб-разработкой: как управлять элементами по ID из JS, со ссылкой на элементы по ID <div id="so_many">So many to think...
UX

Почему все веб-сайты выглядят одинаково?

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

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

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

Плюсы и минусы React: виртуальная DOM, синтаксис JSX и другие аргументы для спора

Рассмотрим важные достоинства и недостатки React, чтобы с умом выбирать JavaScript-фреймворк и аргументированно отстаивать свой выбор.
JavaScript

Три нашумевших диаграммы. Исследование JavaScript в 2018

Вы думали статистика и графики — это скука? Подумайте ещё раз… Нашумевший — это буквально самое заезженное слово в интернете, если не считать слово «буквально». Но в этот раз — это...
Интересные подробности об объектах JavaScript

Интересные подробности об объектах JavaScript

Объекты в JavaScript являются основой. Так что более глубокое их изучение позволит писать вам более чистый и производительный код. Примечание: эта статья подразумевает наличие у...
Будущее CSS: новейшие возможности языка декорирования в 2023 году

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

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

5 концепций JavaScript, которые должен знать каждый разработчик

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

10 полезных приемов работы со строками JavaScript

Строки JavaScript - важнейший инструмент организации текстовых и типографических элементов веб-страницы. Эти 10 приемов работы со строками JavaScript облегчат процесс написания чистого, быстрого и эффективного кода.
Лучшие способы вызова API на Javascript

Лучшие способы вызова API на Javascript

При работе с JavaScript чрезвычайно важно знать, как посылать HTTP-запросы и получать динамические данные с сервера/базы данных. Узнайте о наиболее удобных способах вызова API на Javascript с помощью библиотек с открытым исходным кодом: XMLHttpRequest, Fetch и Axios.
TypeScript. Что, зачем и как?

TypeScript. Что, зачем и как?

Те из вас, кто занимается разработкой на JavaScript, наверняка так или иначе слышали о TypeScript. Если при этом вы не решались попробовать освоить этот...
Ключевые понятия JavaScript, которые должен знать каждый разработчик — часть 2

Ключевые понятия JavaScript, которые должен знать каждый разработчик — часть 2

В первой части были представлены первые 11 из 32 ключевых понятий JavaScript. В этой части будут раскрыты следующие 11 понятий, включая побитовые операторы и буферы массивов, DOM и деревья макетов, фабрики и классы, ключевое слово this и методы call, apply, bind и др.
Чистая архитектура фронтенда

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

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

Решение проблемы с CSS :hover

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

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

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

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

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

Как профессионально использовать сопоставимые типы TypeScript

Хотите освоить сопоставимые типы TypeScript и понять, как работают встроенные в TypeScript типы утилит? Этот краткий обзор, подкрепленный анимационными вставками, поможет разобраться во всем этом.
Nodejs

Как создать Meetup+Slack приложение с помощью Standard Library и Node.js

Meetup — это популярный веб-сайт, на котором люди со схожими интересами объединяются в группы для организации тематических мероприятий в своих городах. После того, как мы успешно...
JavaScript

Основы JavaScript: управление DOM элементами (часть 4)

Часть 1, Часть 2, Часть 3, Часть 4 Изменения в DOM Давайте теперь рассмотрим, как добавлять, изменять, заменять и удалять узлы из DOM. В частности рассмотрим методы...
Как повысить производительность бэкенд-приложений

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

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

Принципы минимализма в цифровом дизайне

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

Псевдоклассы CSS, на которые стоит обратить внимание

Согласно определению из "CSS: The Definitive Guide" Эрика Майера (Eric Meyer) и Эстеля Вейля (Estelle Weyl): С помощью (псевдо) селекторов можно назначать стили так называемым...
5 основных методов работы с @Cacheable в JavaScript

5 основных методов работы с @Cacheable в JavaScript

Аннотация @Cacheable - механизм кэширования, позволяющий значительно повысить производительность приложения. Освоив пять основных методов работы с @Cacheable, вы сможете реализовать сложные стратегии кэширования -  эффективные и удобные в обслуживании.
Python Django: контактная форма с автоматической отправкой Email

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

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

Как создать многопользовательский чат с помощью WebSocket за 10 минут

На сегодняшний день WebSocket - лучшее решение для веб-сервисов, работающих по технологии клиент-сервер в реальном времени. Предлагаем краткое руководство по созданию многопользовательского чата с помощью WebSocket.
7 методов работы со строками в JavaScript, о которых знают всего 2% разработчиков 

7 методов работы со строками в JavaScript, о которых знают всего 2% разработчиков 

Большинство разработчиков не умеют эффективно работать со строками. В результате возникают проблемы с Unicode, международными или реальными пользовательскими данными. Изучите 7 ключевых методов, которые знают лишь 2% разработчиков, чтобы писать надежный, понятный и эффективный код.
Design

Теория цвета для дизайнеров - краткий курс (с инфографикой)

Каждый профессиональный дизайнер знает, что цвета оказывают значительное влияние на цифровые продукты и пользователей. Однако как правильно использовать все потенциальные возможности цвета? Создание гармоничной цветовой...
Как использовать библиотеку веб-компонентов React от Uber

Как использовать библиотеку веб-компонентов React от Uber

Представляем библиотеку компонентов Uber с открытым исходным кодом. Это надежный инструмент для реализации всех задач разработки пользовательского интерфейса.
WebAssembly: секретное оружие в разработке высокооптимизированных и безопасных веб-приложений

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

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

Платформы Angular в деталях. Часть 1. Что такое платформы Angular?

Инфраструктура для разработки приложений Angular была задумана как платформенно-независимая технология (далее по тексту — фреймворк). Такой подход позволяет запускать приложения на Angular в разных средах: в...
8 паттернов реактивности в современном JavaScript

8 паттернов реактивности в современном JavaScript

Пришло время изучить ключевой инструмент JavaScript-разработчика  -  паттерны реактивности. Использование этих 8 паттернов, независимо от применяемого фреймворка, позволит значительно сократить объем кода и повысить производительность веб-приложений.
5 правил ESLint для применения новейших возможностей Angular

5 правил ESLint для применения новейших возможностей Angular

Использование этих пяти правил ESLint значительно оптимизирует разработку Angular-приложений. Они не только обеспечат соблюдение лучших практик, но и помогут поддерживать согласованность кода, особенно в объемных кодовых базах с большим количеством участников.
Web Server

Веб-сервер с нуля в TypeScript и Node

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

Профессиональный подход к ведению логов

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

Путешествие строки скомпилированного кода

На высоком уровне мы рассмотрим вывод каждой стадии компиляции простой программы C++ при использовании Clang. При этом мы также проследим код в дизассемблированном виде...
TypeScript: от нулевого до продвинутого уровня. Часть 2

TypeScript: от нулевого до продвинутого уровня. Часть 2

Продолжаем изучать руководство по TypeScript, чтобы пройти путь от новичка до профессионала! 2-я часть ознакомит вас с такими понятиями TypeScript, как вывод и утверждение типов, интерфейсы и их расширение, операторы typeof и as const, дженерики и классы. В конце статьи вас ждет шпаргалка по всему изученному материалу.
Использование WebSocket с Python

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

WebSocket позволяет создавать долговременный канал связи между клиентом и сервером, что устраняет недостатки протокола HTTP. Рассмотрим создание сервера и клиента WebSocket на Python.
Руководство для начинающих по созданию с нуля сайта онлайн-курсов или e-коммерции

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

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

4 типа архитектуры программного обеспечения

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

Управление состоянием в React: обзор

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

Быстрый веб-скрейпинг с библиотекой Polars

Рассказываем, как с помощью Polars выполнить простой и быстрый веб-скрейпинг с превращением таблиц с HTML-страниц в датафреймы Polars.
Как запустить несколько приложений React на одном порту Nginx с Docker

Как запустить несколько приложений React на одном порту Nginx с Docker

Разместим на одном порту два приложения React с Nginx и Docker. Настроим Docker, добавим конфигурацию Nginx глобально и файл docker-compose.yml.
Design

Как добавить темную тему для сайта

Один сайт — две разные темы В прошлом году я решил провести полный редизайн своего сайта. Так как это был сайт-портфолио, то я захотел сделать что-то простое и...
Web Development

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

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

Layout для Material-UI

Material-UI — одна из самых популярных библиотек компонентов react. Однако невозможно найти ни одной инструкции или статьи о том, как создать layout на основе этих...
Добавление личного домена в AWS WebSocket

Добавление личного домена в AWS WebSocket

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

Самые популярные фреймворки React

React-фреймворки значительно упрощают жизнь разработчика. Разберем лучшие их образцы и посмотрим, сможем ли мы выбрать оптимальный вариант.
Java Script

Как не лажать с JavaScript. Часть 1

Часть 1, Часть 2 JavaScript самый распространенный язык программирования в мире и с его силой нужно считаться. Благодаря своей простоте и обилию учебных материалов его...
Как сделать зернистый градиент на CSS

Как сделать зернистый градиент на CSS

На примерах с CodePen показываем, как при помощи современного CSS и маленьких хитростей сделать зернистый градиент. Для этого мы вместе с автором CSS-Tricks применим SVG-турбулентность, также при помощи SVG и градиента создадим фон, увеличим яркость и контраст через filter и, наконец, смешаем градиенты.
Лучшие практики REST API - примеры проектирования конечных точек

Лучшие практики REST API — примеры проектирования конечных точек

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

Получение общих данных в Next.js одним запросом

Просматривая процесс сборки своего текущего проекта, я обратил внимание на то, что при генерировании страниц с использованием getStaticProps выдается много запросов к одной конечной...
Что такое Next.js App Router и готов ли он к использованию в производстве

Что такое Next.js App Router и готов ли он к использованию в производстве

Представляем App Router - новое решение последней версии Next.js. По ряду характеристик App Router превосходит классический Next.js Pages Router. Но можно ли его использовать при разработке крупных производственных приложений? Ознакомьтесь с опытом одного из первоиспытателей App Router.
Git

Синхронизация Git-репозиториев в режиме реального времени

Работая с клиентами на таких платформах, как Github или Gitlab, мы в Gitstart часто сталкиваемся с необходимостью синхронизировать кодовые базы между удаленными репозиториями. По...
Поэтапное создание рабочей контактной формы в Next.js

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

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

Как выбрать подходящую версию Node.js?

Node.js - популярный инструмент для разработки различных проектов. Поговорим о различиях между версиями LTS и Current в Node.js и о том, как выбрать подходящий вариант.
Flutter зовет: 5 проектов за выходные

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

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

Рекомендации по обработке и регистрации ошибок в React

Как правильно обрабатывать и регистрировать ошибки в React, какие инструменты стоит для этого выбрать?
Создание приложения для отслеживания фильмов с помощью HTML, CSS и JavaScript

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

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

Визуализация данных и веб-отчёты в Angular

Недавно я столкнулась со следующей проблемой: мне нужно было найти полностью настраиваемые веб-компоненты, с которыми несложно взаимодействовать и которые могут использоваться как встроенные BI-инструменты...
Движок JavaScript, JIT-компилятор, стек, куча, память, примитивы, ссылки и сборка мусора

Движок JavaScript, JIT-компилятор, стек, куча, память, примитивы, ссылки и сборка мусора

Как функционирует JIT-компилятор? Что такое стек и куча памяти? В чем отличие примитивных типов от ссылочных? Представляем общий краткий гайд по основам JavaScript, в котором поговорим о том, как работает один из самых популярных языков программирования “под капотом”.
Как стать инженером Python в 2023 году

Как стать инженером Python в 2023 году

Предлагаем подробное руководство по овладению основными навыками работы с Python, которые требуются начинающим программистам в 2023 году. Это руководство, составленное с учетом последних тенденций и технологий IT-индустрии, поможет сосредоточиться на самом главном.
Education

Как приобрести навыки, необходимые для выживания в мире современных технологий

5 способов, которые помогут перестать беспокоиться о будущем Современный мир нестабилен и непрерывно развивается. Автоматизированные машины, данные и алгоритмы, компьютеры и код — изменения затрагивают все аспекты нашей...
Построение комплексных конвейеров сборки вокруг Kubernetes

Построение комплексных конвейеров сборки вокруг Kubernetes

Интегрируем современные практики и инструменты DevOps. Настроив каждый экземпляр, сконфигурировав инструменты и подключив все системы, создадим комплексный рабочий процесс.
CodeGPT: расширение VSCode с функциями ChatGPT

CodeGPT: расширение VSCode с функциями ChatGPT

Расширение CodeGPT поможет генерировать, объяснять, рефакторить и документировать код, а также находить в нем проблемы и получать ответы на вопросы. Узнайте, как установить GPT-3 внутри VSCode с использованием официального API OpenAI.