Обзор веб-дизайна и веб-разработки

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

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

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

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

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

• Графический дизайн
  • Типографика
  • Макет страницы
• Проектирование пользовательского опыта (UX-дизайн)
• Проектирование пользовательского интерфейса (UI-дизайн)
• Методы веб-дизайна
  • Адаптивный веб-дизайн (RWD)
  • Адаптивный веб-дизайн (AWD)
  • Прогрессивное улучшение
  • Веб-дизайн без таблиц
• Программное обеспечение
  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe XD
  • Фигма
  • Эскиз (программное обеспечение)
  • Дизайнер Аффинити
  • Инкскейп

• Разработка интерфейсных веб-приложений — практика преобразования данных в графический интерфейс с использованием HTML, CSS и JavaScript, чтобы пользователи могли просматривать эти данные и взаимодействовать с ними.
  • HTML (язык разметки гипертекста) (*.html)
  • CSS (каскадные таблицы стилей) (*.css)
    • CSS-фреймворк
  • JavaScript (*.js)
    • Менеджеры пакетов для JavaScript
      • npm (первоначально сокращение от Node Package Manager)
• Скриптинг на стороне сервера (также известный как «Серверная (веб) разработка» или «Внутренняя (веб) разработка»)
  • Активный VFP (*.avfp)
  • ASP-файл (*.asp)
  • Веб-формы ASP.NET (*.aspx)
  • Веб-страницы ASP.NET (*.cshtml, *.vbhtml)
  • Язык разметки ColdFusion (*.cfm)
  • Перейти (*.перейти)
  • Скрипт Google Apps (*.gs)
  • Взломать (*.php)
  • Haskell (*.hs) (пример: Yesod )
  • Java (*.jsp) через JavaServer Pages
  • JavaScript или TypeScript с использованием серверного JavaScript (*.ssjs, *.js, *.ts) (пример: Node.js )
  • Лассо (*.lasso)
  • Lua (*.lp *.op *.lua)
  • 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)
  • Тсl (*.tcl)
  • ВебДНК (*.dna,*.tpl)
• Полноценная веб-разработка – включает как front-end, так и back-end (серверную) разработку
• Веб-фреймворк
  • Типы архитектур фреймворков
    • Модель–представление–контроллер
    • Трехуровневая архитектура
• Программное обеспечение
  • Атом
  • IntelliJ ИДЕЯ
  • Возвышенный текст
  • Код Visual Studio

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