Когда мы только начинали, у нас было десять интерактивных курсов, посвящённых HTML и CSS. Сейчас их больше сорока и будут ещё.

Кроме этого, появились интенсивные курсы по вёрстке: «HTML и СSS, уровень 1» и «HTML и СSS, уровень 2», а позже — по фронтенд-разработке: «JavaScript, уровень 1» и «JavaScript, уровень 2».

Мы поняли, что многие новички оказываются в ситуации, когда не понимают — какой шаг следующий, чтобы стать первоклассным специалистом? Что сначала: задания на сайте или интенсивный курс? А может рискнуть и сразу на второй уровень?

Так появилась карта обучения в Академии.

Карта обучения
Карта обучения

Интерактивные курсы

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

Курсы рассчитаны на самостоятельное знакомство с основами HTML и CSS в игровой форме. Начинается курс всегда с простейших заданий, но в конце темы учеников ждёт серьёзное испытание, которое покажет насколько был усвоен материал.

Пример испытания
Пример испытания

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

Например, на форуме ученики могут найти подсказку и обсудить друг с другом решения заданий и свои ошибки.

Курсы познакомят с азами HTML и CSS, а вот эпичный курс «Великий Кексби», который встроен в программу курсов — поможет новичку закрепить полученные знания на практике и помочь Кексу сверстать его первый магазинчик.

Эпичный курс «Великий Кексби»
Эпичный курс «Великий Кексби»

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

Курсы по разделам
Курсы по разделам

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

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

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

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

Что такое интенсивные курсы?

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

«Зачем мне первый уровень интенсивного курса?», — подумал я: «Ведь я уже прошёл все интерактивные курсы. Наверное, всё будет слишком просто!». Нет, нет и ещё раз нет. Я еле успел доделать личный проект, а на проверку отправил его всего за несколько часов до закрытия. Курс оправдывает своё название — он действительно интенсивный, вебинары изобилуют деталями и тонкостями, которые пойдут на пользу всем, даже тем, кто уже знаком с вёрсткой. Наставник ответит на любые вопросы, подскажет, где и как лучше поступить, поделится своим опытом, который зачастую нельзя просто взять и загуглить. Всё это делает  «HTML и CSS, уровень 1», отличной стартовой площадкой для дальнейшего развития. Всем советую. Кстати, вам следует знать, что нужно потратить довольно много времени для успешной сдачи личного проекта, поэтому, на мой взгляд, если вы заранее пройдёте интерактивные курсы, будет гораздо легче сконцентрироваться на заданиях.

Интенсивный курс — это пять недель обучения, организованного по принципу работы в крупной компании. Через месяц вы получите практику и освоите необходимые инструменты и технологии, чтобы начать карьеру. В конце все участники защищают личные проекты и получают сертификаты.

Для того чтобы защитить проект, например, на интенсивном курсе «HTML и СSS, уровень 1» нужно сверстать страницу, причём сделать это профессионально. Для оценки качества работы на этом курсе мы разработали более 40 критериев. Вот несколько из обязательных и дополнительных, которым должен соответствовать проект ученика для успешной защиты:

  • Б5. Документ проходит проверку на валидность.

    Проверка осуществляется через онлайн-валидатор.

  • Б12. Вёрстка идентично отображается в последних версиях браузеров.

    Chrome, Opera, Firefox, Safari, Edge, а также в Internet Explorer 10+.

  • Д2. Использовано минимально возможное количество HTML-элементов.

    В разметке должно быть использовано минимально возможное количество элементов. Не должно быть лишних обёрток и блоков, которые используются для оформления и могут быть заменены на псевдоэлементы.

  • Д16. С помощью JavaScript реализовано открытие/закрытие окна с формой.

    Без вспомогательных библиотек.

  • Д19. Вёрстка проходит тест на переполнение контентом.

    Не ломается при добавлении в элементы и кнопки большего количества текста, при использовании картинок с неподходящими размерами и при изменении количества потоковых блоков.

  • Д20. Критическая функциональность сайта работоспособна без JavaScript.

    Использовано прогрессивное улучшение.

Для кого «HTML и CSS, уровень 1»?

Программа профессионального курса подробно описана на его странице, но давайте разберёмся кому он подойдёт?

  • Новичку, который ничего не знает о вёрстке и только начал делать первые шаги в интерактивных курсах.

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

  • Подкованному новичку, прошедшему все курсы на сайте и ,возможно, сверставшему пару макетов для себя.

    Советуем поставить цель выполнить все критерии для защиты проекта. Задавайте наставнику вопросы, но и не теряйтесь если он предложит вам подумать над решением получше.

  • Начинающему верстальщику, изучившему азы самостоятельно, чтобы восполнить пробелы на практике.

    Рекомендуем выбрать один из сложных макетов и выполнить его на 100%. Советы наставника придутся кстати, так как он уже был на вашем месте.

А можно после курсов сразу на «HTML и CSS, уровень 2»?

Программа интерактивных курсов познакомит вас с азами разметки и стилизации, но она не даст необходимых практических знаний и набитых шишек в работе, как это сделает «HTML и CSS, уровень 1» или полгода-год работы верстальщиком.

На  курсе «HTML и CSS, уровень 1» было нелегко. На  втором уровне  же, по ощущениям, раза в три труднее. Шансы завалить проект сохраняются от начала и до самого конца, и держат в хорошем таком тонусе, не дающим спать. Но результат — большой багаж приобретаемых практических навыков и знаний — того стоит. Курс очень сильный, а график очень плотный. Так что если только собираетесь пойти на «HTML и CSS, уровень 2», и если есть возможность хотя бы часть обучения охватить отпуском — лучше взять. И это независимо от предыдущего опыта вёрстки — трудно будет в любом случае. Хорошо, если до обучения вы уже пройдёте все курсы Академии, доступные по подписке. Это даст возможность лучше ориентироваться в том, что дают на интенсивном курсе. И в этом случае всё равно придётся пахать, пахать и пахать, чтобы успешно защитить проект. Но будет очень интересно и приятно совершать победы над вёрсткой и над собой. Огромное спасибо всей команде HTML Academy и успешного развития проекта.

У нас нет системы допуска к интенсивным курсам по уровню — каждый ученик сам полагается на свои знания и силы. Но всё-таки, даже если вы прошли все курсы, прочитали книги и верстаете простенькие макеты для себя — стоит выбрать сложный проект на первом уровне и защитить его на 100%.

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

Работа после профессионального курса

Для помощи в трудоустройстве после интенсивных курсов у нас есть база выпускников Академии, в которой уже больше 100 компаний, заинтересованных в наших учениках.

По желанию выпускники могут оставлять профиль открытым для поиска, по умолчанию он скрыт для базы.

Если у вас остались вопросы — пишите нам.