программа развития навыков

«cовременная ui-инженерия»

Из «самозванца» во фронтенде в настоящего UI‑инженера.

получите хард-скиллы экспертного уровня
программа построена на основании реальных проектов в 35 продуктовых компаниях
чтобы перейти на следующий грейд
фундаментальные концепции computer science и прикладные инструменты

продолжительность
1 год
нагрузка
8 часов в неделю
кому подойдёт
разработчикам с опытом

что означает «переход на следующий уровень»?

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

Ответ на этот вопрос лежит в двух областях.

Во-первых, это глубина знаний, знакомство с фундаментальными концепциями computer science и их тонкостями. Умение применять теоретические концепции в прикладных задачах. Знание того, как технологии, с которыми вы работаете, устроены «под капотом».

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

что произойдёт со мной после прохождения программы?

«подниметесь над полем»

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

радикально ускоритесь

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

будете готовы к любому проекту

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

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

избавитесь от «стеклянного потолка»

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

программа курса

Раздел 1
Фундамент по
Computer Science

5 месяцев

Алгоритмы и структуры данных

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

Паттерны проектирования

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

Протоколы и сети: основы

Познакомитесь с базовыми принципами работы протоколов: моделью OSI, низкоуровневым протоколом TCP/IP, протоколами шифрования SSL и TLS, клиентскими протоколами HTTP, HTTP/2 и HTTP/3, чтобы создавать быстрые и надёжные веб-приложения.

Протоколы и сети: веб-безопасность

Разберётесь с основными векторами атаки на ваше приложение, познакомитесь с методами защиты приложения со стороны клиента и со стороны сервера.

Регулярные выражения для фронтендеров

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

Анатомия CSS-каскада

Досконально разберётесь с фундаментальными механизмами CSS: обработкой значений (value processing), каскадом и наследованием.

Раздел 2
Фундамент по UI/UX

5 месяцев

Дизайн для фронтендеров

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

Дизайн-системы

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

Доступность веб-интерфейсов

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

Раздел 3
Современные технологии создания интерфейсных анимаций

4 месяца

Мастер анимаций: SVG-анимации

Научитесь анимировать векторные изображения с помощью CSS, SMIL и JavaScript. Познакомитесь с популярными библиотеками для создания анимаций: KUTE.js, Anime.js, Snap.svg и GSAP.

Мастер анимаций: CSS и JS-анимации

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

Раздел 4
Современные технологии разработки UI

4 месяца

Шаблонизаторы в JavaScript

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

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

Научитесь собирать интерфейсы в экосистеме React с нуля и создавать интерактивные React-компоненты. Сможете использовать подход CSS-in-JS для написания стилей.

Продвинутый Webpack

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

CSS-in-JS

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

Сертификация

Профессиональная оценка ваших навыков и глубины знаний от независимых экспертов.

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

структурированная теория

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

интерактивные демонстрации и тренажёры

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

учебные проекты

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

поддержка наставников

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

сертификат по окончанию

Образовательная деятельность осуществляется на основании государственной лицензии № 4696 от 11.03.2022.

Высочайшее качество контента

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

Наши программы используют ведущие технические вузы России — ИТМО, Политех, УрФУ, ЛЭТИ, КФУ, ТГУ, Московский Политех и другие.

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

тут работают наши выпускники

отзывы разработчиков, прошедших развитие навыков в html academy

9.5 / 10

средняя оценка курса
на основе 785 оценок студентов

Александр
Куянцев

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

Елена
Грива

Отличный курс. Подходит и тем, кто не имеет технического образования. Теория в сочетании с практикой помогают начать мыслить в алгоритмическом ключе. Чтобы получить максимум, советую пытаться самостоятельно воспроизвести разобранные в демонстрациях задачи — запоминается и понимается гораздо лучше. Рекомендую к приобретению.

Евгений
Филатов

С помощью HTML Academy в своё время я освоил базу вёрстки. Успел поработать верстальщиком и даже заскучать. И вот, пришёл на курс по анимациям в поисках вдохновения и нового вектора профессионального роста. Если коротко, курс мои надежды оправдал.
Пожалуй, перечислю основные достоинства:
— Нет пространной теории, только необходимый минимум. Зато много иллюстративного материала.
— Множество примеров решения реальных практических задач. По сути, коллекция полезных «рецептов». Анимации с clip-path, glitch-эффекты, throttling, parallax, 3D-трансформации — это лишь часть того, что я с любопытством исследовал на протяжении курса.
— Практические задания с эталонными решениями для самоконтроля — возможность закрепить навык, что называется «не отходя от кассы».
Теперь я знаю и умею чуть больше, а также лучше представляю, куда и как можно расти в web-анимации. Область действительно обширная, гораздо обширнее, чем мне виделось раньше.

Мария
Елистратова

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

Elena
Lezhneva

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

записаться на программу
развития навыков
«современная ui-инженерия»

119 990 ₽

или можно оформить рассрочку и платить

9999 ₽в месяц

cтоимость обучения

основной тариф

в месяц

9999 ₽

полная стоимость — 119 990 ₽
поддержка опытных наставников в закрытом чате

индивидуальный тариф