Центральная справочная

1. API

API — набор инструкций одного программного обеспечения для возможности работы с ним другим программным обеспечением.

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

Конкретно в вебе это обычно схема запрос → ответ, где запрос проходит через http-протокол и возвращает ответ в формате XML или JSON. Что по сути позволяет оформлять такие схемы, как в морде, так и в бекенде.

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

2. CMS

Это та самая «невидимая» часть сайта, которая позволяет админу\модератору управлять содержимым сайта. Добавлять и редактировать страницы, фото, заметки. При этом мы рассматриваем CMS, как расширенную версию движка с уклоном на контент.

Популярными примерами CMS являются:

  • WordPress
  • OpenCart
  • Joomla

3. UI-Kit

UI-Kit расшифровывается как user interface kit, что в переводе звучит как набор элементов пользовательского интерфейса.

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

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

4. URL

URL — единый идентификатор ресурса (Uniform Resource Locator). В нашем рабочем сленге используется в том числе в качестве англицизма: «урл». Его ошибочно называют ссылкой, что не совсем верно, так как гиперссылка ссылаясь на документ использует для обозначения адреса этого документа урл.

Урл это не только идентификатор документа, он может принимать в себя параметры для управления отображением на странице. Например пагинация осуществляется передачей порядкового номера в урл: https://someurl/&p=3.

5. VDS

VDS (Virtual Dedicated Server) — виртуальный выделенный сервер. Почти, как настоящий физический сервер. Является распространенной хостинг-услугой, которая позволяет самостоятельно управлять настройками своего сервера.

6. Брендбук

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

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

7. Бэкенд

Все, что происходит в бекенде, остается в бекенде. Арсений

Бекенд\бэкенд (back-end) — незримая часть проект, вытекающая в обозримое. Проектирование БД, разработка самописки или работа с движком — это все про бэкенд.

Обычно подразумевается работа с непосредственно языком программирования, например python, php, C.

Как результат это выражено в передаче данных в шаблон, который и видит пользователь. Шаблон же может быть результатом обработки ЯП или фронтенда.

8. Верстка

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

В первом случае используется такой софт, как, к примеруAdobe inDesign или QuarkXPres.

Во втором верстальщики используют языки разметки HTML + CSS и JS и подходящую ему IDE (редактор). Так как данный термин не используется в мировом сообществе, его вытесняет такое понятие, как фронтенд, а до этого в ходу было понятие веб-мастер, суть человек-оркестр.

9. Гайдлайн

Гайдлайн (он же guidline) — набор инструкций, которые способствуют, или должны, правильному пониманию, как использовать дизайн. Нередко ошибочно принимается, как святое писание и дословные инструкции. Использовать необходимо аккуратно и со знанием дела. Плохой дизайнер послушается бесприкословно и испортит продукт, а хороший включит мозги и с правильным скептицизмом отступится от жестких правил и создаст шедевр.

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

11. Движок сайта

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

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

12. Дизверстка

Образованный нами термин для определения процесса формирования дизайна во время верстки. Иными словами: когда верстальщик «рисует» дизайн верстая с нуля. Также может быть применен к верстке дизайна не с нуля, а дополняя макет.

Мы часть используем такой метод, так как он позволяет существенно сэкономить время работы и, соответственно, деньги клиента. Но для его качественного осуществления необходимо иметь хотя бы UI-Kit для проекта.

13. Зарелизить

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

14. Интерробанг

Символ пунктуации для передачи риторического вопроса. Также еще называется вопроцательным. Мы его активно применяем в своих статьях и переписке в формате «!?». Данный символ, к нашему сожалению недоступен для употребления в Alt-наборе. Поэтому в его настоящем виде мы используем его в редких случаях. Мнемоничесого набора не существует.

Символ Мнемоника HTML-код Alt-набор
- ‽ -

15. Информационная архитектура

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

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

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

16. Кавычки

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

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

«„Цыганы“ мои не продаются вовсе», — сетовал Пушкин.

Допустимо использование, когда те кавычки, что стоят рядом заменяются на одну. В таком случае используются ёлочки.

«Цыганы» мои не продаются вовсе», — сетовал Пушкин.

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

Символ Мнемоника HTML-код Alt-набор
« « « Alt + 0171
» » » Alt + 0187
„ „ -
“ “ -

17. Конкатенация

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

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

18. Костыль

Костыль, он же костыльное решение — обычно временная мера, которая тем не менее чаще всего становится постоянной. В нашей практике этот термин начинает использоваться начиная с верстки сайтов.

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

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

19. Лендинг

Лендинг (она же посадочная страница) — предназначена для того, чтобы привлечь клиента и посадить его на определенную страницу. Чаще всего исполняется с несколькими формами для приема заявки.

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

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

20. Логобук

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

21. Морда (фронт)

Морда, он же фронт\фасад — результат фронтенда. Это может быть сверстанный макет сайта, админка. В зависимости от контекста.

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

22. Продакшн

Продакшн в IT-разработке — это состояние продукта, когда он доступен к пользованию конечными пользователями. Т.е. по сути конечная его версия.

Вне зависимости от качества разработки, релиз проекта сопровождается спеллом «Хуяк-хуяк, в продакшн!»

23. Рабочка

Рабочка — та версия проекта, над которым ведется работа (в разработке).

Обычно это невидимый для конечного пользователя продукт, который может быть:

  • Расположен на локальных машинах наших разработчиков
  • Расположен на закрытом от индексации домене нашего сервера для разработки

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

В случае дизайна это те его версии, что гоняются между нами и заказчиком до утверждения макета.

24. Самописка

В отличии от CMS, которая подразумевает неоднократное использование, самописка чаще всего пишется под конкретный проект.

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

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

25. Среднее тире

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

Символ Мнемоника HTML-код Alt-набор
– – Alt + 0150

26. Танцы с бубном

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

27. Тире

Символ равный русскому тире, по правилам в случае применения пропуска используется с отбивкой. Канонично в русском языке использовалось также для разделения диапазонов в числах. Но в последнее время [столетие] для диапазонов не применяется.

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

Также для выделения на фоне среднего тире называют длинным.

Символ Мнемоника HTML-код Alt-набор
— — Alt + 0151

28. Фикс

Когда речь заходит о небольших правках в области веб-разработки, то в момент запуска их в готовый продукт мы называем их фиксами. Дословно фикс — починка.

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

29. Фича

Фича она же feature явление имеющее две стороны медали:

  • Запланированная особенность (фича)
  • «Это не баг, а фича»

Первое определение скучное и недостойно внимание. Вы могли слышать его в разговоре в духе:

— А давайте добавим эту фичу в проект!

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

30. Фреймворк

Фрейморк — это фактически надстройка над языком (несколькими языками). Сам по себе ценности не представляет, только с разработчиком. Движок сам себя не напишет.

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

В отличие от библиотеки является основой конечного продукта.

31. Фронтенд

Фронтенд (front-end) — спектр действия специалиста-фронтендщика на то, чтобы пользователь увидел интерфейс и смог им воспользоваться. Результатом работы является морда. Включает в себя такие понятия, как верстка, но распространяется дальше ее в сторону бекенда.

Фронтенд — есть сплетение языков HTML, CSS, JS и их производных (фреймворки, библиотеки). Простой реализацией можно считать создание карусели на сайте, а более сложной — получение данных от API и их обработка.

32. Хостинг

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

На самом деле можно пользоваться сайтом и без домена, но тогда его адрес будет выглядеть как-то так: 192.168.0.1