Каморка Геткурсовода 💻 | Канал Максима Елисеева
2.37K subscribers
194 photos
18 videos
10 files
107 links
Остались вопросы? Пишите — @Isagaya

Этот уютный канал посвещён фишкам и нестандартным решениям по дизайнам, интерфейсам и функционалам платформы от Куратора школы Магии Геткурса — Максима Елисеева.

Мой второй канал обо всём - https://t.me/closetmax ;)
Download Telegram
Друзья, наконец-то это случилось! 🥳

Как я говорил раньше, я готовил для вас один свой интересный проект по обучению всему тому, что знаю я сам, и хочу представить его — Train IT❗️

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

Я со своей командой задумывал этот проект для тех людей, которые хотят понять, как правильно обращаться с CSS, строить правильную структуру документа на HTML и не бояться JS, а понимать, как он работает. Всё это есть в одном из направлений клуба "Веб с нуля".

Второе направление, которое есть в клубе — это "Тильда". В этом направлении есть как и теоретические уроки, которые закрепят ваши знания об этой CMS, так и практические уроки с разными фишками и возможностями, которые не умеет делать Тильда стандартными средствами :)

🔴 Если вас интересует комплексное обучение HTML/CSS/JS, хотите применять эти навыки вне зависимости от того, с какой платформой вы работаете, то направление "Веб с нуля" для вас!

🔴 Если вы хотите познать секреты Тильды, делать ошеломительные дизайны и применять секретные фишки и возможности, которые не может делать Тильда стандартными методами, то направление "Тильда" для вас!

Конечно же в клубе есть предложение с доступом ко всей базе на два периода (на месяц и на три месяца), если вас интересует и то, и другое ;)

❗️Ссылка на проект — https://train-it.ru ❗️

Мы с командой нацелены расти как вглубь, так и вширь, и соответственно расширять в будущем направления клуба! В наших грандиозных планах открыть такие направления как C#, Figma, Excel, Таргетинг и многое многое другое!

Так же я задумал для вас интересный конкурс, об этом будет в следующем посте через несколько минут 😉
Каморка Геткурсовода 💻 | Канал Максима Елисеева
Мне очень близка и интересна идея 3D-лендингов и сайтов. Я всецело разделяю креатив от @DmitrySpace по созданию таковых. Благодаря CSS-правилам, совместно с JS можно творить невообразимые вещи :) В данном случае мне безумно нравится, как вышел этот креативный…
Помните этот крутой блок? Я подарю его вам! 😉

Этот конкурс приурочен к открытию моего клуба Train IT.

Я подарю этот крутейший блок с 3д иконками соц-сетей для Геткурса 10 счастливчикам, которые выполнят условия конкурса, а именно:

❗️Самое простое: быть подписанным на мой канал "Каморка Геткурсовода" (https://t.me/closetgc) 😁

❗️Быть подписанным на мой канал проекта Train IT, где мои коллеги будут постить для вас познавательный контент мира IT и новости проекта, откуда вы почерпнёте для себя новые знания (https://t.me/train_it_official)

❗️Подтвердить своё участие в конкурсе, заполнив эту анкету — https://forms.gle/3d7TCCEEPwM7Cwx29.


Победителей я определю в Воскресенье 8 августа в 20:00 с помощью Рандомайзера.

Прокачивайте свой скилл вместе со мной, и удачи в конкурсе 😉
Каморка Геткурсовода 💻 | Канал Максима Елисеева pinned «Друзья, наконец-то это случилось! 🥳 Как я говорил раньше, я готовил для вас один свой интересный проект по обучению всему тому, что знаю я сам, и хочу представить его — Train IT❗️ Проект имеет формат клуба с подпиской (реккурентные платежи пока что не предусмотрены).…»
Мой выбор — мои правила! 🧐

Многим это кажется простым, но большинство всё же теряются, когда хотят изменить стили у выбранного предложения на свои собственные. И я вам в этом помогу ;)

Выбранное предложение имеет класс selected и с помощью этого класса вы можете изменить стиль выбранных предложений. К примеру, background меняется только с использованием директивы !important, а все остальные стили вы можете применить так, как вам захочется (border-radius, color, font-size и тд.). Исключением, возможно, является color, к нему тоже нужно применять !important.

#полезная_фишка
Каморка Геткурсовода 💻 | Канал Максима Елисеева
Помните этот крутой блок? Я подарю его вам! 😉 Этот конкурс приурочен к открытию моего клуба Train IT. Я подарю этот крутейший блок с 3д иконками соц-сетей для Геткурса 10 счастливчикам, которые выполнят условия конкурса, а именно: ❗️Самое простое: быть…
Друзья, всем хороших выходных 😉

Уже завтра в 19:00 я закрою анкету регистрации на конкурс, и в 20:00 объявлю 10 счастливчиков, которые получат от меня крутой блок с 3д иконками соц-сетей 😊

Этот конкурс был приурочен к празднованию открытия моего клуба Train IT, который я готовил для вас всё это время! И вот он запустился в работу 😉

🟢 Ссылка на клуб https://train-it.ru

Там я обучаю html/css/js не занудными учебниковыми-терминами и оборотами, а простым и понятным языком. Так же рассказываю о секретах Tilda и делюсь крутыми фишками и своими разработками для платформы.

Буду рад видеть вас у себя в клубе! 🥳
Media is too big
VIEW IN TELEGRAM
Настало время объявлять победителей! 🥳

Видео того, как выбирались 10 победителей будет прикреплено к посту 😉

❗️Поздравляем этих 10 счастливчиков! 🥳🥳🥳
Они получат от меня крутейший блок с 3д иконками соц-сетей для Геткурса:

@Yuliya_Gostyukhina
@ElizavetaErshova45
@alesya_loskutova
@InnaAgapova
@dar_len
@elenkost
@Maekni
@Anastasia_Kazarinova
@ledorof
@manamadnail

С победителями я свяжусь в понедельник 9 августа с 13:00 до 18:00 и передам вам сам блок и инструкции 😉

Ещё раз поздравляю! 🥳🥳🥳
Мы строили, строили... 🙄

Одной из самых популярных проблем использования блока "Две колонки с произвольным контентом" является правильное обращение ко второй его составляющей колонке, чтобы её застилизовать.

И ведь действительно, селектор .builder:nth-child(2) не даст вам нужного результата. Потому что в родительском блоке my-container то и дело помимо <script> добавляется ещё и <style>. Таким образом это обращение работает неправильно.

Следует обращаться ко второй колонке не по дочерним элементам, а по типу этого элемента:
.builder:nth-of-type(2)

Таким селектором мы говорим что "Найди такой же второй класс билдер в потоке кода". Таким образом мы корректно обратимся как к самой второй колонке, так и дописав нужные элементы, соответственно, корректно и к этим элементам второй колонки :)

#полезная_фишка
В ряд ❗️

Сегодня мы впервые затронем такую сложную тему, как флекс-правила. Естественно, в одном посте не расскажешь весь мой мини-курс, который есть в Клубе Магии 😁 Но мы решим довольно наболевшую для многих проблему:

Есть кнопки, выполняют разные действия, как же сделать их в ряд?

Всё решается флекс-правилами. Для начала мы активируем их в самом родительском контейнере, который содержит все наши 3 кнопки. В моём случае это класс builder. В нём я активирую флекс сетку путём display: flex; после чего правилом justify-content: space-around; я создаю равные отступы между элементами, в том числе и от краёв контейнера 😉

Берите себе на вооружение!

#полезная_фишка
This media is not supported in your browser
VIEW IN TELEGRAM
Ужасы нашего городка... 😅

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

В этом посте рассмотрим возможность в "пару взмахов" создания 2-х колонок в старом конструкторе.

Всё очень просто. Я сделал контейнер, добавил внутрь него ещё один. Таким образом он становится уже выбранным по умолчанию для дальнейших действий. Зажав левую кнопку мыши, чтобы перетащить блок, я тащу его к краю родительского контейнера и ставлю его сбоку. Блоки сразу подразделяются структурно на колонки, и вы можете строить свою сетку дальше 😉

#лайфхак
This media is not supported in your browser
VIEW IN TELEGRAM
Я тут реанимировал одну свою старую разработку для Геткурса, которую так и не добавили в блочный функционал, когда я ещё работал там :)

Это полностью адаптивный, бомбический слайдер для лендингов (с поддержкой даже самых маленьких экранов 320px) с автопереключением слайдов и необычным эффектом замещения картинок 😏

Мне попросту стало жалко такой чудесный слайдер, сделанный полностью с нуля, и я решил доделать его и показать вам 😁

#наработки
Кто здесь главный? 🙄

В открытой ленте комментариев есть возможность как задавать вопросы, так и отвечать на них. И не всегда понятно кто тебе отвечает: ещё один ученик с хорошими знаниями, или же сотрудник проекта?

Я предлагаю явно выделить сотрудника от учеников :)

У сотрудников и админов проекта есть дополнительный класс у основного .user-profile-link — это класс .worker. Именно через такое сочетание можно повлиять, например, на цвет имени сотрудника или же размер его имени, как это сделано в моём случае (см. скриншот).

Полная конструкция обращения к имени сотруднику в ленте комментариев выглядит так:
.user-profile-link.worker span

Теперь вы можете явно отличить сотрудника от учеников в ленте комментариев ;)

#полезная_фишка
Лето вот-вот закончится, сезон отпусков подходит к концу. Кому-то снова на работу, а кому-то снова идти учиться.

Почему бы не совместить одно с другим?

Ведь все мы знаем, что стабильный рост заработка приходит с крепкими и уверенными знаниями. И я хочу поделиться своими знаниями с вами в своём клубе Train IT 😉

Фишка моего клуба в том, что я объясняю сложные темы по HTML/CSS/JS простым языком, показывая материал на практике без скучных и занудных "учебниковых" терминов. В направлении "Веб с нуля" вы поймете всё, что раньше для вас казалось "тёмным лесом", и будете уверенно применять знания вне зависимости от платформы, с которой вы работаете.

❗️Ссылка на клуб: https://train-it.ru

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

Вы всегда можете посмотреть, какие уроки я готовлю для вас, так как на главной странице есть расписание уроков по каждому направлению! Посмотреть направления и расписания можно тут: https://train-it.ru/home#current

Новости моего клуба и полезную обучающую информацию из мира IT вы узнаете из моего второго канала, где мои коллеги по цеху формируют для вас образовательный контент: https://t.me/train_it_official 😊

Если учиться, то учиться качественно и комплексно 😉
Каморка Геткурсовода 💻 | Канал Максима Елисеева pinned «Лето вот-вот закончится, сезон отпусков подходит к концу. Кому-то снова на работу, а кому-то снова идти учиться. Почему бы не совместить одно с другим? Ведь все мы знаем, что стабильный рост заработка приходит с крепкими и уверенными знаниями. И я хочу…»
Защитите себя 👊

Друзья, вопрос с неадекватными заказчиками, которые прошли "модные" курсы и теперь ведут себя так, как им говорили "эксперты", сейчас стоит довольно остро. И ведь некоторым из таких заказчиков вбили в голову, что услуги для старта школы или прочего проекта должны быть бесплатными 😱

И ведь по-любому кто-то попадал в такую ситуацию, что после выполненной вами работы, заказчик просто "уходил в туман", не заплатив...

Я поделюсь с вами лайфхаком, которым я всегда пользуюсь сам, чтобы обезопасить себя от неуплат. НИКОГДА не делайте стили (или скрипты) у заказчика в аккаунте (в блоках, в настройках скриптов и т.д.). Храните весь ваш код в отдельном .css файле на каком-нибудь хостинге и подгружайте его к проекту через удалённое подключение!

В моём случае я подгружаю его из своего собственного аккаунта ГК со своего хранилища (смотрите скриншот). В настройках страницы, выбрав "Показать дополнительные настройки", в разделе "Теги в разделе HEAD" я подключаю CSS файл к странице, и все стили прекрасно отрабатываются на ней.

Вам понадобится такая конструкция:
<link rel="stylesheet" href="ссылка_на_файл_css">

Переносите весь код из файла к заказчику только тогда, когда он вам заплатит 😉 А все работы выполняйте в User CSS расширении, и переносите в файл. Ну а если не платят... весь css файл в ваших руках... и ваша фантазия 😂

#лайфхак
ugdj9m1ib371vratx1ks.gif
11.4 MB
Друзья, всем хорошего настроения, и отличных выходных 😉

Неделька выдалась трудоёмкой, особенно когда стартовал сентябрь, и работы навалилось приличное количество) Даже не успел годноты вам запостить.

На следующей неделе поделюсь с вами сочной информацией, а пока, ловите небольшой мем для пятничного настроения 😆
Индивидуализируем свои материалы 😋

У всех разные онлайн-школы и все хотят иметь свой собственный индивидуальный подход к её оформлению. В частности, поменять некоторые системные надписи, которые ставит Геткурс автоматически.

На своём проекте при переходе в Тренинги, я заменил стандартную надпись "Список тренингов" на "Доступные направления", применимую для моей задумки, без JS скриптов.

Главное знать, к чему обратиться ;)

Всё достаточно просто: я скрыл стандартный Геткурсовский заголовок и убрал серую полоску, которая идёт после него:

.page-header h1 {
display: none;
}

.page-header .content-menu {
border-bottom: none;
}

Затем просто добавил собственный блок с Заголовком и стилизовал его в блоке "Область: Page". Вот вам и лайфхак 😁

#лайфхак