ДМИТРИЙ БЕЗУГЛЫЙ
Вы получите все знания и навыки, которые нужны сейчас сильному специалисту для работы в крупных проектах с крутой командой.
FRONTEND УРОВНЯ ТОПОВЫХ КОМПАНИЙ. ОБУЧЕНИЕ У НАС |
ТРУДОУСТРОЙСТВО
ПОСЛЕ КУРСА
ПОСЛЕ КУРСА
ДЛИТЕЛЬНОСТЬ
5 МЕСЯЦЕВ
5 МЕСЯЦЕВ
ФОРМАТ ОБУЧЕНИЯ
ОНЛАЙН
ОНЛАЙН
СТАРТ ПРОГРАММЫ
17 ФЕВРАЛЯ
17 ФЕВРАЛЯ
ПОДАРИТЬ ОБУЧЕНИЕ
Мы свяжемся с вами и подготовим сертификат
ОТЗЫВЫ ЭКСПЕРТОВ ИНДУСТРИИ/
Мне очень нравится, что у вас получилось создать такую атмосферу на курсе, будто тебе друг за пивом рассказывает о фронтенде. Преподаватели хорошо дополняют друг друга: один закладывает фундамент, другие уже на нём строят хипстерские анимации.
Круто, что в курсе глубоко проработаны такие темы, как компьютерные сети, работа протоколов HTTP, устройство DNS, шифрование и настройка серверов. Фундаменталка — просто огонь!
Курс интересный и обширный. Думаю, здесь собрана большая часть вещей, о которых многие не думают, когда учатся и развиваются во фронтенде. Эти знания точно пригодятся при устройстве на работу.
Очень круто, что в одном курсе собраны буквально все темы, которые могут пригодиться на реальной работе. Отдельно хочу отметить блок «Производительный frontend». Даже человек с большим опытом найдёт для себя что-то новое и полезное.
- Встретить фронтендера, который бы уверенно владел всем тем, что есть в курсе — большая удача
Мне очень нравится, что у вас получилось сделать атмосферу, где тебе друг рассказывает про frontend — без лишнего и по делу. Лекторы хорошо дополняют друг друга, один дрючит фундамент, другой уже на нём строит хипстерские анимации.
ИЛЬЯ ПЕНЯЕВ
Director Platform Engineering Fingerprint, ex. Frontend Lead VK - ВЛАДИМИР РАКЧАЕВ
Platform Lead Arrival, ex.Frontend Lead Yandex. Money
Постройте реальное
веб-приложение с нуля
Мы готовим сильных специалистов для крупных международных компаний, где делают сложные продукты в команде крутых специалистов.
×
Обычный frontend-разработчик решает типовые задачи, но если копнуть глубже, сразу теряется. Нехватка фундаментальных знаний мешает подниматься по карьерной лестнице и проходить собеседования в крутые команды.
Сильный frontend-разработчик чётко понимает как работает веб, умеет глубоко копать, выбирать между идеальным и быстрым решением. Уверенно общается с backend, QA и DevOps специалистами, и по сути может сделать их базовую работу самостоятельно.
Разложим знания по полочкам и научим всему, что должен уметь крепкий Middle Frontend Developer
ДЛЯ КОГО ЭТА ПРОГРАММА:
Вы успешно решаете рабочие задачи, но понимаете, что вам не хватает знаний, чтобы двигаться дальше и делать сложные продукты. Вы хотите структурировать знания и глубже копнуть в инструментарий. Мы поможем получить навыки, которые позволят вам расти выше и решать более сложные задачи.
MIDDLE FRONTEND
Вы хотите быть fullstack разработчиком — мы поможем вам приобрести необходимые компетенции и делать более интересные задачи, за которые вам будут платить больше.
BACKEND РАЗРАБОТЧИК
Вы работаете тестировщиком и хотите не только находить баги, но и создавать их :)
Вы знаете основы HTML, CSS и JS, но при разработке реальных проектов чувствуете себя неуверенно. Мы дадим знания и навыки, необходимые для выполнения повседневных задач frontend разработчика.
Вы знаете основы HTML, CSS и JS, но при разработке реальных проектов чувствуете себя неуверенно. Мы дадим знания и навыки, необходимые для выполнения повседневных задач frontend разработчика.
QA
Вы уже работаете в компании или на фрилансе и хотите вырасти в middle frontend специалиста. Мы поможем вам получить все навыки, которые нужны на работе в крупных компаниях.
JUNIOR FRONTEND
Не уверены, хватит ли знаний для курса?
Зарегистрируйтесь на нашей образовательной платформе и пройдите бесплатное входное тестирование для оценки своих знаний
Регистрация на образовательной платформе
Для доступа к тестированию вам необходимо зарегистрироваться на нашей образовательной платформе, указав ваши имя, фамилию и электронную почту.
Вы сможете продолжить использовать свою учётную запись для обучения на полной версии курса или других наших программах.
Если у вас уже есть учётная запись, можно использовать её.
Вы сможете продолжить использовать свою учётную запись для обучения на полной версии курса или других наших программах.
Если у вас уже есть учётная запись, можно использовать её.
ПРОГРАММА КУРСА ://
Вам предстоит с нуля создать новостную ленту, начав со страниц на HTML и CSS. Решая реальные задачи бизнеса, вы будете постепенно добавлять в проект новые технологии и разбираться в том, как они работают и какие проблемы решают.
React Router
EditorConfig
Stylelint
ESLint
Prettier
CI/CD
HTTPS
SSH
VDS
VPS
TLS/SSL
Nginx
Linux
DNS
Material UI, Firebase, Authentication, Authorization, OAuth 2.0
6 уроков, 14 заданий, 1 мини-проект
Разберём рабочую ситуацию: людей нет, но бизнесу очень нужен веб-сервис. Научимся делать приличный дизайн без дизайнера и надёжный бэкенд без бэкендера, а также узнаем, как закрыть доступ к админке для посторонних.
Быстрая админка
DNS, Linux, Nginx, VPS, VDS, SSH, TLS/SSL, HTTPS, CI/CD, Prettier, ESLint, Stylelint, EditorConfig, React Router
6 уроков, 50 заданий, 1 мини-проект
Освоим DevOps для фронтендера: настроим Nginx и CI/CD, познакомимся с основами безопасности в интернете и научимся говорить на одном языке с бэкенд-разработчиками и DevOps-инженерами.
FrontOps: сборка и доставка кода
React, Babel, Webpack, TypeScript, TCP/IP, HTTP, HTTP/2, HTTP/3, CORS, API, Event Loop, Promises, Async/await
10 уроков, 75 заданий, 1 мини-проект
Начнём работу над проектом со знакомства с ключевыми технологиями, которые можно встретить в большинстве вакансий. Сделаем страницу на HTML, CSS и JS, столкнёмся с первыми трудностями и научимся подбирать подходящие инструменты для решения рабочих задач.
React, TypeScript, Webpack, интернет (TCP/IP), HTTP и CORS
React
Babel
TypeScript
CORS
HTTP/3
Promises
HTTP/2
HTTP
API
Event Loop
Async/await
Webpack
TCP/IP
OAuth 2.0
Authorization
Authentication
Material UI
Firebase
2
3
1
10 уроков, 20 заданий, 1 мини-проект
Минимальная версия нашего продукта выстрелила, и теперь пришло время навести красоту! Сделаем плавные и продуманные анимации, адаптируем интерфейс под разные экраны, добавим скелетоны и тёмную тему — применим все известные UX-оптимизации, чтобы новостная лента заиграла новыми красками.
МОДНЫЙ FRONTEND
React Portal, React Ref, React Context, Redux, Redux Toolkit, Анимации: CSS, SVG, JS; react-transition-group, мобильная версия, темная тема, skeleton, popup/modal
4 урока, 16 заданий, 1 мини-проект
Напишем serviceworker, сделаем PWA, добавим поддержку языков и повысим доступность сайта. Теперь любой пользователь сможет читать нашу новостную ленту без интернета и не заходя в браузер.
Офлайн и доступность
Web Workers, Service Workers, PWA, Lighthouse, VoiceOver, Localazy
5 уроков, 8 заданий
Научимся устранять проблемы производительности как на клиенте, так и на сервере. Подробно рассмотрим вкладку Performance и выясним, откуда вообще берутся лаги.
Производительный frontend
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
6 уроков, 16 заданий, 1 мини-проект
Научимся отлавливать ошибки на сайте и выводить их на графики, чтобы не сидеть за компьютером круглосуточно. Построим полный цикл тестирования из ручных, интеграционных, сквозных и юнит-тестов.
Тестирование и мониторинг
Sentry, ручное тестирование, Jest, React Testing Library, Cypress
Popup/modal
Skeleton
Темная тема
Мобильная версия
React-transition-group
Анимации
Redux Toolkit
Redux
React Context
React Ref
React Portal
3 урока
Узнаем, как за 5 дней сделать всё, что мы проходили 5 месяцев. Изучим готовые инструменты для создания всей необходимой инфраструктуры и научимся быстро собирать и тестировать новые продукты.
Frontend на коленке
Create React App, Storybook, NextJS, Vercel, Strapi, Heroku
Конец итогового проекта
6
8
9
7
4
5