42 термина веб-разработки, которые должен знать каждый

42 термина веб-разработки, которые должен знать каждый
42 термина веб-разработки, которые должен знать каждый
Anonim

Вы когда-нибудь сидели на совещании или даже после собрания и ломали голову, задаваясь вопросом, о чем, черт возьми, говорит/говорил ваш веб-разработчик?

Я имею в виду, на каком языке они говорили?

Не волнуйтесь, это случается со многими из нас.

Я помню, когда у меня впервые появился интерес к разработке, я понятия не имел, что читаю. (Да, вы правильно прочитали. Это говорит разработчик-самоучка).

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

Вы спрашиваете, зачем мне иметь базовое понимание?

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

Вы, конечно, можете попросить немного больше разъяснений, поскольку мы любим объяснять, что мы делаем, но всегда полезно иметь базовое понимание. Кроме того, ожидается, что к 2023 году мировой рынок кодирования достигнет 7 миллиардов долларов. Таким образом, эти термины будут становиться все более распространенными!

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

1. 301 Редирект

Редирект 301 - это постоянное перенаправление с одного URL-адреса на другой. Этот тип перенаправления обычно используется для перенаправления со старой страницы веб-сайта на новую страницу.

2. 404

404 - это сообщение об ошибке, которое пользователь видит, когда то, что было запрошено, не может быть найдено. Часто это происходит из-за попытки перейти на несуществующую страницу или из-за неправильно введенного URL-адреса страницы. (Вот несколько примеров умных страниц 404.)

3. Доступность

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

4. ALT-тег

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

5. API

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

6. Пропускная способность

Это объем данных, который может быть передан по соединению за заданное время.

7. Точки останова/Медиа-запросы

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

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

8. Показатель отказов

По словам Google, ваш показатель отказов - это процент, с которым человек покидает ваш сайт с входной страницы, не взаимодействуя со страницей. (Вот несколько способов улучшить показатель отказов.)

9. Кэш

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

10. Файлы cookie

Не путайте это с десертом, который так любит Cookie Monster.

(Забавный факт: у меня один день рождения с Cookie Monster. Не шучу.)

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

11. Призыв к действию (CTA)

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

12. Классы

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

13. CSS

CSS означает «Каскадные таблицы стилей». Этот код сообщает браузеру, как отображать ваш сайт. Сюда входят глобальные стили для шрифтов, цветов, изображений, меню и т. д.

14. Система управления контентом

CMS означает «Система управления контентом». Это программная система (например, HubSpot или WordPress), которая используется для редактирования контента вашего веб-сайта.

15. Сканирование

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

16. CDN

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

17. DNS

Это всегда сложно полностью объяснить, но Cloudflare отлично справляется с этой задачей.

“Система доменных имен (DNS) – это, по сути, телефонная книга Интернета. Люди получают доступ к информации в Интернете через доменные имена, такие как nytimes.com или espn.com. Веб-браузеры взаимодействуют через IP-адреса.

DNS преобразует доменные имена в IP-адреса, чтобы браузеры могли загружать интернет-ресурсы».

18. Фавикон

Сокращенно от «Избранный значок». Это значок, который появляется на вкладке браузера вашего веб-сайта.

Изображение
Изображение

19. Рамка

Фреймворк определяется как «пакет, состоящий из структуры файлов и папок стандартизированного кода (документы HTML, CSS, JS и т. д.)».

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

(Примеры: Bootstrap, Skeleton)

20. FTP

FTP - сокращение от «Протокол передачи файлов». Когда дело доходит до веб-сайтов, именно так файлы загружаются в Интернет.

21. Хостинг

Хостинг - это веб-сервер, на котором хранятся файлы вашего сайта.

22. HTML

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

23. HTTP и

Мгновенный SSL заявляет, что протокол передачи гипертекста Secure (HTTPS) - это безопасная версия HTTP, протокола, по которому данные передаются между вашим браузером и веб-сайтом, к которому вы подключены.

Буква S в конце HTTPS означает «Безопасный». Это означает, что все сообщения между вашим браузером и веб-сайтом зашифрованы. HTTPS часто используется для защиты конфиденциальных онлайн-транзакций, таких как онлайн-банкинг и формы заказов на покупки в Интернете.

24. Javascript

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

25. Метатег

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

26. Навигация

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

27. Скорость страницы

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

28. Шаблон страницы

Шаблон страницы - это уникальный макет страницы или нескольких страниц вашего сайта.

29. Плагин

Это дополнение к CMS (например, WordPress), позволяющее добавлять функции и расширять функциональность вашего веб-сайта.

30. Распространение

Распространение - это время, необходимое для того, чтобы изменения на ваших серверах доменных имен вступили в силу.

Другими словами, когда вносятся изменения в DNS, каждый DNS-сервер в мире должен обновить свои записи о том, какой IP-адрес связан с какими доменами, и это может занять время.

31. Регистратор

Ваш регистратор - это компания, которая использовалась для регистрации домена. (Примеры: GoDaddy, Network Solutions и т. д.)

32. Адаптивный дизайн

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

33. Разметка схемы

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

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

34. Поисковая оптимизация (SEO)

Ты знаешь это! SEO - это процесс создания и изменения контента для лучшей видимости в поисковых системах.

35. Выдача

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

36. Скрипты на стороне сервера

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

37. Карта сайта

Это организационная схема всех страниц веб-сайта (и они очень важны.)

38. SSL

SSL означает Secure Sockets Layer и является стандартным протоколом безопасности для установления зашифрованных соединений. Это гарантирует, что все данные, передаваемые между веб-сервером и браузером, остаются в безопасности.

39. Пользовательский опыт (UX)

UX или пользовательский опыт - это взаимодействие пользователя с интерфейсом (например, приложением или страницей веб-сайта).

40. Пользовательский интерфейс (UI)

UI - это взаимодействие посетителя и компьютера.

41. Каркас

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

42. WYSIWYG

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

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

Теперь ты говоришь на моем языке.

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

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