Английские термины разработки ПО: значения и примеры на русском

Веб-разработка, мобильные приложения и интерфейсы

• back endсуществительноесерверная часть, бэкенд

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

• full stackприлагательноефулстек, разработка полного стека

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

• browserсуществительноебраузер

  Программа, например Chrome, Firefox, Safari или Edge, которая загружает веб-страницы и преобразует их код в отображаемый и интерактивный интерфейс.

• HTMLсокращениеHTML, язык гипертекстовой разметки

  HyperText Markup Language — стандартный язык описания структуры и содержимого веб-страницы, например заголовков, абзацев, ссылок и изображений.

• CSSсокращениеCSS, каскадные таблицы стилей

  Cascading Style Sheets — язык, который задаёт внешний вид HTML, включая цвета, шрифты, отступы, расположение элементов и анимацию.

• JavaScriptсуществительноеJavaScript, Джаваскрипт

  Язык программирования, который выполняется во всех веб-браузерах и делает страницы интерактивными; с Node.js он также работает на серверах.

• URLсокращениеURL, веб-адрес

  Uniform Resource Locator — полный адрес страницы или файла в интернете, например https://example.com/blog?page=2.

• serverсуществительноесервер

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

• clientсуществительноеклиент, клиентская сторона

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

• elementсуществительноеэлемент HTML, элемент

  Отдельная составная часть HTML-страницы, например абзац, изображение или кнопка; обычно записывается как открывающий тег, содержимое и закрывающий тег.

• tagсуществительноетег, HTML-тег

  Фрагмент HTML-кода в угловых скобках, например <h1> или </p>, который отмечает начало или конец элемента.

• attributeсуществительноеатрибут HTML, атрибут

  Дополнительные сведения в виде имени и значения внутри открывающего HTML-тега, например href у ссылки или alt у изображения.

• selectorсуществительноеселектор

  Часть правила CSS, указывающая, к каким элементам применяются стили, например p, .button или #header.

• DOMсокращениеDOM, объектная модель документа

  Document Object Model — дерево объектов, которое браузер строит на основе HTML-страницы и которое JavaScript может читать и менять, пока страница открыта.

• responsive designсуществительноеадаптивный дизайн, отзывчивый дизайн

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

• accessibilityсуществительноедоступность, веб-доступность

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

• web appсуществительноевеб-приложение

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

• developer toolsсуществительноеинструменты разработчика, средства разработчика

  Встроенные в браузеры инструменты, позволяющие проверять HTML и CSS, отлаживать JavaScript, следить за сетевыми запросами и измерять производительность.

• propertyсуществительноесвойство CSS, свойство

  В CSS — название настраиваемой характеристики стиля, например color, margin или display, которой всегда соответствует значение.

• stylesheetсуществительноетаблица стилей, файл стилей

  Файл или блок правил CSS, описывающих внешний вид страницы; большинство сайтов подключают один или несколько внешних файлов .css.

• layoutсуществительноекомпоновка, макет

  Способ размещения элементов на странице: где находятся колонки, меню, изображения и текст и как они перемещаются при изменении размера экрана.

• flexboxсуществительноеFlexbox, флексбокс

  Метод компоновки CSS для размещения элементов в одной строке или колонке и управления их ростом, сжатием, выравниванием и распределением пространства.

• CSS gridсуществительноеCSS Grid, сетка CSS

  Система компоновки CSS для одновременного размещения элементов в строках и колонках; подходит для макетов целых страниц и галерей карточек.

• media queryсуществительноемедиазапрос

  Правило CSS, применяющее стили только при выполнении условия, например минимальной ширины экрана, включённого тёмного режима или печати.

• componentсуществительноекомпонент

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

• eventсуществительноесобытие

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

• databaseсуществительноебаза данных

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

• cookieсуществительноеcookie, файл cookie

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

• load timeсуществительноевремя загрузки

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

• cacheсуществительноекэш, кэшировать

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

• SEOсокращениеSEO, поисковая оптимизация

  Search Engine Optimization — работа над тем, чтобы страницы сайта находили, правильно понимали и показывали выше в поисковых системах, например Google.

• alt textсуществительноеальтернативный текст, текст alt

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

• headingсуществительноезаголовок, заголовок раздела

  Название страницы или раздела, размеченное элементами h1–h6: h1 обозначает главный заголовок, остальные — уровни ниже.

• linkсуществительноессылка, гиперссылка

  Текст или изображение, по нажатию на которое пользователь переходит на другую страницу или место; в HTML создаётся элементом a с атрибутом href.

• formсуществительноеформа, веб-форма

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

• input fieldсуществительноеполе ввода, поле формы

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

• semantic HTMLсуществительноесемантический HTML, семантическая разметка HTML

  HTML, в котором элементы используют в соответствии с их смыслом — например nav, main, article и button, — вместо универсальных div и span для всего подряд.

• box modelсуществительноеблочная модель, модель блока CSS

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

• marginсуществительноевнешний отступ, margin

  Пространство за границей элемента, отодвигающее от него другие элементы.

• paddingсуществительноевнутренний отступ, padding

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

• viewportсуществительноеобласть просмотра, вьюпорт

  Видимая область веб-страницы внутри окна браузера или экрана телефона; её размер меняется при изменении окна или повороте телефона.

• event listenerсуществительноеобработчик события, слушатель события

  Функция, ожидающая определённое событие на элементе, например щелчок или нажатие клавиши, и запускающаяся при его наступлении.

• asynchronousприлагательноеасинхронный

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

• promiseсуществительноепромис, обещание

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

• stateсуществительноесостояние, state

  Данные, хранящиеся в приложении или компоненте в данный момент, например признак открытого меню или введённый пользователем текст; они определяют, что отображается.

• single-page applicationсуществительноеодностраничное приложение, SPA

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

• sessionсуществительноесеанс, сессия

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

• server-sideприлагательноена стороне сервера, серверный

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

• environment variableсуществительноепеременная окружения

  Именованная настройка, например URL базы данных или ключ API, передаваемая приложению извне кода, чтобы её значение могло различаться в разных средах.

• CDNсокращениеCDN, сеть доставки контента

  Content Delivery Network — сеть серверов по всему миру, хранящих копии файлов сайта и доставляющих их с узла, ближайшего к каждому пользователю.

• cross-browserприлагательноекроссбраузерный, работающий в разных браузерах

  Работающий одинаково в разных браузерах, например Chrome, Firefox, Safari и Edge, их версиях и на разных устройствах.

• specificityсуществительноеспецифичность, вес CSS-селектора

  Правило CSS, определяющее, какой стиль победит, когда несколько правил подходят одному элементу: селекторы по ID важнее селекторов по классу, а те — селекторов по элементу.

• npmсуществительноеnpm, менеджер пакетов npm

  Стандартный менеджер пакетов JavaScript и онлайн-реестр, из которого он устанавливает пакеты; используется, например, командой npm install.

• TypeScriptсуществительноеTypeScript, Тайпскрипт

  Язык программирования на основе JavaScript, добавляющий типы, благодаря которым многие ошибки обнаруживаются во время написания кода, а не при его выполнении.

• bundlerсуществительноесборщик, бандлер

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

• lazy loadingсуществительноеленивая загрузка, отложенная загрузка

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

• minifyглаголминифицировать, сжимать код минификацией

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

• image optimizationсуществительноеоптимизация изображений

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

• Core Web VitalsсуществительноеCore Web Vitals, основные интернет-показатели

  Три метрики Google, измеряющие реальный пользовательский опыт на странице: загрузку (LCP), отзывчивость (INP) и визуальную стабильность (CLS).

• ARIAсокращениеARIA, набор атрибутов доступности ARIA

  Accessible Rich Internet Applications — набор HTML-атрибутов, например role и aria-label, предоставляющих вспомогательным технологиям дополнительные сведения об элементах.

• keyboard navigationсуществительноенавигация с клавиатуры, управление клавиатурой

  Использование сайта только с клавиатуры: переход между ссылками, кнопками и полями клавишей Tab и активация клавишами Enter или Space.

• contrast ratioсуществительноекоэффициент контрастности, контрастное отношение

  Числовое соотношение яркости текста и его фона: высокий коэффициент, например 7:1, легче читать, чем низкий, например 2:1.

• meta tagсуществительноеметатег, тег meta

  HTML-тег в элементе head, сообщающий браузерам и поисковым системам сведения о странице, например её описание или настройки области просмотра.

• sitemapсуществительноекарта сайта, файл sitemap

  Файл, обычно sitemap.xml, содержащий список страниц сайта, чтобы поисковые системы могли легче находить и обходить их.

• crawlглаголсканировать сайт, обходить страницы

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

• mobile appсуществительноемобильное приложение, приложение для телефона

  Программа для смартфона или планшета, обычно загружаемая из магазина приложений, например App Store или Google Play.

• iOSсуществительноеiOS, операционная система iOS

  Операционная система Apple для iPhone. Приложения для неё создают с помощью собственных инструментов Apple, главным образом Xcode и языка Swift.

• AndroidсуществительноеAndroid, операционная система Android

  Мобильная операционная система Google, используемая многими производителями телефонов, например Samsung, Xiaomi и самой Google. Приложения для неё в основном пишут на Kotlin или Java.

• native appсуществительноенативное приложение, приложение для конкретной платформы

  Приложение, созданное для одной конкретной платформы с помощью её собственных языков и инструментов, например Swift для iOS или Kotlin для Android.

• cross-platformприлагательноекроссплатформенный, межплатформенный

  Об приложении или фреймворке, работающем более чем на одной платформе, обычно на iOS и Android, из общей кодовой базы.

• emulatorсуществительноеэмулятор, эмулятор Android

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

• simulatorсуществительноесимулятор iOS, симулятор

  Инструмент Apple в составе Xcode, запускающий приложения iOS в окне Mac, похожем на iPhone или iPad, но не имитирующий аппаратное оборудование реального устройства.

• screenсуществительноеэкран приложения, экран

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

• tapглаголкоснуться, нажать на экран

  Быстро коснуться экрана одним пальцем, чтобы выбрать элемент, например кнопку, ссылку или пункт списка.

• scrollглаголпрокручивать, прокрутка

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

• app lifecycleсуществительноежизненный цикл приложения, цикл состояний приложения

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

• backgroundсуществительноефоновый режим, работа в фоне

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

• foregroundсуществительноережим на переднем плане

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

• offline modeсуществительноеавтономный режим, работа без подключения к интернету

  Режим работы, при котором приложением можно пользоваться без интернет-соединения: оно показывает сохранённые данные, а изменения отправляет после восстановления связи.

• local storageсуществительноелокальное хранилище, хранение данных на устройстве

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

• in-app purchaseсуществительноевстроенная покупка, покупка внутри приложения

  Товар или услуга, которые пользователь покупает внутри приложения, например дополнительные функции, игровую валюту или подписку, оплачивая через App Store или Google Play.

• XcodeсуществительноеXcode, среда разработки Apple Xcode

  Среда разработки Apple для написания, сборки, тестирования и публикации приложений для iPhone, iPad, Mac и других платформ Apple. Работает только на macOS.

• Android StudioсуществительноеAndroid Studio, среда разработки Android Studio

  Официальная среда разработки Google для приложений Android на основе IntelliJ IDEA; включает редактор кода, эмулятор Android, профилировщики и инструменты сборки.

• SwiftсуществительноеSwift, язык Swift

  Язык программирования, представленный Apple в 2014 году для создания приложений iOS и других платформ компании; во многом заменил более ранний Objective-C.

• KotlinсуществительноеKotlin, язык Kotlin

  Современный язык программирования, созданный JetBrains и рекомендованный Google как основной для разработки Android; совместим с кодом на Java.

• React NativeсуществительноеReact Native, фреймворк React Native

  Кроссплатформенный фреймворк Meta, позволяющий создавать приложения для iOS и Android на JavaScript или TypeScript и React, используя настоящие нативные компоненты интерфейса.

• FlutterсуществительноеFlutter, фреймворк Flutter

  Открытый фреймворк Google для создания мобильных, веб- и настольных приложений на основе единой кодовой базы; использует язык Dart и самостоятельно отрисовывает интерфейс.

• navigation barсуществительноепанель навигации, навигационная панель

  В iOS — панель вверху экрана с заголовком, кнопкой возврата и кнопками действий; в Android так также называют системную панель с элементами возврата и перехода на главный экран.

• tab barсуществительноепанель вкладок, нижняя панель разделов

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

• swipeглаголпровести пальцем, свайп

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

• splash screenсуществительноезаставка приложения, стартовый экран

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

• onboardingсуществительноепервоначальное знакомство с приложением, онбординг

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

• dark modeсуществительноетёмный режим, тёмная тема

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

• syncглаголсинхронизировать, синхронизация

  Сделать данные на устройстве и сервере одинаковыми, отправив локальные изменения и загрузив новые; сокращённая форма от synchronize.

• hybrid appсуществительноегибридное приложение, гибридное мобильное приложение

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

• web viewсуществительноевеб-представление, встроенный браузерный компонент

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

• hot reloadсуществительноегорячая перезагрузка, hot reload

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

• main threadсуществительноеглавный поток, основной поток

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

• cold startсуществительноехолодный запуск, запуск с нуля

  Запуск приложения, которого уже нет в памяти: системе приходится создавать всё заново; это самый медленный тип запуска.

• activityсуществительноеActivity, экран Activity

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