На днях «Яндекс» запустил «Практикум» — платформу для онлайн-обучения. Я уже попробовал и хочу рассказать, что это такое и как устроено.
Что это
«Практикум» — это онлайн-курсы программирования для начинающих. Выбираешь профессию, обучаешься через интернет, собираешь портфолио готовых работ. В конце обучения получаешь сертификат.
Пока доступны только два курса: фронтенд- и веб-разработка. Скоро обещают запустить курсы для обучения дизайнеров интерфейсов, менеджеров продукта, аналитиков данных и других. Сейчас на сайте девять специальностей.
Сколько стоит
Полный курс фронтенд-разработчика длится семь месяцев и стоит 65 тысяч рублей. На веб-разработчика будете учиться девять месяцев за 85 тысяч рублей. Других цен пока нет.
Для каждой специальности дают бесплатный вводный курс. Удобно, если вдруг студент поймёт, что выбранная профессия не для него. Не потратит деньги зря. Я как раз хотел освежить знания по вёрстке, поэтому взял бесплатный курс фронтенд-разработчика.
Как учат
Весь процесс обучения — в браузере. Студенту не нужно ничего устанавливать — занимайся дома, на работе, в гостях. Я пробовал даже на iPad — пользоваться неудобно, но всё работает.
В начале урока кратко дают теорию. Возможно, даже слишком кратко — некоторые моменты, с которыми я не был знаком раньше, понял не очень хорошо. Основной упор делают на выполнение практических заданий в тренажёре.
Тренажёр очень крутой. Экран поделён на две части. Слева пишешь код, справа — окно предпросмотра. Ошибся — система скажет, что не так. Если сам не догадаешься, как исправить, можно воспользоваться подсказкой.
Дальше обучаешься уже с наставниками, лекциями и домашними заданиями. Но это после бесплатного курса, за деньги.
Личное мнение
«Яндекс.Практикум» — очень крутой сервис. Я не планирую становиться программистом, но если бы хотел им стать, начал бы откладывать деньги на покупку курса. Ничего подобного ещё не видел.
А вы уже пробовали? Как впечатления?
Какая же у них плохая HTML-разметка в заданиях:
- <div class="image near"></div> – плохо. Пустой див, видимо, для декоративных целей уже лет десять как признак плохого верстальщика (да-да, есть псевдоэлементы).
- reset.css – очень плохо (одна из худших практик).
- вставить в `h2`, ну то есть в заголовок второго уровня несколько абзацев – тоже плохо, ведь это заголовок, он должен резюмировать контент.
- <div class="header">...</div> – плохо, ведь уже давным давно есть тег <header>
И это ведь только пара скриншотов одного задания из тренажёра. Почему курс выпускает Яндекс, а стыдно за них мне?
С таким кодом понаплодят отличных специалистов.
P.S.: да, у нас тоже много где не сахар разметка в курсах, но мы их делали ещё в 2013-14 годах и сейчас обновляем. Но тут-то 2018 года разработка.
Александр, и здесь и в комментах на ФБ вам подчеркнули новички "А что вообще не так то?". Это ключевой инсайт из которого HTMLАкадемия может извлечь для себя пользу — процесс знакомства с профессией должен быть простым и понятным, без нагромождения терминов и теории, недоступных для осознания их ценности на начальном этапе.
Если осознать этот инсайт, то вопросы у вас сами собой отпадут:
<div class="image near"></div> – плохо. Пустой див, видимо, для декоративных целей уже лет десять как признак плохого верстальщика (да-да, есть псевдоэлементы).Там появляется изображение на фоне этого блока. И мы на этих блоках отрабатываем background-image. Рассказывать про псевдоэлементы студенту, который недавно написал свой первый класс в css — фашизм
reset.css – очень плохо (одна из худших практик).Во первых, там написано про другие подходы и почему мы его используем прям в теории. Используя ресет, легко понять, что есть вообще стили, унаследованные от браузера. Вот они были, а с ресетом их нет. Хитрый нормалайз.цсс мы конечно попробуем и будем применять позже, но его сложнее понять, на htmlacademy чтоб его объяснить потребовалось написать статью в 3 прокрутки страницы.
вставить в `h2`, ну то есть в заголовок второго уровня несколько абзацев – тоже плохо, ведь это заголовок, он должен резюмировать контент.Там один абзац, просто длинный. Семантически это субтайтл, именно подзаголовок.
<div class="header">...</div> – плохо, ведь уже давным давно есть тег <header>Есть вообще много семантики, она в платной части. Зачем юзеру, который хочет попробовать и почувствовать что такое код и что у него всё получается, запоминать сразу весь набор? У него и так голова идт кругом от терминологии на этом этапе.
И это ведь только пара скриншотов одного задания из тренажёра. Почему курс выпускает Яндекс, а стыдно за них мне?Нам не стыдно за гуманность к ученику и порционность знаний, а стыдно когда к ученикам относятся как на каторге, где нужно впахивать не щадя себя.
Мы сильно вложились в педогагический дизайн и баланс между получением удовольствия (сервисность!) и обучением. У нас почти с самого начала этот баланс распределен как 99 на 1 и в течение профориентационных часов начинает приближаться к значениям 50 на 50, которых мы будем держаться в платном треке, порой уходя в сильный перекос на обучение.
Надеюсь, что этот тред поможет открыть новые грани продукта.