На стандартных курсах в HTML Academy студенты изучают веб-разработку 1,5–2 года. Такой график удобен, когда вы не спешите сменить профессию или сочетаете работу с учёбой. Но если хочется попасть в IT поскорее, попробуйте другой формат обучения — буткемп.

☝ Буткемп «Фронтенд-разработчик» похож на учёбу в университете, но только гораздо короче. Студент каждый день с утра и до вечера учится, созванивается с личным наставником и делает домашки. По субботам и воскресеньям отдыхает. И так 4 месяца. А в конце студента ждёт карьерный коучинг, чтобы он поскорее нашёл работу.

Как проходит обучение

Учёба состоит из четырёх этапов: знакомство, учёба, грейдирование и карьерный коучинг.

Знакомство и подбор наставника

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

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

Почитать про адвайзеров

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

Узнав об ожиданиях, адвайзер устраивает ещё одну встречу. На ней студент знакомится с наставником и обсуждает детали ежедневной работы.

Учёба

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

Теория: нужно читать статьи из учебника, смотреть скринкасты и пошаговые демонстрации с разбором кода, проходить тренажёры.

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

Один из тренажёров по JavaScript. Слева вкладка с теорией, справа — мини-браузер и задание, а в окне с кодом надо написать своё решение
Один из тренажёров по JavaScript. Слева вкладка с теорией, справа — мини-браузер и задание, а в окне с кодом надо написать своё решение

Если что-то не получается, можно подсмотреть ответ или написать наставнику и спросить совета.

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

Практика: студент работает над тремя проектами. Нужно сверстать два сайта и сделать интерактивным одно из приложений на выбор. Например, на курсе по JavaScript может запрограммировать «Кекстаграм» — аналог известной соцсети — или «Кексобукинг» — сервис подбора отелей. Для первого студенты настраивают загрузку фотографий, фильтры и сортировку карточек с изображениями. Для «Кексобукинга» нужно сделать отрисовку и фильтрацию объявлений, подключить карты.

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

Кусочек страницы, которую верстают студенты буткемпа
Кусочек страницы, которую верстают студенты буткемпа

Грейдирование

На этом этапе студенту предстоит вспомнить всё, чему он научился, и самостоятельно выполнить финальный проект: сверстать адаптивный сайт и запрограммировать его.

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

По таким критериям проверяющий оценивает код
По таким критериям проверяющий оценивает код

Когда проект будет готов (или в день дедлайна), студент отправляет работу на проверку, указав, сколько часов он потратил на каждый раздел сайта. Наставник проверяет готовый проект и оценивает его по 100-балльной шкале. Отдельно оценивается скорость работы — чем быстрее справился студент, тем выше балл.

🔥 После завершения буткемпа в портфолио студента будет четыре проекта.

Карьерный коучинг

Обучить студента фронтенд-разработке мало, надо ещё помочь ему с трудоустройством. Для этого в буткемпе есть индивидуальная работа со специалистом по карьерному развитию. Он поможет правильно оформить портфолио, составить резюме и сопроводительное письмо. Всё это повысит шансы попасть на собеседование.

Ещё мы добавляем студента в чат с вакансиями — в нём предложения о работе именно для наших выпускников. Компании, чьи вакансии мы публикуем, знают об умениях и знаниях студентов Академии и специально приходят к нам за новыми сотрудниками.

Как выглядит день студента

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

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

Изучение теории. Студент проходит тренажёры и читает статьи — разбирает какую-то одну тему.

Отдых. Это личное время студента — можно пообедать, прогуляться, поиграть или заняться чем-то ещё — то есть сделать перерыв и отдохнуть от учёбы.

Кодинг. После обеда студент приступает к практике — работает над проектом.

Консультация с наставником. Когда студент пишет код, что-то может не получаться — и это нормально. Во время консультации наставник подскажет, как решить сложную задачу. А если студент справился сам, наставник проведёт код-ревью, объяснит, как улучшить решение, и ответит на вопросы.

Доработка кода. Если на консультации у наставника были замечания по коду, у студента будет время улучшить проект.

Чему научит буткемп

Буткемп даёт крепкие базовые знания о фронтенд-разработке. К концу обучения студенты верстают полноценные адаптивные сайты и пишут для них логику на JavaScript. Ещё они умеют работать с Figma, Git, Node.js, npm, Gulp, webpack и другими популярными инструментами.

  • HTML и CSS — студенты начинают верстать семантично, валидно, доступно и кроссбраузерно, используют препроцессоры Sass и LESS.
  • JavaScript — студенты изучают все базовые конструкции, DOM API, Fetch API, библиотеки PristineJS и noUiSlider.
  • Система контроля версий Git — студенты учатся работать c GitHub через терминал, VS Code и GitHub Desktop.
  • Сборщики кода и пакетные менеджеры — студенты могут устанавливать зависимости npm, работать со сборщиками Gulp и webpack.
  • Протоколы и сети — студенты разбираются, как устроен HTTP и как выполняются HTTP-запросы. Они знакомятся с XSS-атаками: узнают, что это, как злоумышленники их внедряют и как защитить сайт.

А ещё студенты получают сертификат о том, что успешно прошли курс и защитили выпускной проект. Он подтвердит, что студент освоил образовательную программу и получил навыки фронтенд-разработки.

🚀 Хочется поскорее сменить работу? Пройдите интенсивное обучение в буткемпе и станьте фронтенд-разработчиком за 16 недель.


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

С какими университетами работает HTML Academy. Одной картинкой

С какими университетами работает HTML Academy. Одной картинкой

Впечатляющий список — ИТМО, Политех, УрФУ, КФУ, Томский Политех, МГИМО и другие:

💡 Подробнее том, как мы работаем, и какие курсы можем запустить в вашем университете — в статье «Современный фронтенд для студентов».

  • 10 октября 2023
Индивидуальное обучение: мифы и реальность

Индивидуальное обучение: мифы и реальность

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

В самом начале нужно выбрать профессию «Фронтенд-разработчик», «Javascript-разработчик» или «Фулстек-разработчик».

🔥 Профессии с индивидуальным форматом — выбирайте любую

Выбрать формат обучения — в 20 или 30 часов работы с наставником. В первом случае учёба длится максимум три месяца, во втором — четыре с половиной. В любом случае мы подстроим под вас график учёбы, даже если у вас много других дел.

⏱️ 20 часов с наставником → 3 месяца

30 часов с наставником → 4.5 месяца

Что входит в обучение

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

Учебники по вёрстке и JavaScript от наших авторов. Каждая статья написана доступным языком, дополнена наглядными примерами и пояснениями.

Тренажёры, которые помогают запоминать и применять на практике теоретический материал. Это небольшие практические задания, созданные в виде увлекательной игры по разработке сайтов.

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

Ретроспективы с авторами и соавторами курса — это эфиры, на которых разбираются сложные моменты по пройденной теме и домашнему заданию.

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

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

Полное сопровождение

Во время учёбы вас сопровождает команда профессионалов. С вами будет работать личный адвайзер — он поможет не потерять мотивацию и успешно доучиться (а не как в фитнес-клубе). Ещё адвайзер учтёт все ваши пожелания и поможет выбрать личного наставника в любом часовом поясе.

✅ Поддержка студента включает:

  • личного наставника;

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

  • менеджера проекта в «Акселераторе»;

  • тестировщика, предоставляющего обратную связь в акселераторе;

  • менеджера по трудоустройству.

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

Защита и трудоустройство

Ещё одна особенность индивидуального формата — на профессиях «Фронтенд-разработчик» и «JavaScript-разработчик» стажировка идёт параллельно с учёбой с первого дня. Студенты работают над учебными проектами и сразу же закрепляют знания на реальных заказах из «Лиги А.».

✔️ Всё о стажировке в «Лиге А.»

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

Почему именно индивидуальный формат?

Формат идеально подходит для старательных студентов, которые предпочитают индивидуальный подход. Если хотите получить максимально эффективное обучение, полностью адаптированное для ваших потребностей и целей — это ваш выбор.

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

90 часов работы с наставником на профессиях «Фронтенд-разработчик» и «JavaScript-разработчик»

150 часов на профессии «Фулстек-разработчик»

✅ Индивидуальный формат:

  • план обучения, составленный по вашему графику

  • персональная работа с наставником

  • поддержка адвайзеров

  • помощь в создании резюме и трудоустройстве

  • 28 июня 2023
Как прошёл 14 поток профессии

Как прошёл 14 поток профессии

История Академии началась ещё с 2012 года, когда Саша Першин и Лёша Симоненко решили помогать людям в освоении новой профессии веб-разработчика. Ребята решили взять себе в помощь Кекса — главного героя на наших курсах. Кстати, Кекс не просто персонаж из курсов — это котик нашего генерального директора Саши Першина.

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

👉 Профессия — это способ стать веб-разработчиком с нуля

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

Давайте поговорим, как прошёл 14 поток профессии «Фронтенд-разработчик».

Какие курсы вошли в программу

Студенты 14 потока прошли 5 курсов, которые в общей сложности заняли 9.5 месяцев. Курсы посвящены вёрстке, программированию на JavaScript и дополнительным навыкам — работе с CMS и вёрстке компонентов для React.

Подготовка к профессии

1,5 месяца

Профессиональная вёрстка сайтов

2 месяца

Адаптивная вёрстка и автоматизация

2 месяца

Профессиональная разработка веб-интерфейсов

2 месяца

Подготовка вёрстки для систем управления контентом (CMS)

1 месяц

Вёрстка React-компонентов

1 месяц

Приятный бонус Дарим промокод FRONT14 на скидку 10 000 рублей на профессию «Фронтенд-разработчик».

Производство — практика и стажировка

Всего производство длится примерно 6,5 месяцев, потому что стажировка в «Лиге А.» длится минимум 3 месяца, но может быть и чуть больше. Длительность зависит от количества выполненных проектов. Вот разбивка по

💰 «Лига А.» — отличная стартовая площадка для всех, кто хочет зарабатывать деньги веб-разработкой. Прочитайте, как там всё устроено для выпускников Академии.

К слову, обучение стажировка в Лиге — не повод отменять всю остальную жизнь. Вот пример:

Как-то раз в Лигу попали студенты, которые совмещали стажировку
с весенне-посадочными работами на огороде. Эти ребята каждый день
отпрашивались у менеджера, ведь огород ждёт. Но это не помешало
им успешно закончить задачи на проекте.
— Артём Альтигин, операционный директор «Лиги А.»

Читать дальше
  • 26 июня 2023
Что нужно знать перед началом обучения

Что нужно знать перед началом обучения

Планирование

Сначала вы, воодушевлённые, рвётесь в бой, а потом начинается: работы много, голова болит, времени не хватает. Может быть и так, но тут вам надо вспомнить, почему вы решили обучаться. Подумайте, что поменяется, когда вы пройдёте курс. Ещё лучше прописать это для себя до начала курса. В трудные моменты можно обращаться к этому списку.

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

Поддержка однокурсников в чатах, общение в группе с наставником, чат на лекции — я в вузе не так активно общалась как тут!

— Ирина Перегуд, 27 поток «HTML и CSS. Профессиональная вёрстка сайтов»

Понимание приходит не сразу

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

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

У всех разная скорость обучения

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

Не паникуйте и помните про дату защиты: главное — сделать проект к ней, а не обогнать других. Тем более, для того чтобы вы точно всё успели, в каждом курсе предусмотрено время для самостоятельной работы. За это время можно спокойно доделать всё, что вы не успели, и довести проект до защиты.

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

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

Образование и склад ума не влияют на успех

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

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

У меня по образованию абсолютно не техническая специальность. Я врач, да ещё и в декрете, но проект успешно защитила. Сказал бы мне кто-нибудь год назад, что я с нуля сделаю сайт за 9 недель, не поверила бы. Все только в наших руках!

Усвоение информации

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

Главное — нужно понимать свои силы, это больше совет к тем, кто начал обучение с полного 0! Расставить правильно время и свои приоритеты! Не спешить и делать домашнее задание ровно столько, сколько задают, от себя ничего не добавлять, только сделаете ошибки. И слушать внимательно скринкасты и ретроспективы!

Спокойно принимайте критику

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

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

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

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

Материалы по теме

Читать дальше
  • 14 июня 2023
7 советов: как совмещать учёбу с работой

7 советов: как совмещать учёбу с работой

Я год училась на курсах Академии — с жёсткими дедлайнами и защитой проектов. Об удалёнке не приходилось и мечтать, поэтому за учёбу садилась только по вечерам или в будни.

Было непросто — и мне, и моим одногруппникам. Казалось, что не хватает времени, что ничего не получается и проще всё бросить. И кто-то действительно отставал от группы и уходил с курсов. Поэтому я решила поделиться наблюдениями, как совмещать работу с учёбой, чтобы закончить начатое и не сойти при этом с ума.

Читать дальше
  • 14 июня 2023
В чём смысл профессий HTML Academy. Максимально коротко

В чём смысл профессий HTML Academy. Максимально коротко

Профессия — это способ стать веб-разработчиком с нуля. Профессия длится больше года и состоит из двух этапов — обучения и производства. После этого — стажировка в «Лиге А.».

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

Читать дальше
  • 5 июня 2023
Всё о стажировке в «Лиге А.»

Всё о стажировке в «Лиге А.»

Стажировка в «Лиге А.» — последний этап «производства» в рамках профессии, куда попадают студенты, успешно закончившие курсы и акселератор с грейдированием. Главное различие между «Акселератором» и стажировкой — это не учебные проекты, а работа с настоящим заказчиком. Вас постепенно погрузят в команду и процессы, а дальше: ответственность, проекты, дедлайны и первая зарплата по новой профессии.

«Лига А.» — фронтенд-аутсорс для digital‑агентств, продуктовых компаний и фриланс‑команд. С каждым годом команда растёт и в ней уже около 30 человек. Лига разделена на шесть сервисных команд: отдел по работе с клиентами, бухгалтерия, менеджеры, тимлиды, разработка и отдел тестирования.

Мы поговорили с операционным директором «Лиги А.» — Артёмом Альтигиным и собрали ответы на часто задаваемые вопросы о стажировке. Ну что, поехали.

Читать дальше
  • 19 апреля 2023
Современный фронтенд для студентов: опыт HTML Academy

Современный фронтенд для студентов: опыт HTML Academy

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

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

Читать дальше
  • 20 марта 2023
Что такое «Старт в программировании»

Что такое «Старт в программировании»

«Старт во программировании» — это курс для тех, кто хочет стать разработчиком, но сомневается в своих силах или не уверен, понравится ли ему такая работа. Мы создали его, чтобы новички узнали, как это — быть фронтендером, и научились писать код.

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

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

Читать дальше
  • 28 декабря 2022
Запустили мастер-классы. Что это и зачем

Запустили мастер-классы. Что это и зачем

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

Читать дальше
  • 27 декабря 2022