Сделаем быстрый и удобный сайт повысим конверсию

Качественно | Современно | Безопасно

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

Урок 1. Вступление к курсу

26.07.2019 | Видео размещено

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


Урок 2. Подготовка рабочего места

26.07.2019 | Видео размещено

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


Урок 3. Верстка шапки сайта. Создание меню

26.07.2019 | Видео размещено

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

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

Посмотрели: 33


Урок 4. Верстаем блок "О районе"

26.07.2019 | Видео размещено

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


Урок 5. Верстаем блок "Количество достопримечательностей"

26.07.2019 | Видео размещено

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


Урок 6. Верстаем блок "Ваш мобильный гид"

26.07.2019 | Видео размещено

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


Урок 7. Верстаем подвал сайта

26.07.2019 | Видео размещено

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


Урок 8. Создаем раздел "Новости". Инфоблок, верстка компонента

26.07.2019 | Видео размещено

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


Урок 9. Создаем раздел "Контакты"

26.07.2019 | Видео размещено

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


Урок 10. Создаем раздел "Достопримечательности". Инфоблок, верстка компонента

26.07.2019 | Видео размещено

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


Урок 11. Верстаем блок "Достопримечательности" на главной странице сайта

26.07.2019 | Видео размещено

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


Урок 12. Создаем раздел "Туры". Инфоблок, верстка компонента

26.07.2019 | Видео размещено

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


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

26.07.2019 | Видео размещено

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


Урок 14. Личный кабинет. Создание компонента "Создание маршрута"

26.07.2019 | Видео размещено

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


Урок 15. Личный кабинет. Создаем страницу "Удаление маршрутов"

26.07.2019 | Видео размещено

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


Урок 16. Покупка доменного имени и хостинга. Создадим доменную почту

26.07.2019 | Видео размещено

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


Урок 17. Настройка хостинга, виртуальной машины Битрикс

26.07.2019 | Видео размещено

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


Урок 18. Перенос проекта в интернет

26.07.2019 | Видео размещено

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


Урок 19. Добавление метрики и регистрация в вебмастере

26.07.2019 | Видео готовится

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


Бонус 1. Верстка шапки для остальных страниц

26.07.2019 | Видео готовится

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



9лет
опыта
разработки
56
выполненых
проектов
100%
клиентов
нас рекламируют своим друзьям
7 лет
разрабатываю
сервисы для Гос органов

Новое на сайте

Мои последние записи из блока связанных с разработкой сайтов на битрикс и прочие статьи. Заходите!