Курс "Создание сайта "Гид по городу"

26.07.2019 08:43:00 Видео размещено
Урок 1. Вступление к курсу

Вступление к курсу по созданию гида для города на Битрикс. В данном курсе мы рассмотрим все моменты создания сайта с использованием сетки bootstrap 4 на системе управления 1С-Битрикс и размещение его в сети интернет. Мы научимся работать с яндекс картой и создавать собственные компоненты для сайта.

26.07.2019 08:46:00 Видео размещено
Урок 2. Подготовка рабочего места

В данном видео я покажу какие программы нам потребуются для работы (PhpStrom, Photoshop, NodeJS для препроцессора SCSS) и где их скачать, и как установить на компьютере.

26.07.2019 08:47:00 Видео размещено
Урок 3. Верстка шапки сайта. Создание меню

В данном видео я покажу как на основе макета начать создавать сайта. Мы сверстаем шапку с блоками меню и дополнительной информации. Поделюсь своим шаблоном для создания простого двухуровнего меню для Битрикс на bootstrap 4.

Материалы для всего сайта приложены в данном уроке.

26.07.2019 08:51:00 Видео размещено
Урок 4. Верстаем блок "О районе"

В данном видео я покажу как используя bootstrap 4 создать адаптивный блок "О районе" на главной странице сайта

26.07.2019 09:03:00 Видео размещено
Урок 5. Верстаем блок "Количество достопримечательностей"

В данном видео я покажу как используя bootstrap 4 создать адаптивный блок "Количество достопримечательностей" на главной странице сайта. И с помощью библиотеки js spincrement покажу как включать анимацию набора с 0 до числа в счетчике при прокручивании страницы

26.07.2019 09:06:00 Видео размещено
Урок 6. Верстаем блок "Ваш мобильный гид"

В данном видео я покажу как используя bootstrap 4 создать адаптивный блок "Ваш мобильный гид" для главной странице на основе заранее подготовленного изображения

26.07.2019 09:06:00 Видео размещено
Урок 7. Верстаем подвал сайта

В данном видео я покажу как используя bootstrap 4 создать адаптивный подвал для сайта

26.07.2019 09:08:00 Видео размещено
Урок 8. Создаем раздел "Новости". Инфоблок, верстка компонента

В данном видео я покажу создать раздел "Новости". Мы подготовим инфоблок для новостей с возможностью размещения фотографий в виде фотогалереи внутри новости. Для этого сверстаем стандартный компонент news на основе bootstrap 4, а фотогалерею на основе fancybox3

26.07.2019 09:10:00 Видео размещено
Урок 9. Создаем раздел "Контакты"

В данном видео я покажу создать раздел "Контакты". В данном разделе не планируется какой либо функционал только текстовая информация

26.07.2019 09:11:00 Видео размещено
Урок 10. Создаем раздел "Достопримечательности". Инфоблок, верстка компонента

В данном видео я покажу как создать раздел "Достопримечательности". Мы подготовим 2 инфоблока для него с возможностью размещения фотографий в виде фотогалереи внутри и добавления озвученного материала. Для этого сверстаем стандартный компонент catalog на основе bootstrap 4, а фотогалерею на основе fancybox3. Так же будет использована Яндекс карта для размещения достопримечательностей на карте. Интересным моментом проекта так же будет создание содержания на основе созданных блоков для каждой достопримечательности на основе компонента bootstrap 4 navbar

26.07.2019 09:15:00 Видео размещено
Урок 11. Верстаем блок "Достопримечательности" на главной странице сайта

В данном видео я покажу как создать блок "Достопримечательности" на главной странице на основе bootstrap 4. В данном блоке мы будем выводить последние добавленные достопримечательности и ссылку на весь список

26.07.2019 09:16:00 Видео размещено
Урок 12. Создаем раздел "Туры". Инфоблок, верстка компонента

В данном видео я покажу как создать раздел "Туры". Мы подготовим инфоблок для него с возможностью выбора достопримечательностей и отображением маршрута на основе Яндекс карты и доступной информации об общественных маршрутах в нашем городе. Для этого сверстаем стандартный компонент news на основе bootstrap 4.

26.07.2019 09:19:00 Видео размещено
Урок 13. Создаем личный кабинет. Авторизация, регистрация, восстановление пароля

В данном видео я покажу как создать раздел "Личный кабинет". Мы подготовим страницы авторизации, регистрации, восстановления пароля и покажу как переназначить стандартные дефолтные шаблоны битрикса по авторизации, регистрации и т.д. на новые на основе bootstrap 4.

26.07.2019 09:22:00 Видео размещено
Урок 14. Личный кабинет. Создание компонента "Создание маршрута"

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

26.07.2019 09:24:00 Видео размещено
Урок 15. Личный кабинет. Создаем страницу "Удаление маршрутов"

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

26.07.2019 09:27:00 Видео размещено
Урок 16. Покупка доменного имени и хостинга. Создадим доменную почту

В данном видео я покажу как купить доменное имя и хостинг. Так же показу как их привязать если используются разные компании для домена и хостинга. А так же как привязать домен к Яндексу и создать на его основе доменную почту

26.07.2019 09:28:00 Видео размещено
Урок 17. Настройка хостинга, виртуальной машины Битрикс

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

26.07.2019 09:30:00 Видео размещено
Урок 18. Перенос проекта в интернет

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

26.07.2019 09:40:00 Видео готовится
Урок 19. Добавление метрики и регистрация в вебмастере

В данном видео я покажу как зарегистрировать метрику для сайта и разместить её в шаблоне сайта. А так же покажу как регистрироваться в вебмастере. Эти шаги позволят поисковикам быстрее индексироваться сайт и показать Вам его недочеты

26.07.2019 09:42:00 Видео готовится
Бонус 1. Верстка шапки для остальных страниц

В данном видео я покажу как не создавая дополнительных шаблонов изменить шапку для остальных страниц сайта. В результате у нас получится две шапки: для главной странице полноценная и для остальных страниц уменьшенная. Так же покажу как подключиться через PhpStorm к удаленному хостингу для прямой работы с ним

Создам для Вас -

Заполните форму

Спасибо за обращение!