HTML Academy на Boomstarter

HTML Academy — это интерактивные онлайн-курсы по HTML и CSS. Проект существует уже более года. За этот год мы создали более 15 курсов, большая часть из которых бесплатна. Проект развивался на энтузиазме создателей, но на нём далеко не уедешь. И сейчас пришло время выводить академию на новую орбиту. Для этого есть много путей. И один из них — народное финансирование.

Немного об HTML Academy

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

Знакомые котики, не правда ли? Это одно из заданий курса про использование фонов.

Чтобы пройти задание, ученик должен выполнить несколько задач, которые перечислены в левом нижнем блоке. Для этого он изменяет код в редакторах, а результат в реальном времени отображается в «мини-браузере». Задачи тоже подсвечиваются как выполненные в реальном времени. И, конечно, для каждого задания есть небольшой теоретический блок.

Помимо практических заданий есть и так называемые «испытания». Это одна из фишек проекта, которая выделяет его из ряда аналогов. Задача испытания очень простая — «сверстай как на каринке». Собственно, это одна из типовых задач верстальщика. На картинке ниже вы увидите одно из любимейших испытаний учеников, которое завершает курс про селекторы.

В этом испытании задачка простая — подобрать селекторы так, чтобы получились мишени. Ученики с упоением выполняют его от получаса до пяти часов, в зависимости от того, насколько идеального совпадения им хочется добиться. Для обучения это просто замечательный результат.

Курсы мы делаем, следуя определённому плану. Специально для этого мы подготовили карту обучения, из которой становится понятно, в каком порядке проходить курсы и какова конечная цель. Конечная цель, ктстати, очень простая и понятная — ученик сможет самостоятельно сверстать средней сложности макет.

Курсы постепенно усложняются, если двигаться по карте сверху вниз. Если в первых курсах ученики балются с тэгами, то в последних верстают реальные элементы интерфейса, например, такие:

Ну вот, немного познакомились.

А что краудфандим-то?

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

Та серия курсов, которую вы видели на карте, называется «базовый цикл». В ней даётся очень много теории и немного важных прикладных вещей, таких как создание декоративных элементов, некоторых элементов интерфейса, создание сеток и так далее. Предполагается, что собрав все полученные навыки воедино, ученик сможет после прохождения цикла сверстать несложный макет.

Конечно, намного эффективнее было бы после базовой серии сделать прикладную серию, в которой бы в пошаговом режиме ученик и собирал сайт с нуля. Хочется сделать эту серию бесплатной и доступной для всех. Однако, признаюсь честно, сейчас мы просто не потянем эту задачу. Хотя возможность сделать это есть уже сейчаc: найдены разработчики, готовые взяться за работу, накоплен огромный опыт создания подобных курсов и так далее.

Но, как обычно, всё упирается в финансы. Поэтому мы решили попытать счастья в краудфандинге и запустили проект «Сверстай ВКонтакт!» на Бумстартере.

Надеемся, вы нас поддержите. Если есть вопросы, задавайте их, постараемся ответить максимально подробно.

Небольшой P.S.

Думаю, у многих сразу возникнут аналогии с Codecademy. Конечно, подходы очень похожи: интерактив + работа с кодом + геймификация. На самом деле, в этом нет ничего страшного, ведь есть море видеокурсов (у которых вообще подход полностью одинаковый). Но есть и более существенные различия:

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

Во-вторых, мы более сфокусированны. Берем более узкие темы и прорабатываем их максимально глубоко. Об этом свидетельствуют и комментарии пользователей, которые учились и у нас, и у них:

В-третьих, технологическая платформа тоже своя и она заточена под изучение веб-интерфейсов.

Ну и последнее. Обучающая методика тоже оригинальная. Суть её: «компетентностный подход + испытательность». Благодаря этой методике мы ставим себе достаточно дерзкую цель — массово готовить профессионалов хорошего уровня, а не просто заниматься пропагандой веб-технологий. Цель далека, а двигаться к ней и сложно, и интересно.