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

Мария — выпускница 2016 года, фронтенд-разработчик в NTechLab

Хотела сказать большое спасибо, что в том далёком 2016 наставник Женя Лепёшкин нашёл для меня место в своей группе.

Обучение шло тяжело, позади уже была неудачная попытка пройти курс и к нему я пришла с настроением всё бросить и остаться вечным верстальщиком. Но у моего ментора был другой план) Он не жалел времени на объяснения, примеры, давал дополнительные задачки если в какой-то теме я «буксовала» и всегда сохранял позитивный настрой. Не знаю, откуда в этом человеке было столько терпения. И по итогу всё получилось — курс был успешно окончен, проект прошел защиту))) А самое главное — появилось желание двигаться дальше)

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

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

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

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

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

Спасибо, что сформировали вокруг себя такое сильное и отзывчивое сообщество ❤️

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Грейдирование + «Акселератор» — 3.5 месяца
• Оплачиваемая стажировка в «Лиге А.» — 3 месяца

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Всё о стажировке в «Лиге А.»
• Что такое «Старт в программировании»
• Мастер-классы в HTML Academy. Что это и зачем
• Как устроен «Акселератор» в HTML Academy

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

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

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

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

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

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

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

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

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

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

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