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

Курс "Создание сайта "Гид по городу"
Курс "Создание сайта "Гид по городу"
26.07.2019 08:43:00 Видео размещено
Урок 1. Вступление к курсу
Вступление к курсу по созданию гида для города на Битрикс. В данном курсе мы рассмотрим все моменты создания сайта с использованием сетки bootstrap 4 на системе управления 1С-Битрикс и размещение его в сети интернет. Мы научимся работать с яндекс картой и создавать собственные компоненты для сайта.
26.07.2019 08:46:00 Видео размещено
Урок 2. Подготовка рабочего места
В данном видео я покажу какие программы нам потребуются для работы (PhpStrom, Photoshop, NodeJS для препроцессора SCSS) и где их скачать, и как установить на компьютере.
В данном видео я покажу как на основе макета начать создавать сайта. Мы сверстаем шапку с блоками меню и дополнительной информации. Поделюсь своим шаблоном для создания простого двухуровнего меню для Битрикс на bootstrap 4. 

Материалы для всего сайта приложены в данном уроке.
26.07.2019 08:51:00 Видео размещено
Урок 4. Верстаем блок "О районе"
В данном видео я покажу как используя bootstrap 4 создать адаптивный блок "О районе" на главной странице сайта
В данном видео я покажу как используя bootstrap 4 создать адаптивный блок "Количество достопримечательностей" на главной странице сайта. И с помощью библиотеки js spincrement покажу как включать анимацию набора с 0 до числа в счетчике при прокручивании страницы
26.07.2019 09:06:00 Видео размещено
Урок 6. Верстаем блок "Ваш мобильный гид"
В данном видео я покажу как используя bootstrap 4 создать адаптивный блок "Ваш мобильный гид" для главной странице на основе заранее подготовленного изображения
26.07.2019 09:06:00 Видео размещено
Урок 7. Верстаем подвал сайта
В данном видео я покажу как используя bootstrap 4 создать адаптивный подвал для сайта
В данном видео я покажу создать раздел "Новости". Мы подготовим инфоблок для новостей с возможностью размещения фотографий в виде фотогалереи внутри новости. Для этого сверстаем стандартный компонент news на основе bootstrap 4, а фотогалерею на основе fancybox3
26.07.2019 09:10:00 Видео размещено
Урок 9. Создаем раздел "Контакты"
В данном видео я покажу создать раздел "Контакты". В данном разделе не планируется какой либо функционал только текстовая информация
В данном видео я покажу как создать раздел "Достопримечательности". Мы подготовим 2 инфоблока для него с возможностью размещения фотографий в виде фотогалереи внутри и добавления озвученного материала. Для этого сверстаем стандартный компонент catalog на основе bootstrap 4, а фотогалерею на основе fancybox3. Так же будет использована Яндекс карта для размещения достопримечательностей на карте. Интересным моментом проекта так же будет создание содержания на основе созданных блоков для каждой достопримечательности на основе компонента bootstrap 4 navbar
В данном видео я покажу как создать блок "Достопримечательности" на главной странице на основе bootstrap 4. В данном блоке мы будем выводить последние добавленные достопримечательности и ссылку на весь список
В данном видео я покажу как создать раздел "Туры". Мы подготовим инфоблок для него с возможностью выбора достопримечательностей и отображением маршрута на основе Яндекс карты и доступной информации об общественных маршрутах в нашем городе. Для этого сверстаем стандартный компонент news на основе bootstrap 4. 
В данном видео я покажу как создать раздел "Личный кабинет". Мы подготовим страницы авторизации, регистрации, восстановления пароля и покажу как переназначить стандартные дефолтные шаблоны битрикса по авторизации, регистрации и т.д. на новые на основе bootstrap 4.
В данном видео я покажу как в разделе "Личный кабинет" создать компонент "Создание маршрута". Мы напишем компонент с нуля для создания маршрутов, который будет использовать яндекс карту для создания и отображения маршрутов выбранных достопримечательностей из указанных на нашем сайте.
В данном видео я покажу как в разделе "Личный кабинет" создать страницу "Удаление маршрута". Мы напишем функционал, который позволит удалять маршруты, которые создал пользователь для себя. Ради примера для данной страницы не будет создан компонент, чтобы увидеть всю необходимость его написания в контрасте с обычной страницей и ее функционала
В данном видео я покажу как купить доменное имя и хостинг. Так же показу как их привязать если используются разные компании для домена и хостинга. А так же как привязать домен к Яндексу и создать на его основе доменную почту
В данном видео я покажу как настроить виртуальную машину на хостинге для Битрикс. Мы создадим пул, настроим время, почту, покажу как обновлять виртуальную машину. И переведем все исполнение задач на cron
26.07.2019 09:30:00 Видео размещено
Урок 18. Перенос проекта в интернет
В данном видео я покажу как перенести проект на хостинг если Вы его сначала собирали на локальном хосте.
В данном видео я покажу как зарегистрировать метрику для сайта и разместить её в шаблоне сайта. А так же покажу как регистрироваться в вебмастере. Эти шаги позволят поисковикам быстрее индексироваться сайт и показать Вам его недочеты
В данном видео я покажу как не создавая дополнительных шаблонов изменить шапку для остальных страниц сайта. В результате у нас получится две шапки: для главной странице полноценная и для остальных страниц уменьшенная. Так же покажу как подключиться через PhpStorm к удаленному хостингу для прямой работы с ним
Что я предлогаю

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

  • Уникальный адаптивный дизайн
  • Заключение договора

Ответьте на пару вопрос о Вашем проекте и получите скидку

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

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