Серия 3: Создание файловой структуры сайта. Работа с компонентами и phpstorm

Что такое компоненты и как выводить их на страницу сайта. Создаем файловую структуру проекта и донастраиваем PHPSTORM на дальнейшую работу с проектом.

Из документации к 1С-Битрикс:
Компонент - это логически завершённый код, предназначенный для извлечения информации из инфоблоков и других источников и преобразования её в HTML-код для отображения в виде фрагментов web-страниц. Состоит из собственно компонента (контроллер) и шаблона (представление). Компонент, с помощью API одного или нескольких модулей, манипулирует данными. Шаблон компонента выводит данные на страницу.

Чеклист:

  • Создание типов меню.
  • Выводим компонент меню в шаблон сайта.
  • Создаем основную файловую структуру.
  • Настраиваем PHPSTORM на компиляцию css и js файлов
  • Подключаем к проекту bootstrap 4 без лишних данных
  • Закрываем сайт, на время разработки, от поисковиков и пользователей.

Дополнительные файлы

Полная версия серии на Boosty: Смотреть
Предыдущая серия Следующая серия
Все комментарии: Оставить комментарий
Михаил Базаров июня 17, 2023 12:07 pm
Установка компиляторов для phpstorm:
Ставим nodejs LTS версии https://nodejs.org/en
и доустанавливаем:
npm install -g sass
npm install -g csso-cli
npm install --g uglify-js
Гость мая 18, 2024 11:40 pm
Добрый день
В архиве Roboto есть файл  stylesheet.css, но нет файла stylesheet.min.css. Или он сам создастся при переносе архива на сайт через PHP storm?
Михаил Базаров мая 19, 2024 12:11 am
Цитата
Гость написал:
Добрый день
В архиве Roboto есть файл  stylesheet.css, но нет файла stylesheet.min.css. Или он сам создастся при переносе архива на сайт через PHP storm?

Да, min файлы сами создадутся, если настроите их компиляцию как в видео
Гость мая 19, 2024 12:25 am
Цитата
написал:
Да, min файлы сами создадутся, если настроите их компиляцию как в видео
настраивал компиляцию, если внести правку в файл template_styles.scss  - "m {  margin: 0;}" как на 28:13 минуте видео,  то создаются 3 файла.

Правильно понимаю что в stylesheet.css также необходимо внести аналогичную правку для создания?