ДМИТРИЙ БЕЗУГЛЫЙ
Три лекции в неделю. Постоянная практика. Реальные задачи. Научитесь готовить frontend для реального бизнеса.

ХОЧЕШЬ ВЫРАСТИ ВО FRONTEND?
ОБУЧЕНИЕ У НАС |

FAQ
Поэтапная оплата курса по Frontend разработке
ДЛИТЕЛЬНОСТЬ
5 МЕСЯЦЕВ
Обучение junior и middle специалистов по frontend разработке
ТРУДОУСТРОЙСТВО
ПОСЛЕ КУРСА
Онлайн формат обучения фронтенд разработчиков
ФОРМАТ ОБУЧЕНИЯ
ОНЛАЙН
Старт программы онлайн курса Frontend разработки
СТАРТ ПРОГРАММЫ
17 АВГУСТА

ОТЗЫВЫ ЭКСПЕРТОВ ИНДУСТРИИ/

«Встретить фронтендера, который бы уверенно владел всем тем,
что есть в курсе — большая удача»
— Илья Пеняев, Director Platform Engineering Fingerprint, ex. Frontend Lead VK
Мне очень нравится, что у вас получилось создать такую атмосферу на курсе, будто тебе друг за пивом рассказывает о фронтенде. Преподаватели хорошо дополняют друг друга: один закладывает фундамент, другие уже на нём строят хипстерские анимации.
«Курс позволяет стать по-настоящему квалифицированным инженером, а не просто react-верстальщиком»
— Владимир Ракчаев, Platform Lead Arrival, ex. Frontend Lead Yandex.Money
Круто, что в курсе глубоко проработаны такие темы, как компьютерные сети, работа протоколов HTTP, устройство DNS, шифрование и настройка серверов. Фундаменталка — просто огонь!
«Если тебе не все равно на то чем ты занимаешься — это то что тебе нужно»
— Даня Ефименко, Senior Frontend Developer Сбер, ex.Senior Frontend Developer VK
Курс интересный и обширный. Думаю, здесь собрана большая часть вещей, о которых многие не думают, когда учатся и развиваются во фронтенде. Эти знания точно пригодятся при устройстве на работу.
«Даже человек с большим опытом найдёт для себя что-то новое и полезное»
— Михаил Червяков, Senior Frontend Developer JetBrains, ex. Senior Frontend Developer Yandex
Очень круто, что в одном курсе собраны буквально все темы, которые могут пригодиться на реальной работе. Отдельно хочу отметить блок «Производительный frontend». Даже человек с большим опытом найдёт для себя что-то новое и полезное.
Встретить фронтендера, который бы уверенно владел всем тем, что есть в курсе — большая удача

Мне очень нравится, что у вас получилось сделать атмосферу, где тебе друг рассказывает про frontend — без лишнего и по делу. Лекторы хорошо дополняют друг друга, один дрючит фундамент, другой уже на нём строит хипстерские анимации.
ИЛЬЯ ПЕНЯЕВ
Director Platform Engineering Fingerprint, ex.Frontend Lead VK
Курс позволяет стать по-настоящему квалифицированным инженером, а не просто react-верстальщиком

Круто, что в курсе глубоко проработаны такие темы, как компьютерные сети, работа протоколов HTTP, устройство DNS, шифрование и настройка серверов. Фундаменталка — просто огонь!
ВЛАДИМИР РАКЧАЕВ
Platform Lead Arrival, ex. Frontend Lead Yandex.Money

ПРОЙДИТЕ ПОЛНЫЙ ЦИКЛ СОЗДАНИЯ ВЕБ-ПРИЛОЖЕНИЙ

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

ВАШИ НАВЫКИ == ЧЕРЕЗ 5 МЕСЯЦЕВ

TypeScript, React*, Redux, Redux Toolkit, БЭМ, ESlint, Stylelint, Prettier, Sentry, Gitlab CI, Nginx, Firebase, Jest, React Testing Library, React Router, Figma, Webpack
Middle frontend developer
Желаемая зарплата от
230 000 рублей
СТЕК:
В качестве итогового проекта на курсе работал над новостной лентой, сделанной на React + Redux и TypeScript
ИТОГОВЫЙ ПРОЕКТ:

КАК ПРОХОДИТ ОБУЧЕНИЕ:

Объемная программа и интенсивный формат
— На учёбу наши студенты тратят в среднем 10 часов в неделю
 3 занятия в неделю в течение 5 месяцев
 Видеолекции и подробные конспекты с бессрочным доступом
 Домашние задания после каждого урока
 Закрепляющие мини-проекты в конце каждого блока с код-ревью от преподавателей
Работа над реальным проектом
Мы разработаем новостную ленту с нуля и начнем с чистого HTML и CSS. С каждым блоком будут появляться новые вызовы, которые мы научим эффективно решать. В итоге у нас будет полноценный сервис на React*, Redux и TypeScript, с адаптивной версткой для мобильных устройств, темной темой, доступностью, английской версией, внутренней админкой для партнерских материалов, выкаткой на собственный сервер и многим другим.
Подробнее о проекте
Best practices индустрии
Сильный frontend-разработчик должен уметь выходить за пределы браузера. Деплой, CI/CD, мониторинг, кэширование, оптимизация на сервере — всё это поможет вам делать качественные, быстрые интерфейсы и решать сложные проблемы. Мы не теоретики — каждый день мы создаём интерфейсы для миллионов пользователей и уже набили шишки и собрали лайфхаки, как разрабатывать быстро и эффективно. Все эти знания и навыки мы передадим вам на этом курсе.
Поддержка от экспертов и комьюнити
 Ежедневная поддержка команды курса в Slack, ответы на любые вопросы, связанные с курсом
 Чат с преподавателями и студентами, где обсуждается frontend и повседневные рабочие задачи
Ежемесячная Q&A сессия с преподавателями в Zoom
Вашими менторами будут frontend-разработчики из ведущих компаний
Настоящая готовая инфраструктура
 Обучение ведется на нашей собственной образовательной платформе
 На время курса у вас будет свой выделенный сервер, куда вы будете выкатывать проекты и практиковаться
 Разборы домашних заданий и мини-проектов от преподавателей
 Практика на реальных задачах
 Промокод на бесплатное использование WebStorm на полгода
Помощь в трудоустройстве
По окончании курса мы помогаем нашим студентам устроиться на работу: объясняем, как правильно составить резюме и сопроводительное письмо, отрабатываем навыки самопрезентации, а затем отправляем ваше резюме с рекомендациями компаниям-партнёрам. В течение всего процесса трудоустройства мы поддерживаем и сопровождаем наших студентов — вплоть до получения желаемого оффера.
Узнать больше →
Объемная программа и интенсивный формат
— На учёбу наши студенты тратят в среднем 10 часов в неделю
 3 занятия в неделю в течение 5 месяцев
 Видеолекции и подробные конспекты с бессрочным доступом
 Домашние задания после каждого урока
 Закрепляющие мини-проекты в конце каждого блока с код-ревью от преподавателей
Работа над реальным проектом
Мы разработаем новостную ленту с нуля и начнем с чистого HTML и CSS. С каждым блоком будут появляться новые вызовы, которые мы научим эффективно решать. В итоге у нас будет полноценный сервис на React*, Redux и TypeScript, с адаптивной версткой для мобильных устройств, темной темой, доступностью, английской версией, внутренней админкой для партнерских материалов, выкаткой на собственный сервер и многим другим.
Подробнее о проекте
Best practices индустрии
Сильный frontend-разработчик должен уметь выходить за пределы браузера. Деплой, CI/CD, мониторинг, кэширование, оптимизация на сервере — всё это поможет вам делать качественные, быстрые интерфейсы и решать сложные проблемы. Мы не теоретики — каждый день мы создаём интерфейсы для миллионов пользователей и уже набили шишки и собрали лайфхаки, как разрабатывать быстро и эффективно. Все эти знания и навыки мы передадим вам на этом курсе.
Поддержка от экспертов и комьюнити
 Ежедневная поддержка команды курса в Slack, ответы на любые вопросы, связанные с курсом
 Чат с преподавателями и студентами, где обсуждается frontend и повседневные рабочие задачи
Ежемесячная Q&A сессия с преподавателями в Zoom
Вашими менторами будут frontend-разработчики из ведущих компаний
Настоящая готовая инфраструктура
 Обучение ведется на нашей собственной образовательной платформе
 На время курса у вас будет свой выделенный сервер, куда вы будете выкатывать проекты и практиковаться
 Разборы домашних заданий и мини-проектов от преподавателей
 Практика на реальных задачах
 Промокод на бесплатное использование WebStorm на полгода
Помощь в трудоустройстве
По окончании курса мы помогаем нашим студентам устроиться на работу: объясняем, как правильно составить резюме и сопроводительное письмо, отрабатываем навыки самопрезентации, а затем отправляем ваше резюме с рекомендациями компаниям-партнёрам. В течение всего процесса трудоустройства мы поддерживаем и сопровождаем наших студентов — вплоть до получения желаемого оффера.
Узнать больше →

ДЛЯ КОГО ЭТА ПРОГРАММА:

Вы успешно решаете рабочие задачи, но понимаете, что вам не хватает знаний, чтобы двигаться дальше и делать сложные продукты. Вы хотите структурировать знания и глубже копнуть в инструментарий. Мы поможем получить навыки, которые позволят вам расти выше и решать более сложные задачи.
MIDDLE FRONTEND
Вы хотите быть fullstack разработчиком — мы поможем вам приобрести необходимые компетенции и делать более интересные задачи, за которые вам будут платить больше.
BACKEND РАЗРАБОТЧИК
Вы работаете тестировщиком и хотите не только находить баги, но и создавать их. Вы знаете основы HTML, CSS и JS, но при разработке реальных проектов чувствуете себя неуверенно. Мы дадим  знания и навыки, необходимые для выполнения повседневных задач frontend разработчика.
QA
Вы уже работаете в компании или на фрилансе и хотите вырасти в middle frontend специалиста. Мы поможем вам получить все навыки, которые нужны на работе в крупных компаниях.
JUNIOR FRONTEND

ЧТО НЕОБХОДИМО ДЛЯ КУРСА:

Зарегистрируйтесь на нашей образовательной платформе и пройдите тестирование →
не уверены хватает ли вам знаний для курса?

НА КУРСЕ ИСПОЛЬЗУЕМ >>>

ПРОГРАММА КУРСА ://

Вам предстоит создать новостную ленту с нуля, начиная с HTML и CSS. Постепенно вы будете решать реальные задачи бизнеса и добавлять новые технологии, разбираясь в том, откуда они появились, какую проблему решают, и как они работают.
React, Babel, Webpack, TypeScript, TCP/IP, HTTP, HTTP/2, HTTP/3, CORS, API, Event Loop, Promises, Async/await
DNS, Linux, Nginx, VPS, VDS, SSH, TLS/SSL, HTTPS, CI/CD, Prettier, ESLint, Stylelint, EditorConfig, React Router
Material UI, Firebase, Authentication, Authorization, OAuth 2.0
1
2
3
Webpack
Async/await
Event Loop
TCP/IP
HTTP
HTTP/2
Promises
HTTP/3
CORS
TypeScript
Babel
React
API
React Router
EditorConfig
Stylelint
ESLint
Prettier
CI/CD
HTTPS
SSH
VDS
VPS
TLS/SSL
Nginx
Linux
DNS
10 уроков, 75 заданий, 1 мини-проект
Здесь мы проходим большую часть того, что вы видите в большинстве вакансий. Но на самом деле это только верхушка айсберга фронтенда. Идем с нуля, делаем страницу на HTML, CSS и JS, без дополнительных инструментов. Постепенно сталкиваемся с проблемами, детально их разбираем и подбираем нужные инструменты.
React, TypeScript, Webpack, интернет (TCP/IP), HTTP и CORS
6 уроков, 50 заданий, 1 мини-проект
DevOps для фронтендера: настраиваем Nginx, CI/CD, изучаем основы безопасности в интернете. Эти знания позволят вам говорить на одном языке с остальными членами команды разработки и существенно повысят вашу ценность на рынке труда.
FrontOps: сборка и доставка кода
OAuth 2.0
Authorization
Authentication
Material UI
Firebase
6 уроков, 14 заданий, 1 мини-проект
Рабочая ситуация: людей нет, но бизнес очень просит сделать сервис. Как без дизайнера сделать нормальный дизайн, как без бекендера сделать бекенд и закрыть доступ к админке для посторонних.
Быстрая админка
+ Web Workers, Service Workers, PWA, Lighthouse, VoiceOver, Localazy
+ DOM, CSSOM, Render tree, Paint, Layout, Compose, Web Vitals, LCP, CLS, FID, Tree Shaking, Webpack Bundle Analyzer, React.lazy, React.Suspense, React.memo, React.useMemo, React.useCallback, <picture>, jpeg, png, webp, avif
+ React Portal, React Ref, React Context, Redux, Redux Toolkit, Анимации: CSS, SVG, JS; react-transition-group, мобильная версия, темная тема, skeleton, popup/modal
+ Sentry, ручное тестирование, Jest, React Testing Library, Cypress
+ Create React App, Storybook, NextJS, Vercel, Strapi, Heroku
Темная тема
Мобильная версия
React-transition-group
Анимации
Redux Toolkit
Redux
React Context
React Ref
React Portal
10 уроков, 20 заданий, 1 мини-проект
Продукт выстрелил, дизайн изменился, пришло время добавить красоты! Плавные и продуманные анимации, адаптация под разные экраны, скелетоны и тёмная тема — эти UX оптимизации помогут сделать нашу новостную ленту более привлекательной.
МОДНЫЙ FRONTEND
4
5
4 урока, 16 заданий, 1 мини-проект
Напишем serviceworker, сделаем PWA, добавим поддержку языков и поддержим доступность сайта. После этого сайтом можно будет пользоваться без интернета, показывать англоговорящим друзьям и даже не заходить в браузер.
Офлайн и доступность
6 уроков, 8 заданий
Подробно разбираем вкладку Performance, изучаем откуда вообще берутся лаги. Мы научимся устранять проблемы производительности как на клиенте, так и на сервере.
Производительный frontend
6
7
6 уроков, 16 заданий, 1 мини-проект
Научимся настраивать оповещения и графики ошибок, чтобы не сидеть за компьютером 24/7. И построим полный цикл тестирования: ручное тестирование, юнит тесты, интеграционные и сквозные.
Тестирование и мониторинг
8
3 урока
Как сделать за 3 дня все то, что мы проходили 5 месяцев. Изучаем готовые инструменты, которые заберут на себя всю инфраструктуру. Поможет, если вам нужно быстро собрать и протестировать новый продукт.
Frontend на коленке
2 урока
Тонкости и нюансы поиска работы и общения с HR, которая специализируется на поиске фронтендеров.