Краткое описание веб-дизайна и веб-разработки

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

Веб-дизайн – область, которая включает в себя множество различных навыков и дисциплин при создании и обслуживании веб-сайтов . Различные области веб-дизайна включают веб-графический дизайн; дизайн интерфейса ; авторская разработка, включая стандартизированный код и проприетарное программное обеспечение ; дизайн пользовательского опыта ; и поисковая оптимизация . Часто многие люди работают в группах, охватывая различные аспекты процесса проектирования, хотя некоторые дизайнеры охватывают их все. ^[1] Термин «веб-дизайн» обычно используется для описания процесса проектирования, связанного с дизайном внешнего интерфейса (клиентской стороны) веб-сайта, включая написание разметки . Веб-дизайн частично перекрывает веб-инженерию в более широкой сфере веб-разработки . Ожидается, что веб-дизайнеры будут осведомлены об удобстве использования , и если их роль включает в себя создание разметки, то от них также ожидается, что они будут в курсе рекомендаций по доступности веб-сайтов .

Веб-разработка — работа, связанная с разработкой веб-сайта для Интернета ( Всемирной паутины ) или интранета (частной сети). ^[2] Веб-разработка может варьироваться от разработки простой статической страницы с обычным текстом до сложных веб-приложений для Интернета ( веб-приложений ), электронного бизнеса и социальных сетей . Более полный список задач, к которым обычно относится веб-разработка, может включать веб-инжиниринг , веб-дизайн , разработку веб-контента , связь с клиентом, на стороне клиента / сервера написание сценариев , безопасности веб-сервера и сети настройку электронной коммерции , а также разработку .

Среди веб-профессионалов «веб-разработка» обычно относится к основным аспектам создания веб-сайтов, не связанным с дизайном: написание разметки и кодирование . ^[3] Веб-разработка может использовать системы управления контентом (CMS), чтобы сделать изменения контента более простыми и доступными при наличии базовых технических навыков.

В более крупных организациях и предприятиях команды веб-разработчиков могут состоять из сотен людей ( веб-разработчиков ) и следовать стандартным методам, таким как методологии Agile, при разработке веб-сайтов. Небольшим организациям может потребоваться только один постоянный разработчик или разработчик по контракту или вторичное назначение на соответствующие должности, такие как графический дизайнер или техник по информационным системам . Веб-разработка может быть совместной работой отделов, а не сферой деятельности определенного отдела. Существует три вида специализации веб-разработчика: фронтенд-разработчик , бэкенд-разработчик и фул-стек-разработчик . Разработчики внешнего интерфейса отвечают за поведение и визуальные эффекты, которые запускаются в браузере пользователя, разработчики внутреннего интерфейса отвечают за серверы, а разработчики полного стека несут ответственность за то и другое. В настоящее время спрос на разработчиков React и Node.JS очень высок во всем мире.

Веб-дизайн

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

Интерфейсная веб-разработка — практика преобразования данных в графический интерфейс с использованием HTML, CSS и JavaScript, чтобы пользователи могли просматривать эти данные и взаимодействовать с ними.
- HTML (язык разметки гипертекста) (*.html)
- CSS (каскадные таблицы стилей) (*.css)
  - CSS-фреймворк
- JavaScript (*.js)
  - Менеджеры пакетов для JavaScript
    - npm (первоначально сокращение от Node Package Manager)
Серверные сценарии (также известные как «Серверная (веб) разработка» или «Верхняя (веб) разработка»)
- АктивВФП (*.avfp)
- АСП (*.asp)
- Веб-формы ASP.NET (*.aspx)
- Веб-страницы ASP.NET (*.cshtml, *.vbhtml)
- Язык разметки ColdFusion (*.cfm)
- Иди (*.go)
- Скрипт Google Apps (*.gs)
- Взломать (*.php)
- Haskell (*.hs) (пример: Yesod )
- Java (*.jsp) через страницы JavaServer
- JavaScript или TypeScript с использованием серверного JavaScript (*.ssjs, *.js, *.ts) (пример: Node.js )
- Лассо (*.lasso)
- Двойной (*.lp *.op *.dua)
- NodeJS (*.node)
- Парсер (*.p)
- Perl через модуль CGI.pm (*.cgi, *.ipl, *.pl)
- PHP (*.php, *.php3, *.php4, *.phtml)
- Прогресс WebSpeed (*.r,*.w)
- Python (*.py) (примеры: Pyramid , Flask , Django )
- R (*.rhtml) – (пример: rApache )
- Реагировать (*.jsx, *.tsx)
- Ruby (*.rb, *.rbw) (пример: Ruby on Rails )
- SMX (*.smx)
- Ткл (*.tcl)
- ВебДНК (*.dna,*.tpl)
Полнофункциональная веб-разработка – включает в себя как интерфейсную, так и внутреннюю (серверную) разработку.
Веб-фреймворк
- Типы фреймворковых архитектур
  - Модель-представление-контроллер
  - Трехуровневая архитектура
Программное обеспечение

См. также

Схема компьютеров
- Очерк вычислений и Очерк информационных технологий
  - Очерк информатики
    - Очерк искусственного интеллекта
    - Очерк криптографии
  - Очерк Интернета
    - Краткое описание Google
  - Краткое описание программного обеспечения
    - Виды программного обеспечения
      - Краткое описание бесплатного программного обеспечения
      - Обзор поисковых систем
    - Схема разработки программного обеспечения
      - Краткое описание разработки программного обеспечения
      - Краткое описание веб-дизайна и веб-разработки
      - Краткое описание компьютерного программирования
        Языки программирования
        Краткое описание C++
        Краткое описание Perl
  - Очерк компьютерной инженерии

Ссылки

^ Лестер, Джорджина. «Различные работы и обязанности разных людей, участвующих в создании веб-сайта» . Искусство Уэльса, Великобритания. Архивировано из оригинала 31 мая 2013 г. Проверено 17 марта 2012 г.
^ «Что такое веб-разработка? – Определение из Techopedia» . Techopedia.com . Проверено 7 декабря 2018 г.
^ Кэмпбелл, Дженнифер (2017). Веб-дизайн: вводный . Cengage Обучение. п. 27.

Внешние ссылки

[different_jobs-1] Лестер, Джорджина. «Различные работы и обязанности разных людей, участвующих в создании веб-сайта» . Искусство Уэльса, Великобритания. Архивировано из оригинала 31 мая 2013 г. Проверено 17 марта 2012 г.

[2] «Что такое веб-разработка? – Определение из Techopedia» . Techopedia.com . Проверено 7 декабря 2018 г.

[3] Кэмпбелл, Дженнифер (2017). Веб-дизайн: вводный . Cengage Обучение. п. 27.

[1]

[2]

[3]