БЛОК ДЛЯ ОТСЛЕЖИВАНИЯ ПОСЛЕДНЕГО ПОСЕЩЕННОГО УРОКА
- рассказываю и показываю, как быстро и просто установить блок для отслеживания последнего посещенного урока
- рассказываю, как перекрасить блок под цвет любого проекта
- рассказываю принцип работы данного кода
+ готовый код HTML, CSS и JS для быстрой установки и настройки блока
- разбираем импортируемый код HTML
- разбираем установленный код CSS
Блок позволяет вывести на страницу ученика информацию о последнем посещенном им уроке, а также кнопку для перехода в этот урок. Также при помощи этого скрипта можно вывести название последнего посещенного модуля и кнопку для перехода в модуль, скрипт заносит все нужные данные в переменные.
УСТАНАВЛИВАЕМ ПРЕЛОАДЕР (ИНДИКАТОР ЗАГРУЗКИ СТРАНИЦЫ) В ВИДЕ ШКАЛЫ СО СТРЕЛКОЙ
- рассказываю и показываю, как быстро и просто установить прелоадер
- рассказываю, как перекрасить его под цвет любого проекта
+ готовый код CSS и JS для быстрой установки и настройки прелоадера
- разбираем импортируемый код JS
Блок позволяет не показывать страницу до тех пор, пока все CSS-стили не подгрузятся. Вместо дергающейся загружающейся страницы пользователь видит красивый индикатор загрузки, который можно раскрасить по инструкции под стиль любой онлайн-школы.
- разбираем импортируемый код JS
- рассказываю, как произвести необходимые настройки скрипта
CSS-ШАБЛОН ДЛЯ СПИСКА УРОКОВ №1
- рассказываю и показываю, как быстро и просто установить CSS-шаблон в вашем аккаунте GetCourse
- рассказываю, как перекрасить элементы страницы под цвет любого проекта
- разбираем установленный код CSS
+ готовый код CSS для быстрой установки
CSS-код позволяет буквально за минуту преобразить стандартное оформление списка уроков на Геткурсе. Можно поменять цвет любого элемента по инструкции и подогнать под фирменную цветовую гамму любой онлайн-школы.
С НУЛЯ ВЕРСТАЕМ БЛОК С РЕЖИМОМ РАБОТЫ ТЕХПОДДЕРЖКИ
- рассказываю и показываю, как с нуля сверстать блок по макету в вашем аккаунте GetCourse
- делюсь лайфхаками и своим опытом по работе с инструментом разработчика в браузере
- изучаем некоторые свойства CSS и их особенности
+ готовый код HTML и CSS для быстрой установки
Цель записи этого видеоурока - показать и рассказать, как с самого нуля ИЗ НИЧЕГО сверстать блок по макету в Figma. Поэтапно, постепенно, не торопясь.