Разработка сайтов на 1С-Битрикс для начинающих

Узнаём возможности фреймворка 1С-Битрикс, делаем первые шаги к его изучению и разбираемся, почему так много специалистов выбирают эту CMS.

ВРЕМЯ ПРОСМОТРА

1 ч. 16 мин.

ВРЕМЯ ЧТЕНИЯ

11 мин.

ЭКОНОМИЯ

1 ч. 05 мин.

Вячеслав Фирсунин

Веб-разработчик, запустил более 20 крупных проектов, включая онлайн-франчайзинг «Позитроника», сайт фабрики «Яршинторг» и многие другие.


Преимущества 1С-Битрикс

  • 80% компаний в России используют 1С-Битрикс — услуги разработчиков на этой платформе востребованы.
  • Быстрое решение типовых задач и уже готовые решения от Битрикса. Например, онлайн-кассы легко интегрируются с платёжными системами и сервисами доставки.
  • Много возможностей. Битрикс включает в себя блоги, форумы, каталоги разных видов, интеграцию с социальными сетями и многое другое. Также есть библиотеки, которые позволяют додумывать и создавать свои расширения.
  • Сжатые сроки изучения. Чтобы начать работать с Битриксом, достаточно за 2,5–3 месяца пройти теорию — и можно сразу практиковаться, работая с реальными сайтами и наращивая свои знания.
  • Универсальность. На Битриксе создаются и сайты-визитки, и крупные интернет-магазины.
  • Документация на русском языке. Она есть в открытом доступе, её легко изучать.
  • Большое комьюнити специалистов. Новичку всегда легко найти ответы на свои вопросы или дополнительную информацию, а значит, легче развиваться.

Практический двухмесячный курс «Программист 1С-Битрикс» от Skillbox поможет вам избежать ошибок новичков и научит всему необходимому для разработки сайтов. Стажировка на реальных проектах для всех участников и трудоустройство для лучших.

Что такое фреймворк Битрикс?

Представьте команду разработчиков, которая решила создать интернет-магазин. Она разработала сайт на чистом PHP, но потом взялась за новый. Тогда команда поняла, что часть функций и модулей уже написаны для первого сайта.

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

Все сайты на Битриксе состоят из трёх компонентов:

  1. Модель — функции и классы, которые обращаются к базе данных.
  2. Представление — шаблон, с помощью которого на страницы выводится то содержимое, которое мы хотим увидеть, когда обращаемся к базам данных.
  3. Контроллер — сама страница сайта с компонентами.
Схематическое отображение модели фреймворка Битрикс

Возможности Битрикса на практике

Поработаем с демосайтом 1С-Битрикс. Перейдите по ссылке bitrixlabs.ru, нажмите «Создать демосайт», укажите «Интернет-магазин» и установите. После окончания установки увидите вот такую страницу. Это ваш первый интернет-магазин на 1С-Битрикс.

Здесь редактируется любой элемент. Например, наведите курсор на логотип и нажмите на «Изменить область».

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

Редактирование товара в админке 1С-Битрикс

Система устроена так, что редактировать сайт может администратор или сам владелец бизнеса.

Цель разработчика на 1С-Битрикс — настроить работу сайта так, чтобы администратору сайта или владельцу бизнеса было легко вносить небольшие изменения: редактировать цены и описания товаров, размещать контент, управлять внешним видом и так далее.

Познакомимся с системой изнутри. На панели сверху выберите раздел «Администрирование».

Рабочий стол

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

Меняйте и добавляйте нужную информацию на рабочий стол с помощью кнопки «Добавить гаджет»

Контент

Этот раздел состоит из нескольких десятков элементов. Рассмотрим наиболее важные.

Структура сайта

Здесь показана структура файлов, где можно редактировать их содержимое и так далее.

Каталоги

Здесь расположены товары и категории.

Чтобы перейти в конкретный товар, выберите категорию и нажмите на название. У товаров есть различные свойства, они уже прописаны в системе.

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

Переключайтесь между вкладками, чтобы управлять характеристиками товара

Маркетинг

В демоверсии интернет-магазина на 1С-Битрикс в «Маркетинг» загружены все основные модули для решения маркетинговых задач: пульс конверсии,
А/В-тестирование, email-маркетинг и так далее.

Чтобы поставить подобный набор, к примеру, на WordPress, нужно найти хорошее решение, протестировать его, настроить под свой сайт. В Битриксе эти решения уже готовы — это удобно и для разработчиков, и для владельцев бизнеса.

Магазин

Этот раздел доступен только для интернет-магазинов. Здесь есть вся информация по заказам, оплатам, поставкам, налогам и многое другое. А ещё — уже настроенная онлайн-касса.

Сервисы

Опросы, рассылки, соцсети, техподдержка, блоги — всё, что только можно, интегрируется с сайтом. Каждый пункт меню имеет свои настройки.

Чтобы настроить блог, комментарии или группы блогов, в разделе. «Сервисы» нажмите на выпадающий список «Блоги».

Аналитика

Тут легко посмотреть и проанализировать данные о посещаемости сайта и эффективности рекламных кампаний. На практике аналитикой в 1С-Битрикс практически не пользуются, потому что Google Analytics имеет больше возможностей.

Маркетплейс

Здесь находится каталог решений для 1С-Битрикс: различные модули, инструменты, готовые интернет-магазины. Разработчик может создать какое-либо решение для Битрикса и выставить его на продажу через маркетплейс.

Настройки

Здесь представлен полный список настроек сайта: валюты, серверы, масштабирование, производительность, поиск по сайту и многое другое.

В категории настроек «Пользователи» настраиваются уровни доступа для разработчиков, контент-менеджеров и других специалистов, работающих над сайтом.

Благодаря встроенным решениям работу с Битриксом легко освоить. Рассмотрим несколько простых действий с системой.

Создание страницы

Перейдите во вкладку «Сайт → Создать страницу».

Введите заголовок страницы и отметьте нужные пункты:

  • Перейти к редактированию страницы — откроется окно редактора.
  • Добавить пункт меню — новая страница появится в меню.
  • Ограничить доступ к странице — страница будет создана, но не опубликована.
Введите нужные данные и нажмите «Далее»

В следующем окне добавляются описание страницы и ключевые слова, Title и файлы robots — эти данные влияют на поисковую оптимизацию сайта.

Введите нужные данные и нажмите «Готово»

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

Чтобы открыть встроенные компоненты и сниппеты Битрикса, нажмите на указатель сбоку. Когда панель сниппетов скрыта, указатель находится там, куда направлена стрелка на скриншоте.

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

Мы разобрали базовые навыки работы с 1С-Битрикс. Теперь рассмотрим, какие ошибки чаще всего допускают новички и почему.

Частые ошибки начинающих разработчиков на 1С-Битрикс

  • Переоценивать книги. Книга не даст обратной связи, не ответит на вопросы, не решит проблему.
  • Думать, что одно решение подходит под разные задачи. Не все решения Битрикса стоит принимать как верные, всегда нужно учитывать нюансы конкретного интернет-магазина. В документации указано не всё, понимание этих нюансов приходит только с опытом.
  • Терять время на неэффективное обучение. Чтобы стать хорошим разработчиком без посторонней помощи, потребуется 6–7 лет и очень много удачи.

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

Курс

Программист 1С-Битрикс


Практический 2-х месячный курс с индивидуальным наставником для тех, кто хочет научиться программировать на самом популярном русском движке, получить интернет-магазин в портфолио и иметь постоянный поток заказов

Хочешь получать крутые статьи по программированию?
Подпишись на рассылку Skillbox