- совет тем, кто планирует всерьёз заниматься кастомизацией платформы Геткурс (и других платформ)
рассказываю о том:
рассказываю о том:
Вступительная информация
Страх работы с кодом. Можно ли сломать страницу на GetCourse?
- актуальна ли услуга по оформлению платформы GetCourse
- можно ли случайно сломать страницу на GetCourse кодом
- как этого избежать
- совет от разработчиков платформы GetCourse перед написанием скриптов на платформе
- какие вопросы поможет решить закрытый телеграм-канал со скриптами для GetCourse
- что нужно знать, чтобы уметь изменять страницы на Геткурс (и других платформах) до неузнаваемости
- что нужно знать, чтобы уметь добавлять дополнительный функционал
рассказываю о том:
Как сделать боковое меню в GetCourse красивым. Стандартные настройки + готовые иконки
- как при помощи стандартных настроек платформы GetCourse сделать красивое боковое меню, а также поделюсь готовыми иконками, которые вы можете использовать на ваше усмотрение, в том числе и в своём проекте
В этом уроке:
Как добавить эффекты при наведении в боковом меню в GetCourse
- добавим код, который позволит оживить боковое меню в Геткурсе
рассказываю о том:
Как добавить дополнительную кнопку в боковое меню в GetCourse
- как можно добавить дополнительную кнопку в боковое меню на платформе GetCourse. Функционалом платформы такая возможность не предусмотрена, для этого есть специальный скрипт
Список уроков
из закрытого телеграм-канала
рассказываю о том:
КАК СДЕЛАТЬ ТАК, ЧТОБЫ GETCOURSE БЫЛ КРАСИВЫМ НЕ ТОЛЬКО В ДЕСКТОПЕ, НО И В МОБИЛЬНОЙ ВЕРСИИ И В ПРИЛОЖЕНИИ. СТАНДАРТНЫЕ НАСТРОЙКИ ПЛАТФОРМЫ GETCOURSE И ОСОБЕННОСТИ
- какие настройки необходимо знать, если планируете кастомизировать GetCourse, а также об особенностях приложения GetCourse (ранее «Чатиум»)
В этом уроке:
Как изменить кнопку в боковом меню в мобильной версии, которая не меняется стандартными настройками GetCourse
- есть в боковом меню в мобильной версии одна проблемка... Дело в том, что вид одной из кнопок не меняется стандартными способами. Применим готовые стили и сделаем её красивой
рассказываю о том:
АЛЬТЕРНАТИВНЫЙ СПОСОБ ИЗМЕНЕНИЯ БОКОВОГО МЕНЮ (СТОРОННИЙ КОД)
- как при помощи стороннего кода изменить главное (боковое) меню в GetCourse
- в стороннем коде присутствует интересный эффект при появлении в мобильной версии
В этом уроке:
ТРИ ВИДА ОФОРМЛЕНИЯ ПЛАТФОРМЫ ГЕТКУРС: ПОПРОЩЕ И ПОДЕШЕВЛЕ, СРЕДНИЙ И ДОРОГОЙ СПОСОБ. ОСОБЕННОСТИ
- каким образом сегодня оформляют платформу GetCourse, особенности каждого способа + примеры
рассказываю о том:
ОФОРМЛЕНИЕ ТРЕНИНГОВ ПРИ ПОМОЩИ CSS. ГОТОВЫЙ КОД-ШАБЛОН ДЛЯ УСТАНОВКИ В ВАШ АККАУНТ
- даю готовый код-шаблон для оформления списка тренингов. За пару минут список тренингов в Геткурсе преобразится, а вам нужно будет только поменять цвета, фон и т.п. (на ваше усмотрение)
рассказываю о том:
КРОССБРАУЗЕРНОСТЬ. ЧТО ЭТО ТАКОЕ, НУЖНО ЛИ МУДРИТЬ С КРОССБРАУЗЕРНОСТЬЮ И СТОИТ ЛИ БОЯТЬСЯ ВИДОИЗМЕНЯТЬ ЭЛЕМЕНТЫ В ГЕТКУРСЕ ПРИ ПОМОЩИ CSS (В ТРЕНИНГАХ)
- что это такое и почему об этом важно знать?
В этом уроке:
Способы добавления кода на платформе GetCourse, о которых знают не все
- об основах работы кода, как работают HTML, CSS и JavaScript + примеры
рассказываю о том:
КОД ДЛЯ ЗАЩИТЫ ОТ НЕДОБРОСОВЕСТНЫХ ЗАКАЗЧИКОВ. ПОЗВОЛЯЕТ ПОВЛИЯТЬ НА ЗАКАЗЧИКА, ДАЖЕ ЕСЛИ ВАС УДАЛИЛИ ИЗ АДМИНИСТРАТОРОВ
- даю код + инструкцию по установке. Код позволяет управлять отображением списка тренингов в онлайн-школе даже не являясь администратором этой онлайн-школы. Зная этот код, вы на 90% защищены от того, что вас кинут
В этом уроке:
КАКИЕ НАСТРОЙКИ ЗАПРОСИТЬ У ОНЛАЙН-ШКОЛЫ, ЧТОБЫ ПРИСТУПИТЬ К РАБОТЕ ПО ОФОРМЛЕНИЮ GETCOURSE?
- Бонусный урок. В уроке инструкция для вас и ваших клиентов
В этом уроке:
ГЛАВНАЯ СТРАНИЦА СО СПИСКОМ ТРЕНИНГОВ. КАК ОНА УСТРОЕНА. КАК УБРАТЬ ЛИШНИЕ И ВИДОИЗМЕНИТЬ УЖЕ ИМЕЮЩИЕСЯ ЭЛЕМЕНТЫ
- в этом уроке разберем главную страницу со списком тренингов
- о трёх способах добавить стили в HTML-разметку
- о способах добавить код на платформу GetCourse для оформления тренинга
- также затронем тему импорта дополнительных CSS-файлов и подключение их к странице на GetCourse
- в каких случаях стоит заморочиться о правильном отображении элементов во всех браузерах, а когда заморачиваться не стоит?
- как можно добиться кроссбраузерности и насколько это важно при оформлении платформы GetCourse?
Урок призван избавить вас от страха перед неработающим кодом
- узнаем, из чего она состоит, как видоизменить её при помощи CSS, научимся скрывать ненужные элементы, узнаем, что такое составные селекторы, научимся подбираться к конкретному элементу на странице и видоизменять его
Рассказываю о том:
КАК ПРАВИЛЬНО РАБОТАТЬ С ФОНОМ В СПИСКЕ ТРЕНИНГОВ
- как поменять фон в списке тренингов и почему именно такой код применяем
Рассказываю о том:
КАК ОФОРМИТЬ СПИСОК ТРЕНИНГОВ БАННЕРАМИ. ОСОБЕННОСТИ И ПРОЦЕСС ОФОРМЛЕНИЯ
- как при помощи картинок и кода сделать оформление списка тренингов
- какие есть цветовые модели и как их использовать
- как установить на фон однотонный цвет, градиент, картинку и даже несколько картинок
- как изменить расположение картинки на фоне, растянуть её на весь экран
- как для различных разрешений экрана устанавливать различный фон
- о CSS-свойствах для фиксации фона при прокручивании и о других CSS-свойствах
- как загружать картинки, работать с отступами, работать со старым конструктором
- как показывать различные баннеры на различных разрешениях
- как добавлять эффекты при наведении
- каких размеров баннеры использовать при оформлении
- особенности оформления таким способом и советы
+ Макет для того, чтобы попробовать оформить самостоятельно и код из урока
рассказываю о том:
КАК ДОБАВИТЬ БЛОК С ДАННЫМИ ПОЛЬЗОВАТЕЛЯ И ФОТОГРАФИЕЙ НА ГЛАВНУЮ СТРАНИЦУ + ГОТОВЫЙ КОД. РАЗБИРАЕМСЯ, КАК ВЫВОДИТЬ НУЖНУЮ ИНФОРМАЦИЮ НА СТРАНИЦЕ СО СПИСКОМ ТРЕНИНГОВ
- как вставить блок с данными пользователя на главной странице со списком тренингов
Рассказываю о том:
КАК КАСТОМИЗИРОВАТЬ СТАНДАРТНОЕ РАСПИСАНИЕ + ГОТОВЫЙ КОД CSS
- как при помощи готового кода кастомизировать стандартное расписание на платформе GetCourse, а также подогнать его под стиль онлайн-школы
- что это за код, как его понимать и что можно с ним сделать
- какие есть способы вытащить на страницу нужную информацию (основные способы и продвинутый способ)
Важно не только уметь вставить код на страницу, но и знать, каким образом и откуда берется информация.
- какие настройки выставить, чтобы всё работало корректно
- как вытащить фотографию из профиля на страницу со списком тренингов
- как вытащить любую другую информацию
- рассказываю о классных фишках, которые есть в CSS-коде
даю готовый код, который нужно просто скопировать, вставить и подогнать под проект, а также макет в фигме и готовые иконки для блока с информацией о пользователе.
- на примере расписания показываю, как Геткурс меняет стилизацию некоторых элементов в зависимости от статуса
+ даю готовый код, который нужно просто скопировать, вставить и подогнать под проект
В этом уроке:
КАК УСТАНОВИТЬ ИНДИКАТОР ЗАГРУЗКИ СТРАНИЦЫ (ПРЕЛОАДЕР) НА СТРАНИЦУ СО СПИСКОМ ТРЕНИНГОВ В GETCOURSE
- научимся устанавливать прелоадер на страницу со списком тренингов/подтренингов в GetCourse и разберемся, как он работает
- решим проблему подгружения старых стилей от GetCourse при загрузке кастомизированной страницы
- решим проблему дергающейся страницы при загрузке
- дам готовый код, который можно скопировать и вставить в вашем проекте
- расскажу, как подогнать цвет прелоадера под любой проект
Рассказываю о том:
КАК ИСКАТЬ ОШИБКИ В КОДЕ, ЕСЛИ ГЕТКУРС ЭТИ ОШИБКИ НЕ ПОДСВЕЧИВАЕТ, А КОД РАБОТАЕТ НЕПРАВИЛЬНО?
Иногда в коде может быть допущена одна маленькая ошибочка, и из-за этого едет вся вёрстка. Геткурс не всегда подсвечивает ошибки и их приходится искать самостоятельно. В этом уроке рассказываю, как это сделать быстро.
- + с 12 минуты (если точно, то с 12:23) рассказываю о том, каким образом браузер отрисовывает нам страницу сайта/платформы/сервиса (для лучшего понимания, как всё работает)
Рассказываю о том:
КАК ПЕРЕКРАСИТЬ ВИДЖЕТ ДЛЯ СВЯЗИ С ПОДДЕРЖКОЙ
- как правильно перекрасить виджет для связи с поддержкой на главной (да и в принципе, на любой) странице в Геткурсе + даю готовый CSS-код
Рассказываю о том:
ЦЕНООБРАЗОВАНИЕ. КАК ОЦЕНИТЬ РАБОТУ ПРИ КАСТОМИЗАЦИИ ПЛАТФОРМЫ GETCOURSE
- какую стоимость установить за свои услуги
- от чего зависит стоимость работы по кастомизации платформы Геткурс
В этом уроке:
КАК СТИЛИЗОВАТЬ СТАНДАРТНУЮ НАВИГАЦИЮ В ГЕТКУРС
- как при помощи готового кода стилизовать стандартную навигацию от GetCourse
- как добавить дополнительный элемент в навигационный блок при помощи JS
- как работает код из урока
- о своём личном опыте по установлению цен на такие услуги на фрилансе
- где можно подсмотреть актуальные цены на такие услуги
Также делюсь лайфхаком, как можно продать готовый код клиенту (сделать доппродажу)
Рассказываю о том:
НЕСТАНДАРТНЫЕ ШРИФТЫ НА GETCOURSE. КАК ПОДКЛЮЧИТЬ И ИСПОЛЬЗОВАТЬ ЛЮБОЙ СТОРОННИЙ ШРИФТ ИЗ ИНТЕРНЕТА
- для чего подключать сторонние шрифты и почему вообще они требуют подключения
- что такое веб-безопасные шрифты и для чего они нужны
рассказываю о том:
НАХОДИМ НУЖНЫЕ НАМ СТАНДАРТНЫЕ ЭЛЕМЕНТЫ В GETCOURSE В ПОДТРЕНИНГЕ И ПОДГОНЯЕМ ПОД СТИЛЬ ОНЛАЙН-ШКОЛЫ
- как найти нужные элементы в подтренинге и их стилизовать при помощи CSS
- как убрать ненужные элементы в подтренинге на GetCourse
- как стилизовать стандартное меню для админов и подогнать под цвет любого проекта
- какие форматы файлов со шрифтами существуют и какие лучше всего подключать к GetCourse
- какие есть способы подключения шрифтов к платформе GetCourse
Подключим сторонние шрифты к Геткурсу из макета и применим их к любым элементам на GetCourse
- что нужно сделать обязательно, когда подключаете сторонние шрифты к GetCourse
- затронем тему приоритетов стилей в CSS
+ весь код из урока
Рассказываю о том:
УСТАНАВЛИВАЕМ АНИМИРОВАННЫЙ ЛИНЕЙНЫЙ ПРОГРЕСС-БАР ПРОХОЖДЕНИЯ ТРЕНИНГА
- как при помощи набора готовых кодов установить линейный прогресс-бар
- как поменять цвета прогресс-бара под стиль любой онлайн-школы
- как настроить Геткурс, чтобы прогресс-бар работал
- принципы работы любого прогресс-бара на GetCourse
+ готовый код HTML, CSS и JavaScript для быстрой установки прогресс-бара
- о нескольких интересных свойствах в CSS-коде для прогресс-бара
В этом уроке:
УСТАНАВЛИВАЕМ БЛОК-ПРИВЕТСТВИЕ И ПОДТЯГИВАЕМ ИМЯ ИЗ ПРОФИЛЯ
- рассказываю, как за пару минут установить блок с приветствием и подтянуть туда имя пользователя
- делюсь готовым кодом
- объясняю, как всё работает
- подробно разбираю HTML и CSS-код
+ весь код из урока
- рассказываю, как браузер может подпортить вашу верстку и как это исправить
- рассказываю об одной из технологий гибкой верстки и как она работает
- рассказываю о наследуемых и ненаследуемых свойствах CSS
- рассказываю об относительных и абсолютных величинах в CSS и для чего они нам нужны
В этом уроке:
УСТАНАВЛИВАЕМ БЛОК-ПРИВЕТСТВИЕ С АВАТАРКОЙ ПОЛЬЗОВАТЕЛЯ И ИМЕНЕМ
- рассказываю, как за пару минут установить блок с приветствием и подтянуть туда имя и аватарку пользователя
- делюсь готовым кодом
- объясняю, как всё работает
+ весь код из урока
- подробно разбираю HTML и CSS-код и рассказываю об интересных свойствах CSS
- рассказываю об особенностях работы с отступами
- рассказываю об особенностях работы с шириной и высотой элементов
В этом уроке:
УСТАНАВЛИВАЕМ ШАБЛОН ОФОРМЛЕНИЯ СПИСКА МОДУЛЕЙ №1
- рассказываю, как за пару минут установить шаблон оформления списка модулей
- делюсь готовым кодом CSS
- объясняю, как изменить цвета под стиль любой онлайн-школы
+ весь код из урока
В этом уроке:
УСТАНАВЛИВАЕМ АНИМИРОВАННЫЙ ЛИНЕЙНЫЙ ПРОГРЕСС-БАР ПРОХОЖДЕНИЯ ТРЕНИНГА №2
- как при помощи набора готовых кодов установить линейный прогресс-бар
- как поменять цвета прогресс-бара под стиль любой онлайн-школы
- как настроить Геткурс, чтобы прогресс-бар работал
+ готовый код HTML, CSS и JavaScript для быстрой установки прогресс-бара
- как изменить окончание в слове (или всё слово сразу) в зависимости от пола пользователя
- принципы работы любого прогресс-бара на GetCourse
Контакты
Шапенков Николай Помпиевич
ИНН 432602071108
Политика конфиденциальности
Перейти к уроку могут только участники закрытого канала «КАНАЛ СО СКРИПТАМИ ДЛЯ GETCOURSE».
Почему у меня нет доступа?
О том, как попасть в наш закрытый клуб, вам расскажет бот-помощник
Приобрести видеоуроки и скрипты можно будет по отдельности в нашем интернет-магазине скриптов для GetCourse (пока на стадии разработки)
Content Oriented Web
Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks, and all other kinds of content oriented projects.