Профессиональные достижения студентов прикладной информатики
×

12.1. Веб-дизайн и разработка

 

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

 
 
Организация работы и управление
 
Специалист должен знать и понимать:
  • Принципы и практики, которые позволяют продуктивно работать в команде;
  • Аспекты систем, которые позволяют повысить продуктивность и выработать оптимальную стратегию;
  • Как проявить инициативу и предприимчивость в целях выявления, анализа и оценивания информации из различных источников;
 
Специалист должен уметь:
  • Решать распространенные задачи веб-дизайна и разработки кода;
  • Учитывать временные ограничения и сроки;
  • Производить отладку кода программ и находить ошибки;
  • Использовать компьютер или устройство и целый ряд программных пакетов;
  • Применять исследовательские приемы и навыки, чтобы быть в курсе последних отраслевых решений;
  • Планировать график рабочего дня с учетом требований;
  • Включать ссылки на изображения, шрифты и др. файлы при архивации данных;
  • Использовать систему контроля версий.
 
Коммуникационные и межличностные навыки
 
Специалист должен знать и понимать:
  • Способы решения возникающих проблем, анализ проблемной ситуации возникшей в ходе решения профессиональных задач, пути их решения с учетом этических норм и правил, опираясь на профессиональную этику;
  • Принципы, лежащие в основе сбора и представления информации;
  • Дизайн-концепции и техники, в том числе черновое макетирование страниц (wireframing), объектно-событийное моделирование (storyboarding) и создание блок-схем;
  • английский язык в рамках чтения и понимания официальной технической документации по используемым технологиями и языкам программирования.
 
Специалист должен уметь:
  • Представить свой продукт, который отвечает требованиям клиента и спецификации;
  • Собирать, анализировать и оценивать информацию;
  • Использовать навыки грамотности для толкования стандартов и требований;
  • Анализировать и применять современные отраслевые стандарты;
  • Планировать и организовывать общение с клиентом;
  • Критиковать свои проекты и идеи.
 
Графический дизайн веб-страниц
 
Специалист должен знать и понимать:
  • Структуру и общепринятые элементы веб-страниц различных видов и назначений;
  • Вопросы, связанные с когнитивными, социальными, культурными, технологическими и экономическими условиями при разработке дизайна;
  • Как создавать и оптимизировать графику для сети Интернет;
  • Как создавать дизайн по предоставляемым инструкциям и спецификациям;
  • Как производить выбора цвета, работать с типографикой и композицией;
  • Принципы и методы адаптации графики для использования ее на веб-сайтах;
  • Правила поддержания фирменного стиля, бренда и стилевых инструкций;
  • Ограничения, которые накладывают мобильные устройства и разрешения экранов при использовании их для просмотра веб-сайтов;
  • Принципы построения эстетичного и креативного дизайна;
  • Современные стили и тенденции дизайна.
 
Специалист должен уметь:
  • Создавать и анализировать разработанные визуальные ответы на поставленные вопросы, в том числе об иерархии, типографики, эстетики и композиции;
  • Создавать, использовать и оптимизировать изображения для веб-сайтов;
  • Анализировать целевой рынок и продукцию, которую продвигает, используя дизайн;
  • Выбирать дизайнерское решение, которое будет наиболее подходящим для целевого рынка;
  • Принимать во внимание влияние каждого элемента, который добавляется в проект во время разработки дизайна;
  • Использовать все требуемые элементы при разработке дизайна;
  • Учитывать существующие правила корпоративного стиля;
  • Создавать «отзывчивый» дизайн, который будет отображаться корректно на различных устройствах и при разных разрешениях;
  • Придерживаться оригинальной концепции дизайна проекта и улучшать его визуальную привлекательность;
  • Превращать идею в эстетичный и креативный дизайн.
 
Верстка страниц
 
Специалист должен знать и понимать:
  • Методы обеспечения доступа к страницам веб-сайтов аудитории с ограниченными возможностями;
  • World Wide Web Consortium (W3C) стандарты HTML и CSS;
  • Методы верстки веб-сайтов и их стандартную структуру;
  • Web accessibility initiative (WAI) стандарт доступности активных Интернет-приложений для людей с ограниченными возможностями;
  • Как применять соответствующие CSS правила и селекторы для получения ожидаемого результата;
  • Лучшие практики для Search Engine Optimization (SEO) и интернет-маркетинга;
  • Как встраивать и интегрировать анимацию, аудио, видео и другую мультимедийную информацию, управлять поведением остальных элементов на странице;
  • Как использовать предпроцессоры.
 
Специалист должен уметь:
  • Создавать html-страницы сайта на основе предоставленных графических макетов их дизайна;
  • Корректно использовать CSS для обеспечения единого дизайна в разных браузерах;
  • Создавать адаптивные веб-страницы, которые способны оставаться функциональными на различных устройствах при разных разрешениях;
  • Создавать веб-сайты полностью соответствующие текущим стандартам W3C (http://www.w3.org);
  • Создавать и модифицировать сайты с учетом Search Engine Optimization.
 
Программирование на стороне клиента
 
Специалист должен знать и понимать:
  • Клиентский языка программирования JavaScript;
  • Принципы, особенности и способы использования открытых фреймворков;
  • Принципы разработка кода с использованием открытых библиотек;
  • Синтаксис и симантику языка, построение грамотного и структурированного кода;
  • Как взаимодействовать с объектной моделью документа (DOM).
 
Специалист должен уметь:
  • Разрабатывать анимацию для повышения его доступности и визуальной привлекательности;
  • создавать и модифицировать JavaScript код для улучшения функциональности и интерактивности сайта;
  • Применять открытые библиотеки.
  • Разрабатывать полноценные веб приложения для возможности использования их в различных областях деятельности
 
Программирование на стороне сервера
 
Специалист должен знать и понимать:
  • Как разрабатывать PHP, Python, Node.js код на процедурном и объектно-ориентированном уровнях;
  • Как использовать открытые библиотеки и Фреймворки;
  • Распространенные модели организации и хранении данных и реализацию их с применением SQL подобных баз данных;
  • FTP (File Transfer Protocol), особенности использования его на стороне сервера и клиента, а также необходимое для этого программное обеспечение;
  • SSH, производить удалённое управление операционной системой и настройку необходимых служб
  • Как разрабатывать веб-сервисы с применением PHP, Python, Node.js, XML (Extensible Markup Language) и JSON;
  • Различные методы программирования;
  • Как разрабатывать программный код в соответствии с паттернами (например, MVC (Model View Controller);
  • Как разрабатывать безопасное веб-приложение.
 
Специалист должен уметь:
  • Создавать библиотеки и модули для выполнения повторяющихся задач;
  • Разрабатывать веб-приложения с доступом к базе данных SQL подобных баз данных
  • и веб-сервисы по требованиям клиента;
  • Интерпретировать ER (Entity-Relationship) диаграммы в функционирующую базу данных;
  • Создавать SQL (Structured Query Language) запросы, используя корректный синтаксис (классический и PDO (PHP Data Object));
  • Обеспечивать безопасность (устойчивость веб-приложения к атакам и взлому);
  • Интегрировать существующий и создавать новый программный код с API (Application Programming Interfaces), библиотеками и фреймворками;
  • Разрабатывать объектно-ориентированный программный код.
 
Системы управления контентом
 
Специалист должен знать и понимать:
  • Преимущества и ограничения системы управления контентом с открытым исходным кодом;
  • Как найти, выбрать и подключить подходящие плагины/модули;
  • Способы реализации функциональных возможностей CMS;
  • Понимать необходимость поддержания и обновления для плагинов CMS и соответствующих модулей для безопасности системы.
  • Специалист должен уметь:
  • Устанавливать, настраивать и модифицировать систему управления контентом;
  • Устанавливать, настраивать и обновлять плагины/модули CMS;
  • Создать пользовательские темы/шаблоны для системы управления контентом;
  • Создавать пользовательские плагины/модули и шаблоны/темы.