Веб-разработка

индекс
236,88

Разговорный Словарик Web-разработчика


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

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

Ниже собственно сам словарик. По мере поступления мыслей в мою голову и комментариев в этот топик всё будет дополняться и редактироваться… спасибо

Краткий словарик web-разработчика

Общее

Сайт — Интернет ресурс, любой проект в интернете (форум, блог, магазин...)
Браузер — Программа для просмотра сайтов, их изменения, отправки данных в интернет
Дизайн — Процесс проектирования сайта. Вид художественно-проектной деятельности, сочетающей принципы удобства, экономичности и красоты. (с) На практике чаще всего готовым дизайном называют набор макетов и какие-то описания логики работы сайта по этим макетам
Техническое задание, ТЗ — документ описывающий новый проект, всю его логику, структуру, зависимости и переходы

Макет— внешний вид, страницы которую нарисовал дизайнер (psd, jpg, tiff...).
Шаблон— 1. страница хтмл, которую сверстал верстальщик html+css+js, 2. Шаблон обрабатываемый движком, разбитый на блоки, с переменными, и кодом, для загрузки динамических данных движком.
Движок— программная часть сайта, его ядро, нужен для соединения контентной части страницы и визуальной части. Отвечает за всю логику, формирует структуру сайта.
cms — система управления контентом, готовый движок, содержащий в себе необходимый инструментарий для управления структурой и содержимым сайта.
Контент— содержимое веб страниц сайта. Весь текст, все картинки, фото, видео музыка и другая информация, которая не относятся непосредственно к дизайну.
Скрипты— часть программного кода отвечающая за какое-то конкретное действие
Сервер,Хост— место, «где физически» расположен сайт, к хосту почти всегда есть доступ из интернета через браузер по его доменному имени или непосредственно к файлам по ftp ssh
Домен — имя сайта, то, что пользователь пишет в строке «Адрес» своего браузера, что бы попасть на сайт
Админка, backoffice — Специальный раздел сайта, из которого ведётся управление сайтом, его настройками, контентом. Из админки производится редактирование и добавление информации, администрирование пользователей, разделов сайта
Счётчик — в применении к web обычно означает специальный программный модуль, который ведёт статистику сайта. например собирает информацию по количеству посещений, времени пребывания на ней, браузерам пользователя и другое
ftp (ssh) — сетевой протокол передачи данных, предназначенный для обмена файлами(ftp ssh) и удалённого управления сервером(ssh), их используют для управления файлами и настройками на сервере

Вёрстка

htmlв общем виде — формат файла, воспринимающийся браузером как страница, в нём описывается вся разметка сайта
css– таблица стилей, в ней описываются классы со стилями, отвечающие за оформление всей страницы
Блок— какая-то обособленная часть страницы, вся страница состоит из блоков различной степени вложенности
Теги— элемент html представляет из себя текст, заключенный в угловые скобки. Является активным элементом, изменяющим представление находящейся в нём информации
header, шапка — верхняя, часто статичная, часть сайта, обычно содержит основную информацию о сайте — заголовок, основное меню управления, логотип, поиск, ссылки на карту и личный кабинет пользователя
footer, подвал — нижняя, так же статичная, часть сайта, в ней обычно указывают копирайты и контакты, дублируют основное меню, логотип или указывают любую другую информацию

Дизайн

Слои— отдельные части макета, каждый слой — элементарная часть в макете, которую можно изменять отдельно от других
psd — «стандартный» формат photoshop, разработки макета, содержит информацию о слоях, шрифтах и цвете, фильтрах, прозрачности и другой важной информации. Не сжимает графику. может содержать несколько состояний одного элементов
swf, flash — мультимедийный формат. используется для отображения векторной графики на сайте, создания веб приложений с помощью Actionscript, показа любого мультимедийного контента (музыки, видео, векторной анимации)

Программирование

Язык— (php, python, perl, asp...) язык программирования, на котором ведётся разработка движка, языки отличаются синтаксисом и возможностями
База данных, БД— (mysql,mysqli,postgres,oracle) структурированный организованный набор данных, описывающих характеристики каких-либо физических или виртуальных систем. (с) в базе данных хранится весь контент, а так же вся служебная информация о структуре и связях сайта
Модуль — функционально законченный фрагмент, отделенный от основного кода, предназначенный для использования в других программах. Модули позволяют разбивать сложные задачи на более мелкие.
xml — расширяемый формат разметки. Текстовый формат, предназначенный для хранения структурированных данных. служит прослойкой между базами данных и движком сайта или же заменяет собой базу.
xsl, xslt — Язык преобразований XML-документов. С помощью XSL можно трансформировать XML-документ в любой вид, будь то HTML, WML, RTF, PDF, SQL, даже в SWF
JSON — простой формат обмена данными, удобный для чтения и написания как человеком, так и компьютером
AJAX — совмещенная из нескольких, технология позволяющая обновлять данные на странице, без её перезагрузки
лог — файл с записями о всех событиях в хронологическом порядке. используется для отслеживания качества работы, поиска неполадок и ошибок
это вторая редакция.
готовится третья...


ссылки ведут например на вики, там энциклопедическое расшифровывание понятий
+1
12 марта 2009, 16:57
20

комментарии (71)

0
Shael #
Я не буду подвергать критике идею и реализацию в целом, но сразу бросается в глаза несколько вещей:
во-первых написание транскрипций в скобках как-то совсем криво выглядит. Во-вторых сами определения прямо скажем даны не лучшим образом. В частности html — нужно было перевод хотя бы указать. Во-вторых определение БД привязано к сайту. Это тоже мягко говоря не корректно. И т.д. и т.п… К чему-либо можно придраться почти в каждом вашем определении=\
0
Shael #
хотя хочу поправиться, словарик-то веб-разработчика, так что вобщем-то понятие БД можно и оставить в таком виде…
0
Vilz #
я не ставил задачей «энциклопедическое расшифрование» этих всех значений, если по ним пробежаться этого хватает в вики и тп.

просто хочется что бы люди понимали друг друга, а то так говоришь кому нибудь про шаблон, а он думает что это макет, или приходится объяснять кому нибудь по 10 минут, что такое база данных… а простых слов нет

ну и конечно я принимаю все замечания и исправляю тут же…
+2
Vilz #
придеритесь пожалуйста… хочется не просто так фигню какую то накатать, сделать удобную и полезную штуку
0
Alert #
«html– (php, htm, asp, pl)» — php, asp, pl тут не к месту, удалите или опишите отдельно.
0
Vilz #
ок ок… вводит всех в заблуждение… я тут не имел ввиду хтмл как гипертекст, а просто как расширение файла, обрабатываемое сервером\браузером, когда на выходе мы получаем страницу
+1
ainu #
модуль
домен
ftp (ssh)
футер
хидер
подвал
счётчик
лог
админка
AJAX
0
Vilz #
спасибо спасибо спасибо!
0
r3code #
Футер, хИдер — с русским проблемы…?
У меня это называется: шапка и подвал, а от хИдеров люди шарахаются — клиенты особенно.
0
Vilz #
ну я на англ и с переводом внёс эти пункты… header и шапка, footer и подвал… так что проблем нет мне кажется
0
r3code #
Хорошо, я просто немного комментом промахнулся, хотел товарищу с «хИдером» написать.
0
Vilz #
как вообще задумка-то?
0
r3code #
Нужно с рисунками. То бишь определение и рисунок к нему.
Примерно так
Термин — осмысленное или вики определение термина сопровождаемое картинкой справа.

Вот картинка например, только она большая, а тут бы подошли мини картинки 200х150 пикселей, вот смотри как на alistapart.com показывают


Где-то тут на хабре видел как раз маленькие, но не запомнил себе адрес.
0
Vilz #
да мне и самому нарисовать не сложно… главный вопрос, нужно вообще это или нет…
0
r3code #
Почитай еще мои комментарии ниже, там про «словарь для заказчика».
Словарь для разработчиков не нужен — мы уже сами все знаем, а вот клиенты под частую даже слова сайт пугаются, не то что хедер/подвал, морда/индекс/главная.
0
Vilz #
о чёрт, всё дело было в названии! Куда бежать?
если я переименую статью она внезапно изменит свой смысл?
:-(
0
r3code #
Как видишь разработчикам словарь не нужен, а новички читая формы и советуясь с опытными разработчиками нахватаются сленга сами — их обучать этому не надо.
0
Vilz #
нахватаются сленга и давай совать его куда не попадя не понимая половины смысла… знаем, плавали…
0
r3code #
Хм… странная логика, нахвататься сленга — это значит его понять и использовать так чтобы понимали другие. Услышать и везде пихать как «умное» — я бы задумался над уровнем развития мозга этого индивида.
0
Vilz #
как здорово, что вам это понятно и логично, но люди-то все разные. равнять их на себя может и правильно, но не всегда работает
0
r3code #
Я надеялся, что дураков все таки в мире меньше… не заставляйте меня разочаровываться.
0
Vilz #
статистика неумолима — 98%
извините
0
r3code #
Это статистика из раздела «Как мы видим клиента»?
Не верю, что 98% разработчиков глупы.
0
Vilz #
не-не-не, это всемирная статистика по человекам в целом…
+2
ainu #
коли разговор идёт о разговорном (некоторые — транскрипт, как слышится)…
копирайт (блок ссылок на странице)
нски (ns сервера)
vds
DDOS
капча
чмод (права 777)
резиновая (о вёрстке)
хак (о вёрстке)
валидность
фавиконка
инъекция (о безопасности)
xss (о безопасности)
кеш (о том, что F5 надо нажимать)
доктайпы
ослик
юникод
зазенденный (о защите)
htaccess
апач
0
Vilz #
жалко что в карму можно плюсануть только один раз. Спасибо большое…
хотя некоторые вещи несколько глубже чем хотелось бы описывать. /*Чешет репу о расширенной версии словарика*/
0
Vilz #
эти штуки внёс…
приму любые замечания ^__^
еще раз спасибо
+1
ya_goshka #
про псд лучше дописать, что это формат фотошопа)
0
Vilz #
бу сде!
НЛО прилетело и опубликовало эту надпись здесь
0
Vilz #
поэтому и прошу помощи…
спасибо, напишу
+2
ainu #
А вот это чёрное одноглазое это типа веб разработчик подразумевается чтоли?
0
Vilz #
ну вроде нет, это просто картинка для привлечения внимания, а заодно разминка, что бы не забыть, что такое планшет…
0
pwlnw #
Похож. Темнота (необразованность) и узость взглядов.
+2
ainu #
глаз красный. ночью не спал.
0
Vilz #
надо это срочно исправлять!
+1
andriano #
Морда — заглавная страница сайта.
0
Vilz #
да кстати!.. спасибо
0
andriano #
Листалка (пейджер) — список страниц, использующийся для постраничного разбиения контента.
0
r3code #
Морда — это скорее внутри командный сленг. Сказать заказчику «Что на морде то писать будем?» — не звучит )
Можно просто — главная страница, и без морд понятно.

Есть еще
Заставка — обычно мало нагруженная текстом и другими элементами страница, содержит логотип-картинку и напутствия посетителю. Показывается посетителям перед входом на главную страницу сайта, служит для создания впечатления о сайте, либо для выбора варианта показа сайта (например с/без флеш)
0
Vilz #
спасибо, я не буду писать только «морда» это еще и «главная», «main» и «index» иногда
0
r3code #
Я придерживаюсь русских названий, т.к. считаю 80% клиентов в России уж точно понимает по-русски.
0
Vilz #
многие названия не имеют русских аналогов или просто обзываются «как есть» — транслитом, тот же Хидер, футер, пейджер… это не очень правильно, но такая штуковина имеет место быть, игнорировать её нельзя мне кажется
0
r3code #
Хм… давайте список терминов, которые не имеют аналогов. Есть наверно такие, но в большинстве случаев я думаю ваше мнение ошибочно.
Бывают плохие переводчики, это как переводить translation language = трансляционный язык, вместо — язык перевода. Футер и хИдер тому яркий пример.
0
Vilz #
там не «и» стоит а «или»…
[irony]всем известно, что разработчики говорят на смеси английского и русского[/irony]
0
r3code #
Тот же пейджер — номерной указатель страниц напрмер, и из его названия сразу все ясно.
0
Vilz #
вы так и будете говорить заказчику — вот я сделал «номерной указатель страниц»? это же надо у себя в бошке его так обозвать сначала, а если он всю жизнь пейджер то и кому угодно автоматически будешь говорить пейджер… таже история что с ксероксом, только в узкой среде разработки
0
r3code #
Вообще существует этика. Этика общения с заказчиком. Это как например нельзя себе позволять ругаться матом в театре да, или гадить в общественном месте — звучит грубо, но это ограничения для того, чтобы участники действа сами не чувствовали себя глупо и унижено.
Если в команде вы все матом обсуждаете и шлете всех куда подальше, то я сильно сомневаюсь, что также вы ведете себя с заказчиком.
0
Vilz #
значит есть большой смысл в этом словарике указать «правильное название на русском»
0
r3code #
Конечно, для каждого уровня свой язык. Начни рабочему на стройке дифирамбами говорить, что делать, так он подумает — ругаешься.
Люди разные и подход разный.
0
andriano #
Надо тогда уж определиться, разговорный это словарик или не разговорный.
Или помечать слова какими-нибудь тегами типа «не для общения с заказчиком».
0
r3code #
Я вообще предлагаю сделать словарик «для общения с заказчиком» — своего рода вики по терминам, чтобы понимали клиенты, а как внутри команды называется какая-то часть в принципе не важно, потому что вы и так уже друг друга поймете.
0
Vilz #
по цветам разбить?
0
andriano #
Топикстартер в топике написал «понятное любому из людей, с которым приходится говорить во время разработки».
Так что это скорее словарь самых разных терминов, которые употребляются всеми.

Хотя, не мне указывать, какие слова в итоге войдут в этот словарь. Я просто пишу, что вспоминаю из отсутствующих терминов.
0
Vilz #
да я уже третий раз переписываю сопроводительный текст. а то почему то у некоторых, видимо, создалось впечатление, что я принимаю их за идиотов и минусуют активно
0
r3code #
Извини за навязчивость — это очередной раз говорит, что разработчиков учить этому не надо.
0
Vilz #
Я никого ничему не учу. Просто сортирую, упорядочиваю и дополняю свои знания.
Я думал «это» может быть полезно кому-то для чего-то. С подачей промахнулся, явно, да
+1
mholub #
Кто — целевая аудитория данного словарика?

Программисты, верстальщики и дизайнеры должны это и так знать, иначе какие они программисты, верстальщики и дизайнеры?

Если это словарик для тех, кто не в теме (например заказчик (если он конечно не в теме)), то там есть неудачные моменты, например, прочитайте определение «Теги» и попробуйте его понять. Оно еще и неправильное, ибо тэги предназначены для семантики, а не для представления.
0
Vilz #
на самом деле программисты, дизайнеры и верстальщики довольно часто не могут найти общий язык как оказалось на практике…
0
Vilz #
ну и для тех кто не в теме конечно…
опять таки начинающим верстальщикам\дизайнерам\программерам нужно, что бы систематизировать свои знания, когда начинаешь путаться на ровном месте этот словарик может помочь
+2
sss #
В любой командной деятельности, сочетающий в себе специалистов из разных сфер основополагающим фактором успешного результата является договоренность о терминах и понятиях. Собственно, договора с этого начинаются.

А с развитием жаргона и разного вида морфинга слов и понятий наличие словаря просто напросто облегчает понимание!

ЦА в данном случае — все кто задействованы. В большей степени для новичков актуально, или если в новой команде.
0
mholub #
тогда его надо сильно сокращать, представляете технарей, не знающих про слова сайт или фтп?
0
Vilz #
есть еще менеджер проекта, связующее звено между заказчиком и тех отделом… с ним тоже надо контакт поддерживать… а менеджер зачастую совсем не технарь
0
Optik #
И кадровику тоже стоит почитать, потому что если веб-разработчик (его даже начинающим разработчиком назвать нельзя по хорошему) не понимает данных терминов, кадровику надо дать пинка.
0
mholub #
зачем нужны такие менеджеры? вот мне тьфу-тьфу повезло, все мои менеджеры в прошлом были программистами
0
sss #
Ключевая фраза — «все ваши».
0
Vilz #
кстати сайт тут просто как уточнение типа любой интернет проект, ресурс…
а-ля «читающий данное руководство гражданин, далее — ГРАЖДАНИН»
0
mholub #
сайт как уточнение нужен в юрдокументе, потому что там нужна абсолютная точность, ибо неточность — лазейка
0
Flex #
SEO описать можно (сео, песочница, бан, ВЧЗ, НЧЗ, СЧЗ, кейворд, титл, альт, контекстная реклама и прочее)
0
Vilz #
спасибо… займусь
0
NickMan #
Буллеты (Верстка)

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