Home » Веб разработка

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

Веб разработка это комплексный процесс
проектировщика, дизайнера верстальщика, программиста, тестировщика и контент менеджера.

Веб разработка включает в себя

Создание технического задания на веб разработку

Техническое задание может быть составлено как заказчиком так и веб разработчиком. Если веб разработчик составляют техническое задание, то как правило оно составляется на основе брифа на разработку сайт. Бриф на разработку – это документ опросник, который выясняет у заказчика объем функционала, дизайнерские предпочтения, возможные сроки за которые будет происходить веб-разработка. 

Разработка концептуальных макетов.

Веб дизайн создается на основе концептуальных макетов. Может создаваться в различных графических редакторах. Мы создаем макеты в программе Figma, так как этот редактор позволяет в онлайн режиме демонстрировать работу дизайнера по ссылке. Так же рядом с дизайнером может работать арт директор, который контролирует то, насколько качественно работает дизайнер и может ли этот дизайн воплотить в веб разработчик в программный код. Веб дизайн может разрабатываться для нескольких дисплеев – мобайл, планшет, десктоп и широкоформатный монитор. В техническом задании может указываться то сколько макетов создается и с какой последовательностью. Нужна ли стратегия мобайл как основной макет также оговаривается в техническом задании. Веб разработка дизайна происходит для основных и типовых макетов.

Веб-Дизайн

Веб дизайн создается на основе концептуальных макетов. Может создаваться в различных графических редакторах. Мы создаем макеты в программе Figma, так как этот редактор позволяет в онлайн режиме демонстрировать работу дизайнера по ссылке. Так же рядом с дизайнером может работать арт директор, который контролирует то, насколько качественно работает дизайнер и может ли этот дизайн воплотить в веб разработчик в программный код. Веб дизайн может разрабатываться для нескольких дисплеев – мобайл, планшет, десктоп и широкоформатный монитор. В техническом задании может указываться то сколько макетов создается и с какой последовательностью. Нужна ли стратегия мобайл как основной макет также оговаривается в техническом задании. Веб разработка дизайна происходит для основных и типовых макетов.

HTML-верстка

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

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

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

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

 Также задача веб разработчика на данном этапе прописать стили которые будут одинаково читаться различными браузерами, другими словами верстка должна быть кросс браузерная, так как до сих пор остались неразрешенные вопросы в трактовке стилей между браузерами Opera, Safari, Chrome, FireFox. Это наиболее популярные браузеры, верстка и тестирование под остальные браузеры должна оговариваться дополнительно в техническом задании.

Веб программирование

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

Под запросами пользователей можно подразумевать и передачу данных из форм на сервер, серфинг между страницами, навигация, чаты, кнопки и все что, связано с непосредственным взаимодействием на сайте. Сайт может создаваться с нуля на основе готовых библиотек, а может разворачиваться на основе существующих движков сайта(систем управления сайта — CMS). 

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

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

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

Тестирование

Все продукты программные обязательно должны тестироваться на различных устройствах совершенно различными людьми с разными мнениями удобства и красоты. В идеале для тестирования можно создать наиболее простой вариант сайта и собирать отзывы от самих пользователей. Так делают многие стратапы, так как это самый дешевый и массовый подход к тестированию. Мы даем простой инструмент пользователям и на основе отзывов формируем более совершенные интерфейсы. Фактически мы таким образом создаем инструмент под именно нашу аудиторию.

Размещение веб сайта, приложения в сети

Размещение сайта может происходить на хостинг Заказчика и на нашем хостинге. Даже после размещения сайта в сети он не доступен для поисковых машин до того момента когда не будет решения со стороны Заказчика о том что сайт наполнен контентом и сео оптимизирован для поисковых роботов.

Какой период веб разработки возможен

Сроки разработки сайта и приложения могут варьироваться от месяца до нескольких лет. Что бы разработка была контролируемой и осязаемой, необходимо описывать сроки выполнения каждого этапа в техническом задании. Веб разработка с Tarasovs имеет строгий регламент и стратегию. Для начала обсуждения на разработку сайта по ссылке на базе Google.Form или скачав pdf документ.