[HTML Academy] Профессия лайт «Нейрофронтендер»

​

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

• Для новичков и тех, кто хочет прокачать навыки
• Без дедлайнов: учитесь, когда удобно
• Специализация: ИИ-фронтенд

Разработка с нейросетями по стандартам ведущих IT-компаний, наставник и индивидуальный проект

Стандарты IT-гигантов

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

Спойлер: Программа курса:

Раздел 1 (~ 3 месяца): HTML и CSS. Профессиональная вёрстка сайтов

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

В программе модуля:

• Введение
• Разметка
• Графика
• Стилизация
• Сетки на гридах
• Сетки на флексах
• Декоративные элементы
• Оформление контента
• Доступность и формы
• Оживление интерфейса

Раздел 2 (~ 3 месяца): JavaScript. Профессиональная разработка веб-интерфейсов

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

В программе модуля:

• Знакомство с JavaScript
• Основные возможности JavaScript
• Объекты и массивы
• Встроенные объекты и функции
• Организация кода
• DOM и события
• Манипуляции с DOM
• Работа с событиями
• Внешние API и сторонние библиотеки
• Сеть
• Асинхронность. Работа с сетью
• Обратная связь и оптимизация

Раздел 3 (~ 3 месяца): JavaScript. Архитектура клиентских приложений

Вы научитесь проектировать небольшие приложения на JavaScript, разберётесь в синтаксисе ES2015, познакомитесь с концепцией ООП. При проектировании приложения вы будете использовать паттерн MVC и узнаете, что такое компонентный подход к разработке, слабое связывание кода и дата-биндинг. Кроме этого, вы научитесь работать с REST API и делать офлайновые приложения. Также мы поговорим о настройке окружения: о зависимостях, использовании внешних библиотек, сборке кода и серверах разработки.

В программе модуля:

• Single Page Application (SPA)
• Структуры данных
• ООП. Введение
• ООП. Наследование и полиморфизм
• MVP. Presenter
• MVP. View
• MVP. Model
• Работа с сетью
• Offline

Раздел 4 (~ 3 месяца): React. Разработка сложных клиентских приложений

Вы научитесь проектировать большие клиентские приложения с использованием стека React-Redux-Thunk-Jest. Будете настраивать окружение. Поймёте, где использовать React, а где он не нужен. Познакомитесь с библиотекой Redux. Большой упор будет сделан на отладку кода. Кроме этого, вы научитесь тестировать свои приложения: писать регрессионные и юнит-тесты, и будете использовать для этого библиотеку Jest.

В программе модуля:

• Знакомство с TypeScript
• React
• Маршрутизация (React Router)
• React-компоненты. Hooks
• React и паттерны
• Redux
• Асинхронность в Redux
• Оптимизация производительности
• Тестирование React

Раздел 5 (~ 3 месяца): AI-агенты для фронтендеров

ИИ даёт ощутимый эффект только тогда, когда за ним стоит глубокая инженерная база. Именно поэтому модуль по AI-агентам стоит в конце программы.
Вы освоите навык разработки фронтенда с использованием AI-агентов GPT-5, GitHub Copilot и Cursor. Научитесь доверять рутину искусственному интеллекту и автоматизировать ежедневные задачи, ускоряя работу минимум в 2 раза.

В программе модуля:

• Оптимизация рабочего окружения
• Обзор популярных AI-ассистентов для кодинга (GitHub Copilot, ChatGPT, Cursor и др.) и их возможности
• Разработка и рефакторинг
• Техники эффективного «prompt engineering»: формулирование запросов к AI для получения корректного и оптимального кода
• Контроль качества ответов: стратегии проверки сгенерированного кода
• Генерация unit-тестов средствами AI с использованием описания функциональности или контрактов функций
• Тестирование краевых случаев: привлечение AI для придумывания нетривиальных сценариев
• Автодокументирование кода: генерация описания функций и компонентов
• ИИ в командной работе и повседневных задачах

Индивидуальный проект с разбором от наставника

Разработаете индивидуальный проект и получите глубокое код-ревью (разбор проекта) от опытного наставника.

Аттестация (~ 2 недели): Грейдирование

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