ДМИТРИЙ БЕЗУГЛЫЙ
СТАРТ ПРОГРАММЫ
Вы получите все знания и навыки, которые нужны сейчас сильному специалисту для работы в крупных проектах с крутой командой.
Старт программы онлайн курса Frontend разработки

FRONTEND УРОВНЯ ТОПОВЫХ КОМПАНИЙ. ОБУЧЕНИЕ У НАС

ФОРМАТ ОБУЧЕНИЯ
ОНЛАЙН
Онлайн формат обучения фронтенд разработчиков
ДЛИТЕЛЬНОСТЬ
Поэтапная оплата курса по Frontend разработке
14 СЕНТЯБРЯ
5 МЕСЯЦЕВ

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

«Встретить фронтендера, который бы уверенно владел всем тем,
что есть в курсе — большая удача»
— Илья Пеняев, 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-разработчик чётко понимает как работает веб, умеет глубоко копать, выбирать между идеальным и быстрым решением. Уверенно общается с backend, QA и DevOps специалистами, и по сути может сделать их базовую работу самостоятельно.
Разложим знания по полочкам и научим всему, что должен уметь крепкий Middle Frontend Developer

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

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

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

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

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

УЧИТЕСЬ У >ЛУЧШИХ>