Фронтенд синоним - Sinonimu.ru - синонимы к разным словам и выражениям

Filters

Filter synonyms by Letter

B C D E F K L N O P R S V

Filter by Part of speech

noun

phrase

Suggest

If you know synonyms for Front end, then you can share it or put your rating in listed similar words.

Suggest synonym

Front end Thesaurus

Definitions of Front end

Front end Antonyms

External Links

Other usefull source with synonyms of this word:

Synonym.tech

Wiktionary.org

Photo search results for Front end

Image search results for Front end

Cite this Source

Synonyms for Front end. (2016). Retrieved 2023, May 05, from https://thesaurus.plus/synonyms/front_end

Synonyms for Front end. N.p., 2016. Web. 05 May. 2023. <https://thesaurus.plus/synonyms/front_end>.

Synonyms for Front end. 2016. Accessed May 05, 2023. https://thesaurus.plus/synonyms/front_end.

Источник

Термины «фронтенд», «клиентская сторона» и «интерфейс» — как употреблять и не облажаться

Время на прочтение
4 мин

Количество просмотров 16K

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

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

При работе над кейсом проекта Designet я поймал себя на том, что считаю термины «фронтенд», «клиентская сторона» и «интерфейс» синонимами. Чтобы расставить все точки над i и больше их не путать, я написал эту памятку. Надеюсь, что она поможет не только мне, но и коллегам — редакторам, копирайтерам, техническим журналистам, маркетологам, менеджерам проектов и всем, кто не имеет прямого отношения к программированию.

Интерфейс

Всё, что помогает человеку управлять инструментом, будь то программа, компьютер, бытовой прибор или панель заводского станка — это интерфейс. Элементами интерфейса являются меню, кнопки, клавиатура, мышь, монитор, переключатели, тумблеры, тулбары, поля для набора текста, экраны с ошибками и прочие способы взаимодействия и ввода/вывода информации. Применительно к интерфейсу программ и приложений в английском языке встречается словосочетание user interface (UI).

Интерфейс — это всё, что вы видите и что можете потрогать.

Интерфейс может быть удобным и неудобным. Критерием удобного интерфейса по сегодняшним меркам считается короткая череда действий, которая не бесит, не смущает, не выматывает и в итоге даёт желаемое. Сумма ощущений от пользования интерфейсом называется опытом взаимодействия, пользовательским опытом или user experience (UX). Он тоже может быть плохим или хорошим.

Интерфейс поисковой страницы Google — пример интерфейса с UX уровня «дзен».

Файловый менеджер FileMatrix — пример ужасного интерфейса из обсуждения на Stack Overflow. Не лезь, он тебя сожрёт.

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

Фронтенд

Если интерфейс — это прослойка между пользователем и кодом, запускающая последний в работу, то фронтенд — это тот самый код и есть. Возьмём, например, какую-нибудь страницу «Википедии». Чтобы открыть её, мы даём команду браузеру: «А покажи». Браузер запрашивает у внешнего сервера строительный материал страницы — код. Этот код исполняется на странице и рисует то, что вы попросили у браузера.

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

Фронтенд складывается из взаимодействия трёх технологий:

HTML (HyperTextMarkupLanguage). Язык разметки документа, понятный браузерам за счёт дескрипторов, или тегов. HTML указывает, какие элементы есть на странице, задаёт их порядок в документе и вложенность одного в другой;
CSS (Cascading Style Sheets, или каскадные таблицы стилей). Придаёт HTML особый вид, облагораживает его: подчёркивает и меняет цвет ссылок, задаёт размеры заголовков или шрифты и т.п.;
JavaScript. Язык программирования, имеющий доступ к элементам страницы и браузера, оперирующий данным в HTML и CSS и служащий для них подобием волшебного пенделя, потому что сами по себе HTML и CSS ничего не делают. С помощью JavaScript, например, в браузере работает анимация и всякие интерактивные штуки. Есть во всех браузерах за исключением Opera Mini, где он ограничен производителем для упрощения работы.

Одно нажатие F12, и страница показывает всё, что под ней спрятано.

Клиентская сторона

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

Этих клиентов уже никто не обслужит.

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

Закрепление

Клиент — это устройство для оперирования удалёнными данными.
Интерфейс — это набор элементов для управления программой или устройством
Фронтенд — это код, принятый клиентом, запущенный на нём и ставший интерфейсом, или веб-разработка на клиентской стороне как таковая.

Окончательно понять разницу поможет пример. Если от вас под страхом смерти потребуют ответ на вопрос, что такое браузер Chrome — клиентская сторона, фронтенд или интерфейс,— смело отвечайте: «Клиентская сторона». А чтобы враг молча отдал оружие, уточните, что отдельно взятая страница — уже интерфейс, а внутри неё работает фронтенд.

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

Источник

Программирование • 03 августа 2022 • 5 мин чтения

Фронтенд или бэкенд: по какому пути в разработке пойти

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

Что такое фронтенд и бэкенд
Какие языки используют фронтенд- и бэкенд-разработчики
Взаимодействие фронтенда и бэкенда
Различия фронтенда и бэкенда
Что выбрать — фронтенд или бэкенд

Что такое фронтенд и бэкенд

У большинства современных сайтов и сервисов есть два слоя: фронтенд для пользователей и бэкенд для технических действий. С фронтендом взаимодействуют обычные клиенты, а бэкенд находится под капотом и обрабатывает запросы от фронтенда.

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

Визуальное отображение элементов, раскрывающиеся списки, правильно подобранные шрифты — всё это фронтенд

Чтобы увидеть фронтенд-код сайта, достаточно щёлкнуть по странице правой кнопкой мыши и выбрать «Просмотреть код».

Так выглядит отображение фронтенд-кода страницы в Яндекс Браузере

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

Бэкенд (англ. backend) — это логика работы сайта, скрытая от пользователя. Именно там происходит то, что можно назвать работой сайта.

Чтобы понять, в чём разница между backend и frontend, возьмём пример:

● Визуальное отображение карточки товара и кнопка «заказать» — это фронтенд.

● Обновление цены и остатков товара на складе, добавление товара в корзину при нажатии кнопки, функция сравнения двух товаров — это бэкенд.

● Результат, который видит пользователь: цена и остатки товара, товар в корзине, сравнение — это снова фронтенд.

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

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

Серьёзный язык для backend: что такое Python и как стать Python-разработчиком

Какие языки используют фронтенд- и бэкенд-разработчики

Фронтенд-разработка — это практически всегда связка из HTML, CSS и JavaScript.

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

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

В отличие от фронтенда, бэкенд использует гораздо больше языков программирования. Он может быть написан на любом языке. Сейчас наиболее востребованы Python, Java, Go, всё ещё популярен PHP. Иногда бэкенд пишут на C# и Ruby. JavaScript тоже подходит для бэкенда — его часто выбирают для изучения те, кто перешёл из фронтенда.

Изучить один из языков бэкенда, Python, можно на курсе Практикума «Python-разработчик». Профессионалы индустрии объяснят, как разрабатывать веб-приложения на практике и настраивать взаимодействие с фронтендом.

Попробуйте себя в роли Python-разработчика

Освойте новую профессию с нуля и заработайте 6 проектов в портфолио: сайты, API и телеграм-бот. Начните с бесплатной вводной части курса «Python-разработчик».

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

Разработка фронтенд и бэкенд неотделимы друг от друга. Обычно они связаны по такой схеме:

Пользователь что-то делает во фронтенде. Например, нажимает кнопку.
Фронтенд отправляет информацию об этом действии в бэкенд.
Бэкенд обрабатывает информацию. Например, если пользователь нажал кнопку «Заказать», формирует для него корзину и подсчитывает цену с доставкой.
Бэкенд возвращает информацию назад фронтенду.
Фронтенд «рисует» для пользователя понятную «картинку» — страницу корзины со стоимостью товара и доставки.

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

Различия фронтенда и бэкенда

Главная разница между frontend и backend в том, что первый работает на пользователя, на мощности его компьютера или смартфона, а второй — на сервере, и пользователю отправляет только результат работы. Но есть и другие отличия:

● Взаимодействует непосредственно с конечным пользователем.

● Единообразен. Практически все фронтенд-разработчики работают на связке технологий HTML+CSS+JavaScript.

● Изменчив. Языки, функции и инструменты для работы часто меняются. Нужно постоянно учиться и следить за трендами.

● Низкий порог входа. Изучить необходимое для начала работы довольно просто.

● Фронтенд-разработчики более тесно контактируют с дизайнерами, маркетологами, менеджерами продукта.

● Обеспечивает логические функции, нужные для работы сайта и приложения.

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

● Стабилен. Радикальные изменения происходят редко, можно годами работать по привычной схеме.

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

● Бэкенд-разработчики больше взаимодействуют с аналитиками, продакт-менеджерами и фронтендерами.

Что выбрать — фронтенд или бэкенд

Фронтенд-разработка — для тех, кто:

● Готов много коммуницировать по продукту с теми, кто не занимается программированием.

● Хочет видеть результаты своей работы в виде конкретного интерфейса.

● Готов постоянно и много обновлять знания.

Бэкенд-разработка — для тех, кто:

● Предпочитает более «техническое» и математически сложное программирование, готов разбираться в алгоритмах.

● Хочет меньше общаться с дизайнерами, маркетологами и другими нетехническими специалистами.

● Готов к тому, что результат работы не будет виден.

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

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

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

Тем, кто решил выбрать бэкенд, освоить его поможет курс Практикума «Python-разработчик». Выучите один из самых популярных для бэкенда языков и разрабатывайте логику сайтов и веб-приложений.

Гайд по Visual Studio Code: как работать с популярным инструментом разработчиков

Серьёзный язык для backend: что такое Python и как стать Python-разработчиком

Учитесь на майских и получайте скидку 7%. Пройдите первый бесплатный урок с 1 по 14 мая и получите промокод на скидку.

Источник

1
front-end

Англо-русский толковый словарь терминов и сокращений по ВТ, Интернету и программированию. > front-end
2
front-end

front-end вчт. внешний интерфейс front-end первоначальный front-end разовый front-end вчт. фронтальная машина natural language front-end вчт. естественно-языковой интерфейс network front-end вчт. сетевой процессор

English-Russian short dictionary > front-end
3
front end

1) программы пользовательского интерфейса, клиентская часть [системы]

3) внешний, входной, интерфейсный

Англо-русский толковый словарь терминов и сокращений по ВТ, Интернету и программированию. > front end
4
front-end

front-end overload interference

помехи, вызванные перегрузкой входного устройства

English-Russian aviation dictionary > front-end
5
front-end

1. [͵frʌntʹend]

вчт.

1) (

front-end interface) внешний интерфейс

2) коммуникационный процессор

3) препроцессор

2. [͵frʌntʹend]

преим. фин.

первоначальный

front-end money — аванс [ тж. front money]

НБАРС > front-end
6
front-end

Англо-русский словарь нормативно-технической терминологии > front-end
7
front end

1)

общ.

передний край, передний конец, передняя часть

See:

2)

торг.

место у входа (в магазин)

See:

3)

комп.

внешний [пользовательский] интерфейс

4)

марк.

расширение

*

, экстенсивная [фронтальная] деятельность

*

Ant:

See:

* * *

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

Англо-русский экономический словарь > front end
8
front end

English-Russian big medical dictionary > front end
9
front-end

1) внешний; ближайший; фасадный

2) внешний интерфейс || внешний интерфейсный

3) связной процессор, коммуникационный процессор || связной, коммуникационный

4) предварительный; буферный

5) препроцессор, процессор для предварительной обработки данных; буферный процессор

6) связной контроллер, коммуникационный контроллер

7) внешняя часть; ближайшая часть, проф. «фасадная» часть

9)

тлв

переключатель телевизионных каналов, ПТК

•

— in-order issue front-end

English-Russian electronics dictionary > front-end
10
front-end

1) внешний; ближайший; фасадный

2) внешний интерфейс || внешний интерфейсный

3) связной процессор, коммуникационный процессор || связной, коммуникационный

4) предварительный; буферный

5) препроцессор, процессор для предварительной обработки данных; буферный процессор

6) связной контроллер, коммуникационный контроллер

7) внешняя часть; ближайшая часть, проф. «фасадная» часть

9)

тлв.

переключатель телевизионных каналов, ПТК

•

— in-order issue front-end

The New English-Russian Dictionary of Radio-electronics > front-end
11
front-end

1. подсистема донаборной обработки текста

2. расположенный в начале

3. донаборный

English-Russian big polytechnic dictionary > front-end
12
front end
1. программы пользовательского интерфейса
Англо-русский словарь нормативно-технической терминологии > front end
13
front-end

Большой англо-русский и русско-английский словарь > front-end
14
front-end

[ˌfrʌnt’end]

5) Вычислительная техника: (тж. front-end interface) внешний интерфейс, адаптер сбора данных, внешний, входной, выходной каскад, вычислительная машина ( для) предварительной обработки данных, вычислительная машина предварительной обработки данных, для предварительной обработки данных, интерфейсный, клиент, клиентский компьютер, работать с использованием связной вычислительной машины, связная вычислительная машина, синтаксический анализатор, устройство или средства (д ля) предварительной обработки данных, устройство или средства предварительной обработки данных, фронтальная вычислительная машина, фронтальный

Универсальный англо-русский словарь > front-end
15
front end

1) внешний интерфейс || интерфейсный

2) препроцессор || препроцессный; (предназначенный) для предварительной обработки данных

4) клиент; клиентский компьютер

5) входной; внешний; фронтальный

6) интерфейсная часть

English-Russian dictionary of computer science and programming > front end
16
front-end

3) вчт. синтаксический анализатор

•

Англо-русский словарь технических терминов > front-end
17
front-end

1) подсистема донаборной обработки текста

2) расположенный в начале

3) донаборный (о процессе)

Англо-русский словарь по полиграфии и издательскому делу > front-end
18
front-end

1. n вчт. внешний интерфейс

2. n вчт. коммуникационный процессор

3. n вчт. препроцессор

4. a преим. фин. первоначальный

English-Russian base dictionary > front-end
19
FRONT END

1. подготовительное окно

2. передний конец полосы

English-Russian big polytechnic dictionary > FRONT END
20
front end

1. передняя часть

tag end — конец, последняя часть

West End — Уэст-Энд, западная часть центра Лондона

2. внешний интерфейс

English-Russian dictionary of Information technology > front end

Страницы

См. также в других словарях:

front end — ˈfront end noun [singular] 1. COMMERCE if a company is at the front end of a business or activity, they have a lot of success, especially because they are producing a lot of new products: • He is experienced at dealing companies at the front end… … Financial and business terms
front-end — [frunt′end′] adj. designating, of, or having to do with a contract, financial arrangement, etc. in which specified payments, costs, etc. are payable in advance * * * front end (frŭntʹĕnd ) adj. 1. Of or relating to the initial phase of a project … Universalium
Front End — [dt. »vorderes Ende«], bei einer Client Server Anwendung ein Teilprogramm, das auf einem Client läuft (im Gegenteil zum Back End, der auf dem Server läuft). Als Front End bezeichnet man auch eine separate Benutzeroberfläche, mit der sich… … Universal-Lexikon
front-end — UK US adjective FINANCE ► used to describe a charge that investors pay at the time when they put money into some types of investment: »This loan contains no front end sales charges. → Compare BACK END(Cf. ↑back end) … Financial and business terms
front-end — ► ADJECTIVE 1) relating to the front, especially of a vehicle. 2) informal (of money) paid or charged at the beginning of a transaction. 3) Computing (of a device or program) directly accessed by the user and allowing access to further devices or … English terms dictionary
front-end — [frunt′end′] adj. designating, of, or having to do with a contract, financial arrangement, etc. in which specified payments, costs, etc. are payable in advance … English World dictionary
front-end — ¦ ̷ ̷ ¦ ̷ ̷ adjective : relating to or required at the beginning of an undertaking take some time for the huge front end investment to be paid off Wall Street Journal * * * frontˈ endˈ noun The aspects involved in the running of an operation, eg… … Useful english dictionary
front end — UK / US noun [countable] Word forms front end : singular front end plural front ends computing 1) the parts of a computer system that the user sees and uses 2) a front end processor … English dictionary
front-end — adjective Date: 1962 relating to or required at the beginning of an undertaking < no front end charge at the time of investment > … New Collegiate Dictionary
front-end — adjective 1》 informal (of money) paid or charged at the beginning of a transaction. 2》 Computing (of a device or program) directly accessed by the user and allowing access to further devices or programs. noun Computing the front end part of a… … English new terms dictionary
front-end — UK / US adjective business relating to the start of a business process or project There is no front end fee for the share plan … English dictionary

Источник

Когда дело доходит до разговора о веб-дизайне, многие люди начинают перлы вроде “броузер” или того хуже. Ниже приведен список самых популярных терминов и выражений по фронтэнду, для всеобщего образования. Читаем, учим, говорим правильно!

adaptive design

адаптивный дизайн, подход к дизайну сайтов, учитывающий их адаптацию под различные устройства и условия, противопоставляется распространённому «фиксированному» дизайну только для компьютеров.

anchor

ссылка, гиперссылка между двумя документами.

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

animation

анимация, плавное изменение визуальных параметров объекта.

asset

ресурс, обычно вспомогательный, как стили и картинки для страницы, напр. ресурсы сайта — site assets.

assert

проверка, условие, которое проверяется, употр. в тестировании, напр. проверка поля не прошла — field assert has failed.

browser

бра́узер

back-end

бэке́нд

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

фон, напр. фоновое изображение — background image.

baseline

базовая линия, воображаемая линия в основании букв в строке.

blockquote

блочная цитата, HTML-элемент для выделения цитируемой нестрочной области документа. Может содержать атрибут cite со ссылкой на первоисточник.

border

рамка, внешняя видимая часть блока, напр. рамка слева — border-left.

border-radius

скругление рамки, напр., скругление рамки на 3 пикселя — border-radius:3px, скругление верхнего левого угла — border-top-left-radius, см. также скруглённые углы.

box model

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

box-shadow

тень (блока), напр. тень блока красная — box-shadow is red.

breadcrumbs

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

button

кнопка

элемент интерфейса, при нажатии отправляющий форму или производящий иное действие
элемент формы button или input type=»button» (также submit и image).

callback

обратный вызов, исполнение кода по завершению работы функции, напр. передай значение в обратном вызове — pass value in a callback.

cell

ячейка

структурная единица таблицы.
элемент таблицы td или th
cellpadding

отступ в ячейках таблицы.

cellspacing

расстояние между ячейками таблицы.

checkbox

чекбо́кс

элемент интерфейса для выбора одного или нескольких вариантов, напр. чекбокс неактивен — checkbox is disabled.
элемент формы input type=»checkbox»
clear

очистка (потока)

clear:left — очистка слева
clear:right — очистка справа
clear:both — полная очистка
client-side

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

closure

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

code

сущ. код, неисчисл. (как сахар), напр. ошибка в коде — error in code но не ошибка в кодах (неправильно).
гл. писать код, верстать, программировать, напр. верстать сайт — to code a site.
colspan

объединение столбцов, HTML-атрибут для объединения нескольких ячеек таблицы в одной строке.

column

столбец, колонка, вертикальная область в таблице, раскладке или тексте.

content

содержимое

cross-browser

кроссбра́узерный, работающий во всех браузерах, слитно.

cross-platform

кроссплатфо́рменный, работающий во на всех платформах, слитно.

CSS Working Group (CSSWG)

Рабочая группа CSS

design

сущ. дизайн, визуальный облик сайта, может включать принципы взаимодействия и архитектурные решения, напр. новый дизайн для сайта — new design for site.
гл. разрабатывать, создавать или проектировать внешний вид и функциональность.
disabled

неактивный, состояние элемента формы, в котором его изменение запрещено, напр. неактивная кнопка — disabled button.

display

вид

display:none — скрытый вид
display:block — блочный вид
display:inline — строчный вид
display:inline-block — вид строчного блока

DOM

объектная модель документа, дом

doctype

докта́йп, конструкция вида DOCTYPE html в начале документа, которая обозначает используемую версию HTML.

dropdown

выпадающее меню, элемент интерфейса, раскрывающий дополнительную информациию при активации.

easing

плавность, функция плавности, описывает изменение скорости анимации с помощью ключевых слов или кривых Безье, напр. плавность перехода линейная — transition easing is linear.

ем, единица измерения в CSS, которая зависит от размера шрифта родителя, напр. размер шрифта 3 ема — font-size:3em.

enabled

активный, состояние элемента формы, в котором его изменение разрешено, напр. активная кнопка — enabled button.

engine

движок, напр. Сафари работает на движке Вебкит — Safari is based on WebKit engine.

fallback

TODO

favicon

фавикон, значок сайта, обычно 16×16 пикселей в формате ICO.

fieldset

группа полей, элемент, объединяющий несколько полей формы, напр. зелёная рамка на группе полей — green border on a fieldset.

figure

фигура, элемент из HTML5, содержащий изображение, видео, таблицу, график или фрагмент кода.

figcaption

заголовок фигуры, заглавие или подпись к фигуре.

float

прил. плавающий, свойство блока, заставляющее последующие блоки обтекать его, напр. раскладка на плавающих блоках — float layout.
гл. обтекать, следовать вплотную к плавающему блоку, напр. текст обтекает справа — text is floating to the right.
гл. прижимать, упираться вправо или влево, обычно из-за плавающих свойств, напр. прижмите блок влево — float block to the left.

font

шрифт

font-weight — насыщенность
font-weight:normal — нормальная
font-weight:bold — полужирная, (не «жирный»)
font-weight:bolder — жирнее
font-weight:lighter — светлее
font-style — стиль шрифта
font-style:normal — прямой
font-style:italic — курси́в
font-style:oblique — наклонный
font-size — размер шрифта, кегль
font-family — семейство шрифта, гарнитура
font-family:serif — с засечками
font-family:sans-serif — без засечек
font-family:monospace — моноширинный

footer

подвал

характерная визуальная область в конце страницы.
элемент footer — смысловая часть с метаинформацией.

framework

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

front-end

фронте́нд

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

full screen

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

graceful degradation

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

gradient

градие́нт, плавный переход от одного цвета к другому.

linear gradient — линейный градиент
radial gradient — радиальный градиент
conical gradient — конический градиент
grid

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

header

шапка

характерная визуальная область в начале страницы.
элемент header — смысловая озаглавливающая часть.
height

высота

implement

внедрять, реализовывать напр. Firefox внедрил поддержку всего — Firefox has implemented support of everything.

inline

строчный

inline block — строчный блок
inline box — элемент строки в строчном форматировани: часть наполнения контейнера строки, к которой непосредственно применяются CSS-правила, напр. анонимный элемент строки — anonymous inline box.
inline element — строчный элемент
inline styles — локальные стили
input

поле (ввода), элемент формы. TODO.

kerning

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

keyframe

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

keyframe animation

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

layout

раскладка, расположение основных блоков на странице, напр. раскладка в 3 столбца — 3 columns layout.

letter-spacing

межбуквенное расстояние, тре́кинг, общее расстояние между буквами в тексте, отличается от кернинга.

line-box

контейнер строки в строчном форматировании: виртуальный контейнер, содержащий в себе все элементы одной строки.

line-height

высота строки, интерлинья́ж, расстояние между базовыми линиями текста.

list

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

ordered list — упорядоченный список, отсортированный по какому-либо принципу.
unordered list — неупорядоченный список, в котором порядок следования не имеет значения.

list-style

стиль списка

margin

внешний отступ, напр. нижний отрицательный отступ 10 пикселей — margin-bottom:-10px.

matrix

ма́трица (трансформации), описание трансформации объекта с помощью матрицы.

media queries

медиавыраже́ния, слитно.

mixin

при́месь, набор свойств, расширяющий поведение другой сущности, встречается в CSS-препроцессорах и подходах к JavaScript, напр. примесь очищает поток — mixin is clearing.

mock-up

макет, внешний вид или дизайн сайта различной степени детализации, напр. дизайнер прислал макет страницы — designer sent a page mock-up.

modal

прил. мода́льный, блокирующий интерфейс для выполнения какого-либо действия, напр. модальный диалог — modal dialog.
сущ. модальное окно (диалог), элемент интерфейса, см. модальный.
multiple

множественный, повторённый два и более раз, напр. множественные фоны — multiple backgrounds.

multiple columns

мультиколо́нки, механизм из CSS, позволяющий выстроить текст в несколько колонок, напр. поддержка мультиколонок в IE — multiple columns support in IE. Предпочтительнее, чем громоздкие «множественные колонки».
многоколо́ночный, состоящий из нескольких колонок, напр. многоколоночная раскладка — multiple columns layout.

nested

вложенный, находящийся внутри чего-либо, напр. двойная вложенность — double nesting.

node

узел, элемент структуры, напр. дочерний узел — child node.

opacity

прозрачность, степень прозрачности, напр. прозрачность 10% — opacity:0.1.

opaque

непрозрачный, степень непрозрачности, напр. непрозрачен на 75% — opaque by 75%, значит прозрачность 25%.

outline

обводка, внешний равномерный контур элемента, не участвующий в блочной модели.

package manager

TODO

padding

внутренний отступ, напр. верхний внутренний отступ 10 пикселей — padding-top:10px.

pagination

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

па́ттерн, формализованный подход к написанию кода, напр. паттерны JavaScript — JavaScript patterns.

performance

быстродействие, характеристика скорости загрузки, отрисовки и т.п., напр. быстродействие CSS.

pixel

пи́ксель, единица измерения для экранного дизайна, в мн.ч. пиксели, сокр. пк.

polyfill

полифи́л, скрипт, воссоздающий недостающую функциональность, напр. новый полифил для IE6 — new polyfill for IE6.

popup

всплывающее окно, попа́п, отдельное окно или элемент интерфейса, появляющийся поверх текущего, напр. назойливый попап — annoying popup.

position

позиционирование

position:static — статичное
position:absolute — абсолютное
position:relative — относительное
position:fixed — фиксированное
position:sticky — закреплённое

preprocessor

препроце́ссор, инструмент, преобразующий код из одного синтаксиса в другой, напр. CSS-препроцессор Sass — Sass CSS preprocessor.

promises

про́мисы, способ асинхронного выполнения скриптов, противопоставляется использованию обратных вызовов.

progress bar

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

progressive enhancement

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

radio button

радиокно́пка, элемент формы input type=»radio» для выбора одного варианта из нескольких, напр. радиокнопка выбрана — radio button is checked.

rem

рем, единица измерения в CSS, которая зависит от размера шрифта корневого элемента html, напр. размер шрифта 3 рема — font-size:3rem.

reset

сброс, обычно сброс стилей по умолчанию в CSS, напр. файл сброса стилей — style reset file.

responsive design

TODO

Responsive Images Community Group (RICG)

Общественная группа по адаптивным изображениям

rounder corners

скруглённые углы, напр. скруглённые углы вышли из моды — rounded corners are out of fasion, см. также скругление рамки.

row

строка, ряд

горизонтальная область в таблице или раскладке.
элемент таблицы tr

rowspan

объединение строк, HTML-атрибут для объединения нескольких ячеек таблицы в одном столбце.

scaffolding

скафо́лдинг, автоматическая генерация кода по описанию, метод метапрограммирования.

scale

сущ. масштаб
гл. масштабировать

script

скрипт, инструкции, описывающие поведение страниц, напр. скрипты пока не подгрузились — scripts are not loaded yet.

semantics

семантика, смысловая нагрузка HTML-элементов, напр. семантическая вёрстка — semantic coding.

server-side

серверсайд, область технологий, работающих на сервере, часто синоним бэкенда.

shadow DOM

теневой DOM, теневая модель документа

shim

шим, код, помогающий унифицировать работу с браузерами, обычно реализует недостающую или нормализует существующую поддержку, напр. HTML5-шим для IE8 — HTML5 shim for IE8.

sidebar

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

skew

сущ. наклон
гл. наклонять
source maps

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

style

сущ. стили, напр. применить стили к элементу — apply styles to an element, мн.ч. предпочтительнее: стили элемента, а не стиль элемента (неправильно).
гл. оформлять, напр. как оформить селекты — how to style selects. Предпочтительнее, чем двусмысленное «стилизовать».

tab

вкладка, один из слоёв интерфейса сайта или программы, который активируется выбором его заголовка, напр. открыть в новой вкладке — open in new tab.
таб, клавиша табуляции, вставляет символ табуляции, переключает фокус на следующий элемент интерфейса, либо дополняет частично набранное слово, напр. нажмите контрол-таб — press Ctrl Tab.
таб, символ табуляции, имеет настраиваемую ширину и используется для отступов в коде, напр. табы лучше пробелов — tabs are better than spaces.

textarea

текстовая область, элемент формы для ввода многострочного текста.

text-align

выравнивание, вы́ключка, ориентация строк текста в определённом направлении, либо равномерно по ширине блока.

text-align:left — влево
text-align:right — вправо
text-align:justify — по ширине

text-shadow

тень (текста), напр. тень текста красная — text-shadow is red.

thumbnail

миниатюра, уменьшенная копия изображения.

title

заголовок, если речь идёт об элементе title, либо о заглавии элемента.
подсказка, если речь идёт об атрибуте title=»».

toggle

переключать, переводить из одного состояния в другое, переключить классы — toggle classes.

tooltip

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

touch

TODO

transform

трансформация, напр. трансформация масштабированием в 2 раза — transform:scale(2).

transition

переход, напр. линейный переход длительностью 2 секунды — transition:all 2s linear.

translate

перемещать, перемещение объекта с помощью CSS-трансформации, напр. перемещение на X и Y — translate(x, y).

typography

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

unit

единица изменения, напр. единица измерения «рем» — rem unit.

utility

утили́та, программа с узким назначением.

valid

TODO

validator

TODO

vendor prefix

бра́узерный пре́фикс, приставка к CSS-свойству -webkit- или -moz-, напр. добавьте браузерные префиксы — add vendor prefixes.

vertical-align

вертикальное выравнивание, расположение элементов по вертикали в пределах строки текста или таблицы.

viewport

вьюпо́рт

видимая область документа в рамках экрана.
элемент meta name=»viewport», управляющий адаптацией страниц на мобильных устройствах.

website, web site

сайт, объединённые под одним адресом страницы, перевод «веб-сайт» избыточен.

World Wide Web Consortium (W3C)

Консорциум всемирной сети, организация, разрабатывающая веб-стандарты. Переводить «web» как «паутину» в XXI веке уже смешно.

web standards

веб-стандарты

width

ширина

word-spacing

межсловный пробел

workaround

обходное решение (приём), способ решения задачи в ограниченных условиях, напр. придумать обходной приём — to figure out workaround.

04-04-2016

Источник