Верстка и программирование — это этап, когда все предыдущие наши и ваши старания (аналитика, прототипы, дизайн) превращаются в работающий сайт. Если сравнивать с постройкой дома, то дизайн — это красивые картинки и чертежи, а верстка и программирование — это когда вы надеваете каску, берете в руки инструменты и начинаете строить. Без кирпичей, но с кучей кофе.
Начинается всё с верстки. Верстальщик (Frontend разработчик) — берет дизайн-макет и превращает его в HTML-страницы. Если упростить, он расставляет тексты, картинки и кнопки, делает отступы и анимацию так, чтобы всё выглядело идеально (Как и задумывал дизайнер). И да, сайт должен быть удобным и на огромном мониторе, и на крошечном экране смартфона. Это тоже заслуга верстальщика.
Дальше идет программирование логики и взаимосвязей сайта. Backend-разработка это "мозг" сайта, который работает на сервере. Если frontend — это красивая гостиная, то backend — это все провода, трубы и системы, спрятанные в стенах. Именно здесь обрабатываются данные, хранятся пароли (да, надеемся, что не в открытом виде) создаются заказы, присватаются статусы и отправляются уведомления. Это как, если бы ваш дом сам знал, когда нужно включить отопление или отправить вам напоминание, что пора вынести мусор.
Связь инфоблоков с CMS (системы управления содержимым сайта) — CMS, это как пульт управления для вашего сайта. С его помощью можно добавлять новые страницы, менять тексты и картинки, не вызывая программистов. Это как если бы вы могли переставлять мебель в доме, просто нажав кнопку. И чем более толковый программист будет это все делать, тем проще и гибче можно будет самостоятельно менять сайт. Например, бывают случаи, что для экономии денег, бюджета, времени, (а может быть просто лень?) программист минимизирует этот шаг, тогда текстовый блок остается вшит в верстку сайта, и пользователь, без знания HTML никак не сможет самостоятельно изменить этот контент, также и с картинками.
Пару слов о организации базы данных сайта. База данных — это огромное хранилище информации. Представьте себе библиотеку, где каждая книга — это данные о пользователях, товарах или заказах. И да, эта библиотека должна быть хорошо организована, иначе найти нужную информацию будет так же сложно, как найти иголку в стоге сена. Тут тоже очень важно иметь компетентного подрядчика. Приведу пример. У вас большой интернет магазин. Одна из важных задач сайта - хранить данные о пользователях и о заказах пользователей. Если подойти к вопросу хранения данных безалаберно, данные одного пользователя. по ошибке, могут выводиться у совершенно другого. Пароли и личные данные можно легко увести. А может быть так что база данных разрастается из-за хранения не нужных данных, и сайт начинает просто падать.
Тестирование — еще один важный этап, когда нужно проверить, что всё работает как надо. И на всех устройствах, и актуальных браузерах. Это как пробный запуск всех систем в новом доме: вы проверяете, не течет ли кран, не искрит ли проводка, и не заклинивает ли дверь, не треснут ли стены, если жильцы захотят переклеить обои.
Что же мы получаем в итоге? После всех этих этапов, мы получаем готовый сайт, который можно заполнять контентом и запускать. Но перед этим нужно провести финальное тестирование, чтобы убедиться, что всё работает идеально.
Начинается всё с верстки. Верстальщик (Frontend разработчик) — берет дизайн-макет и превращает его в HTML-страницы. Если упростить, он расставляет тексты, картинки и кнопки, делает отступы и анимацию так, чтобы всё выглядело идеально (Как и задумывал дизайнер). И да, сайт должен быть удобным и на огромном мониторе, и на крошечном экране смартфона. Это тоже заслуга верстальщика.
Дальше идет программирование логики и взаимосвязей сайта. Backend-разработка это "мозг" сайта, который работает на сервере. Если frontend — это красивая гостиная, то backend — это все провода, трубы и системы, спрятанные в стенах. Именно здесь обрабатываются данные, хранятся пароли (да, надеемся, что не в открытом виде) создаются заказы, присватаются статусы и отправляются уведомления. Это как, если бы ваш дом сам знал, когда нужно включить отопление или отправить вам напоминание, что пора вынести мусор.
Связь инфоблоков с CMS (системы управления содержимым сайта) — CMS, это как пульт управления для вашего сайта. С его помощью можно добавлять новые страницы, менять тексты и картинки, не вызывая программистов. Это как если бы вы могли переставлять мебель в доме, просто нажав кнопку. И чем более толковый программист будет это все делать, тем проще и гибче можно будет самостоятельно менять сайт. Например, бывают случаи, что для экономии денег, бюджета, времени, (а может быть просто лень?) программист минимизирует этот шаг, тогда текстовый блок остается вшит в верстку сайта, и пользователь, без знания HTML никак не сможет самостоятельно изменить этот контент, также и с картинками.
Пару слов о организации базы данных сайта. База данных — это огромное хранилище информации. Представьте себе библиотеку, где каждая книга — это данные о пользователях, товарах или заказах. И да, эта библиотека должна быть хорошо организована, иначе найти нужную информацию будет так же сложно, как найти иголку в стоге сена. Тут тоже очень важно иметь компетентного подрядчика. Приведу пример. У вас большой интернет магазин. Одна из важных задач сайта - хранить данные о пользователях и о заказах пользователей. Если подойти к вопросу хранения данных безалаберно, данные одного пользователя. по ошибке, могут выводиться у совершенно другого. Пароли и личные данные можно легко увести. А может быть так что база данных разрастается из-за хранения не нужных данных, и сайт начинает просто падать.
Тестирование — еще один важный этап, когда нужно проверить, что всё работает как надо. И на всех устройствах, и актуальных браузерах. Это как пробный запуск всех систем в новом доме: вы проверяете, не течет ли кран, не искрит ли проводка, и не заклинивает ли дверь, не треснут ли стены, если жильцы захотят переклеить обои.
Что же мы получаем в итоге? После всех этих этапов, мы получаем готовый сайт, который можно заполнять контентом и запускать. Но перед этим нужно провести финальное тестирование, чтобы убедиться, что всё работает идеально.
Финальный призыв к добру! Очень важно понимать. Что сайт - сложный интеллектуальный продукт многих людей, и если что-то в первый день после запуска, все-таки, сломалось или пошло не так, нужно относиться к этому с пониманием, спрятать факелы и вилы и совместно с разработчиком оперативно поправить недоработку.
