Практикуйтесь на реальных проектах с HTML Academy
Проверьте свои навыки веб-разработки, выполнив проект по вёрстке или javascript «от начала и до конца»
Что это такое?
Мы подготовили проекты, на которых вы сможете оттачивать свои навыки вёрстки.

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

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

    Вам предстоит применить все свои знания — от корректной семантической разметки и использования декоративных элементов до построения сеток и адаптации страницы под мобильные устройства.
  • Проекты на JavaScript
    Такие проекты представляют собой реальные задачи фронтенд-разработчика.

    В JavaScript проектах вам предстоит «оживить» статичную страницу и превратить её в активно взаимодействующее с пользователем приложение.

    На вход вы получите техническое задание и готовую вёрстку, а на выходе — вам нужно будет отдать код, который должен выполняться без багов и полностью реализовывать описанные требования.
Что я получу?
Каждый проект включает в себя задачу, оформленную именно в том виде, в котором её получает профессиональный разработчик, набор подсказок по её выполнению, а также возможность сравнить своё решение с эталоном выполнения.
Систематизация знаний
Вы примените на практике все полученные знания. Не в режиме «уроков», где вы выполняете изолированные задачи на одну конкретную тему, а в режиме реальной работы, где придётся воспользоваться каждым своим навыком и каждым своим умением.
Уверенность в себе
Больше не нужно бояться, что на собеседовании или на реальном рабочем месте вы не будете знать, что делать. Вы это уже делали! Останется с уверенностью применять свой опыт на практике.
Первый опыт
Для будущего работодателя важно не то, сколько вы учились, а то, что вы умеете делать реально. И нет лучшего способа получить опыт, чем начать делать проекты самостоятельно.
Кому будут полезны «проекты»?
  • Тем, кто прошёл все курсы для новичков и освоил профессиональные навыки
    Вы освоили теорию и начали практиковаться на курсах для новичков, научились выполнять отдельные профессиональные задачи в «навыках». Дальше самое время применить всё освоенное на практике, попробовать верстать реальные макеты и разрабатывать реальные приложения.
  • Тем, кому нужен опыт
    Даже для вакансий начального уровня работодатели требуют опыт. Один из способов получить такой опыт — выполнить несколько проектов самостоятельно. После этого вопросы на собеседованиях станут для вас гораздо более понятными, а также вы сможете пообсуждать со своим будущим работодателем, как именно вы выполняли тот или иной проект.
  • Тем, кто прошёл обучение на курсах
    Вы уже выполнили один или несколько проектов за время обучения. Теперь самое время закрепить полученное, добавив в свою копилку несколько новых проектов, которые вы выполните самостоятельно.
Что входит в комплект?
Макет от дизайнера
В проектах по вёрстке вы получите макет в формате Figma, подготовленный дизайнером к вёрстке. Макеты предусматривают адаптив под несколько различных разрешений устройств. В зависимости от сложности проекта, он может включать одну или несколько страниц.
Техническое задание
В проектах на JavaScript вашей стартовой точкой будет техническое задание от заказчика, описывающее как именно должно работать ваше будущее веб-приложение.
    Пошаговое руководство по реализации проекта
    Если бы вы работали в команде со опытным разработчиком, то он бы подсказал вам, на какие этапы разбить реализацию проекта и что нужно сделать на каждом этапе. Роль такого «старшего товарища» исполнит прилагаемое руководство.
      Эталонное решение
      Образец того, как каждый из этапов выполнил бы опытный верстальщик или JavaScript-разработчик. Вы сможете сверить своё решение с образцом, порадоваться за себя — как правильно вы всё сделали, или же понять, что именно пошло не так.
      Система автоматической проверки
      Код-ревью и тестировщик в одном лице. Вы сможете загрузить свой код на сервер для проверки, и система выдаст вам оценку — насколько хорошо написан ваш код и правильно ли он работает.

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

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