Обновление бесплатного HTML-курса

06-03-2021Время чтения ~ 2 мин.Блог 234

Сделал большое обновление своего HTML-курса для новичков (теперь с котиками). По сути мне пришлось его полностью переписать, поскольку я хотел поменять всю структуру.

Сам по себе курс рассчитан на новичков. Старый вариант базировался на UniCSS, новый на Berry CSS. Большой разницы в классах между ними нет, но в Berry хорошая документация с примерами и есть Builder, который используется при прохождении курса.

В новой версии я упростил сложность уроков и добавил задания для каждого. Раньше большая часть уроков была закрыта, поскольку была частью платного обучения. Сейчас всё открыто и бесплатно. Часть старых уроков я убрал, например работу с Sass, Git, обработку форм на PHP. Как показал мой опыт обучения, они всё-таки сложны для новичков.

Сам по себе курс, как и прежде, строится на атомарных классах. Ученик может после короткой теории, сразу же начать верстать html-блоки. Такой подход хорошо себя зарекомендовал. Если в других курсах начинают сразу писать CSS-код, то здесь используются готовые классы, а погружение в CSS происходит по ходу урока. То есть не будет ситуации, когда новичку предлагается написать css-код, который он элементарно ещё не понимает.

У меня сделано по другому — используем атомарные классы Berry CSS, которые легки и понятны. Последующий переход на компонентный CSS не вызывает никаких сложностей, поскольку ученик уже знает назначение каждого класса и его css-свойства.

Что ещё?.. Добавил много практических уроков. Я считаю, что лучше двигаться от практики к теории. Многие html-курсы часто представляют собой обычный справочник, только своими словами. Эта информация новичку просто не нужна, поэтому я отказался от уроков про псевдоклассы и сложных css-селекторов. То есть идея в том, чтобы показать и объяснить как верстаются разные блоки/элементы, где нет этой сложной теории. Так обучение происходит проще и быстрей, а на ученика не сваливается тонна информации, которую даже не понимает где и как использовать.

Курс представляет собой самоучитель, поэтому снабжён заданиями. Опять же, по опыту отмечу, что прогресса нет, если не выполняются домашние задания. «Спотыкачки» есть у всех: начиная от незакрытых тэгов, до ужасного форматирования кода. В старой версии курса мы работали с LPF, поскольку так было проще отслеживать задания. В новой версии подобных требований нет, хотя я рекомендую поставить локальный сервер. В какой-то мере это тест на профпригодность — если ученик не может этого сделать, то ему будет сложновато войти в IT. :-) А так, в принципе курс проходится даже обычными html-файлами или Berry Builder.

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