«Яндекс.Практикум»: первые впечатления

На днях «Яндекс» запустил «Практикум» — платформу для онлайн-обучения. Я уже попробовал и хочу рассказать, что это такое и как устроено.

«Яндекс.Практикум»: первые впечатления
74

Какая же у них плохая HTML-разметка в заданиях:
- <div class="image near"></div> – плохо. Пустой див, видимо, для декоративных целей уже лет десять как признак плохого верстальщика (да-да, есть псевдоэлементы).
- reset.css – очень плохо (одна из худших практик).
- вставить в `h2`, ну то есть в заголовок второго уровня несколько абзацев – тоже плохо, ведь это заголовок, он должен резюмировать контент.
- <div class="header">...</div> – плохо, ведь уже давным давно есть тег <header>

И это ведь только пара скриншотов одного задания из тренажёра. Почему курс выпускает Яндекс, а стыдно за них мне?

С таким кодом понаплодят отличных специалистов.

P.S.: да, у нас тоже много где не сахар разметка в курсах, но мы их делали ещё в 2013-14 годах и сейчас обновляем. Но тут-то 2018 года разработка.

30
Ответить

Александр, спасибо, что проходите наш тренажер и держите всю нашу команду в тонусе.

P.S.: Я лично от себя напишу, что еще пару лет назад проходил тренажер в Академии (искреннее спасибо от меня из 2017 года). В одном из заданий обратился за помощью к поддержке в комментариях. Один коммент мне очень запомнился, я люто плюсовал человеку, который сказал, что не стоит критиковать Академию. Сейчас этот коммент всплыл в памяти. Я приведу тут его скриншот.

9
Ответить

Александр, и здесь и в комментах на ФБ вам подчеркнули новички "А что вообще не так то?". Это ключевой инсайт из которого HTMLАкадемия может извлечь для себя пользу — процесс знакомства с профессией должен быть простым и понятным, без нагромождения терминов и теории, недоступных для осознания их ценности на начальном этапе.

Если осознать этот инсайт, то вопросы у вас сами собой отпадут:

<div class="image near"></div> – плохо. Пустой див, видимо, для декоративных целей уже лет десять как признак плохого верстальщика (да-да, есть псевдоэлементы).Там появляется изображение на фоне этого блока. И мы на этих блоках отрабатываем background-image. Рассказывать про псевдоэлементы студенту, который недавно написал свой первый класс в css — фашизм

reset.css – очень плохо (одна из худших практик).Во первых, там написано про другие подходы и почему мы его используем прям в теории. Используя ресет, легко понять, что есть вообще стили, унаследованные от браузера. Вот они были, а с ресетом их нет. Хитрый нормалайз.цсс мы конечно попробуем и будем применять позже, но его сложнее понять, на htmlacademy чтоб его объяснить потребовалось написать статью в 3 прокрутки страницы.

вставить в `h2`, ну то есть в заголовок второго уровня несколько абзацев – тоже плохо, ведь это заголовок, он должен резюмировать контент.Там один абзац, просто длинный. Семантически это субтайтл, именно подзаголовок.

<div class="header">...</div> – плохо, ведь уже давным давно есть тег <header>Есть вообще много семантики, она в платной части. Зачем юзеру, который хочет попробовать и почувствовать что такое код и что у него всё получается, запоминать сразу весь набор? У него и так голова идт кругом от терминологии на этом этапе.

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

Мы сильно вложились в педогагический дизайн и баланс между получением удовольствия (сервисность!) и обучением. У нас почти с самого начала этот баланс распределен как 99 на 1 и в течение профориентационных часов начинает приближаться к значениям 50 на 50, которых мы будем держаться в платном треке, порой уходя в сильный перекос на обучение.

Надеюсь, что этот тред поможет открыть новые грани продукта.

11
Ответить

Почему reset.css — плохо и как надо?

3
Ответить

Перед тем как делать такие заявления, давайте вы лучше пройдёте полный курс, а не будете делать выводы по пробной версии.
"Что бы поймать рыбу, нужно закинуть крючок.. Что бы поймать много рыбы, нужно ее подкормить"
- Какой-то мужик ©

Ответить