Последние сообщения

Кстати а какие ключевые различия между Bootstrap и Jquery, что из них так сказать лучше, ну или другие какие то особенности? 

Преимущества и недостатки фронтенд-разработки DST Маркетплейс с использованием Bootstrap и jQuery.

Интересно, почему DST Маркетплейс выбрал Bootstrap и jQuery для своего фронтенда? Неужели у этих технологий так много плюсов по сравнению с более современными решениями?

Петр Широков

Использование Bootstrap + jQuery в DST Маркетплейс имеет свои веские причины, несмотря на появление более современных технологий. Давайте разберем преимущества этого подхода:

Стабильность и надежность:
— jQuery существует более 15 лет и отлично протестирован

— Bootstrap имеет стабильную экосистему и широкую поддержку

— Минимальное количество багов и проблем совместимости

Практические преимущества:
— Низкая кривая входа — легко найти разработчиков

— Огромная документация и готовые решения

— Совместимость с большинством браузеров

— Простота поддержки — код понятен даже junior-разработчикам

— Быстрое прототипирование благодаря готовым компонентам

Бизнес-аргументы:
— Низкая стоимость поддержки — много доступных специалистов

— Стабильность работы в продакшене

— Минимальные риски при масштабировании

— Простота интеграции с существующими системами

Технические аспекты:
— Малый вес библиотек

— Хорошая производительность на мобильных устройствах

— Гибкая кастомизация под нужды проекта

— Широкая поддержка со стороны сообщества

Сравнение с современными фреймворками:
— Меньше накладных расходов на инициализацию

— Проще интеграция с legacy-системами

— Меньше зависимостей и конфигураций

— Более предсказуемое поведение

Важные моменты:

Bootstrap + jQuery отлично подходят для:
— Крупных корпоративных проектов

— Систем с длительным жизненным циклом

— Проектов с частой сменой разработчиков

— Систем, где важна стабильность больше, чем современные фичи

Минусы подхода:
— Отсутствие современных паттернов разработки

— Ограниченные возможности для сложных интерфейсов

— Меньшая производительность при масштабных операциях

— Отсутствие строгой типизации

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

Это не значит, что современные фреймворки хуже — просто они решают другие задачи и подходят для других типов проектов.

Все таки хотелось бы понять почему DST Маркетплейс использует для фронтенда Bootstrap+jQuery неужели у этих технологий так много преимуществ по сравнению с другими, более современными?

Петр Широков

Использование Bootstrap + jQuery в DST Маркетплейс имеет свои веские причины, несмотря на появление более современных технологий. Давайте разберем преимущества этого подхода:

Стабильность и надежность:
— jQuery существует более 15 лет и отлично протестирован

— Bootstrap имеет стабильную экосистему и широкую поддержку

— Минимальное количество багов и проблем совместимости

Практические преимущества:
— Низкая кривая входа — легко найти разработчиков

— Огромная документация и готовые решения

— Совместимость с большинством браузеров

— Простота поддержки — код понятен даже junior-разработчикам

— Быстрое прототипирование благодаря готовым компонентам

Бизнес-аргументы:
— Низкая стоимость поддержки — много доступных специалистов

— Стабильность работы в продакшене

— Минимальные риски при масштабировании

— Простота интеграции с существующими системами

Технические аспекты:
— Малый вес библиотек

— Хорошая производительность на мобильных устройствах

— Гибкая кастомизация под нужды проекта

— Широкая поддержка со стороны сообщества

Сравнение с современными фреймворками:
— Меньше накладных расходов на инициализацию

— Проще интеграция с legacy-системами

— Меньше зависимостей и конфигураций

— Более предсказуемое поведение

Важные моменты:

Bootstrap + jQuery отлично подходят для:
— Крупных корпоративных проектов

— Систем с длительным жизненным циклом

— Проектов с частой сменой разработчиков

— Систем, где важна стабильность больше, чем современные фичи

Минусы подхода:
— Отсутствие современных паттернов разработки

— Ограниченные возможности для сложных интерфейсов

— Меньшая производительность при масштабных операциях

— Отсутствие строгой типизации

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

Это не значит, что современные фреймворки хуже — просто они решают другие задачи и подходят для других типов проектов.

А самое главное это то, что точно будет работать надежно SEO, а также можно найти много разработчиков и клиентам не нужно быть привязанным из-за того что у CMS системы какие то сложные, инновационные технологии, которые либо мало кто знает, либо те кто знают плохо в них разбираются. А Bootstrap и jQuery это классический стек для почти любого fronted-разработчика, так что да удобно.

Андрей Михайлов

Почему Вы думаете что тот же React или Angular меньше знают, как я вижу они достаточно уже популярны. 

Петр Широков

Вот именно что достаточно, но не так достаточно чтоб надежно. Я знаю много разработчиков, и могу сказать точно: на Bootstrap и jQuery пишут почти все, а вот на React и Angular — значительно меньше. Ещё один важный момент — это практика. Сейчас 80-90% клиентов работают с классическими технологиями. React или Angular могут быть слишком дорогими или вызывать проблемы (не только с SEO, но и с дальнейшей поддержкой). Из-за меньшей практики разработчики хуже справляются с этими технологиями чем с классическими с которыми работают ежедневно и годами. Это логично. 

А самое главное это то, что точно будет работать надежно SEO, а также можно найти много разработчиков и клиентам не нужно быть привязанным из-за того что у CMS системы какие то сложные, инновационные технологии, которые либо мало кто знает, либо те кто знают плохо в них разбираются. А Bootstrap и jQuery это классический стек для почти любого fronted-разработчика, так что да удобно.

Андрей Михайлов

Почему Вы думаете что тот же React или Angular меньше знают, как я вижу они достаточно уже популярны. 

А самое главное это то, что точно будет работать надежно SEO, а также можно найти много разработчиков и клиентам не нужно быть привязанным из-за того что у CMS системы какие то сложные, инновационные технологии, которые либо мало кто знает, либо те кто знают плохо в них разбираются. А Bootstrap и jQuery это классический стек для почти любого fronted-разработчика, так что да удобно.

Ну преимуществ очень много, использования Bootstrap и jQuery для фронтенд-разработки:

— Ускорение процесса разработки. jQuery упрощает сложные задачи, позволяя разработчикам писать меньше кода и достигать большего. Bootstrap предоставляет фреймворк с готовыми компонентами, что сокращает время и усилия, необходимые для стилизации. 

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

— Адаптивность и совместимость с разными браузерами. jQuery упрощает реализацию адаптивного дизайна, предоставляя функции для обработки изменений viewport и адаптации макетов. Bootstrap обеспечивает систему сетки и инструменты для адаптивного дизайна, гарантируя согласованные и оптимизированные макеты для разных размеров экрана и устройств. 

— Создание интерактивных веб-страниц. Вместе Bootstrap и jQuery позволяют создавать захватывающие и интерактивные веб-страницы, которые привлекают пользователей и способствуют конверсиям. 

— Возможность быстрого создания прототипов. Синергия между Bootstrap и jQuery позволяет быстро создавать прототипы сложных элементов интерфейса и динамического контента, что ускоряет итерации на этапе дизайна.

Все таки хотелось бы понять почему DST Маркетплейс использует для фронтенда Bootstrap+jQuery неужели у этих технологий так много преимуществ по сравнению с другими, более современными?

Такой подход является оптимальным решением для внедрения Angular в ваш проект без риска для SEO. Давайте разберем, почему это работает:

Закрытые страницы идеально подходят для Angular, так как:

— Они не индексируются поисковыми системами

— Требуют динамичного интерфейса

— Часто содержат сложные пользовательские формы

— Работают с большим количеством данных в реальном времени

Вы можете спокойно использовать все преимущества Angular на следующих страницах:

— Личные кабинеты пользователей

— Личные кабинеты поставщиков

— Раздел работы с УПД

— Внутренние инструменты управления

— Страницы настроек

— Форма обратной связи

— История заказов

— Корзина покупок

Важные преимущества такого подхода:

— Улучшение пользовательского опыта на критических страницах

— Упрощение разработки сложных интерфейсов

— Возможность использования всех возможностей SPA

— Повышение производительности для авторизованных пользователей

— Легкость поддержки кода

Единственное, о чем стоит помнить — необходимо правильно настроить robots.txt и meta-теги для этих страниц, чтобы поисковые системы точно не индексировали их содержимое. Также рекомендуется использовать Angular Universal для серверного рендеринга на границе между открытыми и закрытыми страницами для более плавного перехода.

Для безопасного перевода фронтенда DST Маркетплейса на Angular без ущерба для SEO рекомендуется мигрировать только те части приложения, которые не влияют напрямую на индексацию страниц поисковыми системами.

Наиболее оптимальным будет перевод внутренних административных панелей, пользовательских профилей, корзины покупок и личных кабинетов. Эти компоненты не требуют прямой индексации и могут эффективно работать в режиме Single Page Application (SPA), что позволит использовать все преимущества Angular для создания динамичного пользовательского интерфейса.

Категорически не рекомендуется переводить на Angular страницы товаров, категории и главную страницу, так как они должны быть статическими и быстро индексироваться поисковыми ботами. Для этих критически важных для SEO частей лучше использовать более традиционные подходы с серверным рендерингом или гибридные решения.

При миграции важно сохранить структуру URL и использовать Angular Universal для серверного рендеринга тех страниц, которые должны быть доступны для индексации. Также необходимо настроить корректную работу с мета-тегами и Open Graph данными для социальных сетей.

DST Global

Хорошо, а если я внедрю Angular только на закрытых страницах для поисковых систем, например в личных кабинетах пользователей, поставщиков, в разделе УПД и других не важных для SEO страницах?

Для безопасного перевода фронтенда DST Маркетплейса на Angular без ущерба для SEO рекомендуется мигрировать только те части приложения, которые не влияют напрямую на индексацию страниц поисковыми системами.

Наиболее оптимальным будет перевод внутренних административных панелей, пользовательских профилей, корзины покупок и личных кабинетов. Эти компоненты не требуют прямой индексации и могут эффективно работать в режиме Single Page Application (SPA), что позволит использовать все преимущества Angular для создания динамичного пользовательского интерфейса.

Категорически не рекомендуется переводить на Angular страницы товаров, категории и главную страницу, так как они должны быть статическими и быстро индексироваться поисковыми ботами. Для этих критически важных для SEO частей лучше использовать более традиционные подходы с серверным рендерингом или гибридные решения.

При миграции важно сохранить структуру URL и использовать Angular Universal для серверного рендеринга тех страниц, которые должны быть доступны для индексации. Также необходимо настроить корректную работу с мета-тегами и Open Graph данными для социальных сетей.

Идея не очень хорошая. Почему бы не использовать PHP для фронтенда как это реализовано сейчас? В крайнем случае можно создать гибридное решение: часть кода написать на PHP, а сложные элементы, такие как корзина или фильтр, реализовать с помощью Angular. Главное — корректно реализуйте URI-роутинг.

Что у Google в голове — неведомо, вы удивитесь, увидев на какие страницы он ругается в Google Webmasters, не имея возможность полностью отрендерить JS. В общем, затея опасна, но если готовы на волны-качели — пробуйте поэтапно 

Angular с точки зрения SEO безопасно использовать только там, где товары, фильтры, поиск не нужен, или не работает. Например, в личных кабинетах пользователей или поставщиков — сделать можно и делать там что угодно.

Как только вы размещаете Angular на странице, доступной поисковику, ему (поисковику) не будут видны нормальные данные, а только лишь какие-нибудь {{item.title}}. Так что не советую, Bootstrap в связке с jQuery не просто так идет в дефолтном билде DST Маркетплейс а именно для того чтоб все работало в том числе и SEO. 

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

Давайте подытожим. Вы установите DST Маркетплейс и интегрируете его с 1С через API. После этого вы не будете заниматься дальнейшей разработкой и улучшением 1С, верно?

Петр Широков

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