Магия CSS/HTML/JS на GetCourse, Prodamus.XL и вообще
1.38K subscribers
24 photos
5 videos
1 file
13 links
Канал клуба Магии CSS/HTML/JS. Подписка по ссылке https://gcwithme.ru/getmagic. Промокод спрашивайте в @getmagic_chat
Download Telegram
СКРЫВАЕМ НЕДОСТУПНЫЕ ТРЕНИНГИ

Есть в Геткурсе досадная недоработка, с которой сталкиваются все, кто хочет показать списки уроков подтренинга тем, у кого нет к нему доступа. В результате этой настройки (см. скриншот) корневой тренинг становится виден вообще всем авторизованным пользователям.

Урок от @DmitrySpace решает эту проблему.

Однако, у этого «костыльного» решения есть несколько "но":

1. Поскольку скрипт срабатывает после полной загрузки страницы, на несколько мгновений этот тренинг-призрак все-таки становится видимым.

2. Скрипт не срабатывает в мобильном приложении.

🔎 Где искать урок?
Тренинги → Практика

🕘 Сколько требуется времени на установку?
10 минут

🔥Что принесет проекту?
Вы перестанете мучиться проблемой учеников "А вот я вижу тренинг, а уроки в нем недоступны!" и сможете более гибко настраивать визуальное оформление тренингов.

#тренинги
СБРОС ВЫПОЛНЕННЫХ УРОКОВ В ТРЕЙ

Данный урок - это новый подход к компановке списка уроков для ученика. В большинстве макетов выполненные уроки всегда остаются в текущем списке рядом с уроками на проверке или не требующими принятия. Однако для некоторых форматов обучения намного нагляднее показывать прогресс прохождения тренинга, сортируя уроки на те, которые нужно пройти и на те, которые уже сданы.

В данном примере все выполненные уроки скидываются в так называемый "трей" - отдельный список с уроками, располагающийся внизу, благодаря которому можно сразу увидеть выполненные задания.

В качестве бонуса к данному решению @araviw сделала новую визуализацию статусов урока - теперь иконки располагаются справа, и их, включая цветовые подложки, вы можете настраивать как душе угодно :)

🔎 Где искать урок?
Тренинги → Практика

🕘 Сколько требуется времени на установку?
20 минут

🔥Что принесет проекту?
Идеальное решение, если вы хотите "освежить" внешний вид тренинга

#стилизация #уроки #тренинги
аккардеон.gif
10.9 MB
АККОРДЕОН В СПИСКЕ УРОКОВ

Если вы сторонник аккуратных списков вместо "простыней", то это клубное решение для вас.

Урок рассказывает о том, как большие (да и не очень) списки уроков можно собрать в аккуратные плашки аккордеона, при этом задав им стилизацию под проект по цветам. При этом количество конечных аккордеонов на странице не ограничено. И конечно, как и полагается приличному аккордеону 😆 - в момент сворачивания и разворачивания меняется иконка, символизирующая текущий статус (открыт или закрыт).

Данное решение от @araviw может быть так же использовано и для создания FAQ (блок "вопрос-ответ/частые вопросы") на сайте, как альтернатива стандартному блоку от самого Геткурса.

🔎 Где искать урок?
Тренинги → Практика

🕘 Сколько требуется времени на установку?
10 минут

🔥Что принесет проекту?
Вы сможете с легкостью стилизовать большой список текста (или уроков), разбив его на заголовок и внутреннюю область.

#стилизация #уроки #тренинги
СТАТУС ТРЕНИНГА "ПРОЙДЕН"

В Клубе теперь 2 версии скрипта, которые позволяют ставить тренингам класс, который будет индикатором их "пройденности".

Версия номер раз
1. Имеет опцию, которая позволяет выбрать один урок, после прохождения которого тренинг считается пройденным.
2. Работает на основе данных чатиума, из-за чего загружается быстрее, но имеет ряд ограничений:
— По иронии судьбы не работает в чатиуме.
— Но при этом в чатиуме обязательно должен быть Включён нативный вид.

Версия номер два
1. Ставит статус "Пройден" только, когда выполнены все задания во всех уроках и во всех подтренингах в тренинге.
2. Работает на основе парсинга страниц, что, конечно, немного медленнее, чем в первом варианте, но этот код имеет другие преимущества:
— Может работать в чатиуме, если галочка «Не приводить список к нативному виду» Включена в настройках тренингов.
— Проходит по всему дереву подтренингов.

🔎 Где искать урок?
Тренинги → Практика

🕘 Сколько требуется времени на установку?
5 минут

#тренинги
ТОЧНОЕ КОЛИЧЕСТВО ДОСТУПНЫХ УРОКОВ В ТРЕНИНГЕ

Один из самых популярных багов у Геткурса в подсчете уроков решен @Isagaya.

Что было раньше? Геткурс выводит под название тренинга количество уроков, которые вообще есть внутри этого тренинга, при этом считая также и скрытые от пользователя. Поэтому обязательно найдется на курсе пользователь, который сосчитает сам и будет спрашивать о том, почему же ему выдали уроков меньше, чем заявлено.

Поэтому приходилось или скрывать эту строчку или не допускать скрытые уроки. Или отвечать :)

А с уроком Максима вы сможете сделать пересчет и вывести правильное количество уроков! Долой ужасные баги платформы!

🔎 Где искать урок?
Тренинги → Практика

🕘 Сколько требуется времени на установку?
20 минут

🔥Что принесет проекту?
Уберете давний баг, сохраните нервы свои и пользователя.

#уроки #тренинги
СРЕДНИЙ БАЛЛ ЗА УРОКИ

Новый урок от Dmitry Space, в котором разбирается, как сделать такой прогресс-бар, который наглядно показывает успеваемость ученика.

Будет полезно в том случае, если работы учеников проверяются учителем, который вручную ставит оценку (балл) за выполненное задание. Идеально для школьных программ.

🔎 Где искать урок?
Тренинги → Практика

🕘 Сколько требуется времени на установку?
10 минут

🔥Что принесет проекту?
Позволит ученикам видеть свою успеваемость и добавит элемент игры. Т.к. каждое выполненное задание влияет на средний балл, то у учеников будет дополнительный стимул выполнять все домашки качественно.

#тренинги #прогрессбар