Обучаем по инженерной программе уровня Middle+ до тех пор, пока вы не устроитесь на работу + ежедневная менторская поддержка 1 на 1 в Zoom
Станьте Front-end
разработчиком уровня Middle+
Учебная стажировка в реальном проекте
Менторская поддержка 12/7
Обучение до полного трудоустройства
Живое онлайн-обучение
Учебная стажировка в реальном проекте
Менторская поддержка 12/7
Обучение до полного трудоустройства
Живое онлайн-обучение
Записаться
Оставьте заявку, мы ответим на все вопросы и вышлем бесплатную подборку видеоуроков по Frontend-разработке
О чём молчат другие школы?
В IT высокие зарплаты, но это сложно
Обучиться разработке может практически каждый человек, но стать востребованным специалистом могут далеко не все. Это совсем не простой и не быстрый процесс. Все маркетинговые слоганы о лёгкости и доступности IT служат одной цели — заработать деньги на вашей наивности.
<первое>
Минимум 30 часов в неделю
Обучение разработке требует минимум 30 часов в неделю для достижения необходимых навыков. А полное обучение до профессионального уровня занимает от 9 до 14 месяцев. Только так можно стать сильным специалистом и найти работу.
<второе>
Подходит не всем
Сфера разработки достаточно сложная и помимо желания требует дисциплинированности и усидчивости. Если вы не готовы проводить много времени за решением одной задачи — выберите другую сферу.
<третье>
Рынку нужны сильные специалисты
Рынок IT в 2023 году не такой уж сказочный и приветливый... Чтобы стать реальным разработчиком нужно осознанно принять решение, углубленно изучить профессию и получить практический опыт. Иначе нет смысла тратить деньги на курсы.
<четвёртое>
Мы выслушаем, поможем выбрать направление или отговорим oт обучения
Оставьте заявку, если уверены, что готовы осилить путь обучения до действующего разработчика.
Хочу учиться
<когда?>
<сколько стоит?>
<сколько мест?>
Стоимость:
от 180€/мес
от 180€/мес
Осталось:
Старт потока:
11 сентября
20 мест
Вы можете вернуть деньги в течение первых трех недель обучения
Обучают действующие разработчики
Преподавательский состав из действующих экспертов в сфере frontend-разработки, даём актуальную и необходимую информацию в обучении
Учебная стажировка
Никаких выдуманных сайтов в портфолио. Каждый наш студент проходит учебную стажировку в коммерческом проекте, получая нужный опыт работы для трудоустройства
Мощная помощь с трудоустройством
Программа обучения включает тренинги по составлению CV, прохождению интервью, а лучших учеников мы рекомендуем компаниям-партнёрам
Инженерный подход к обучению
Мы IT-компания и школа, созданная разработчиками, а не бизнесменами
У нас глубокий инженерный подход к обучению, который позволяет создавать сильных специалистов
<о нас>
<наш подход>
<данные на 2023 учебный год>
1000+
студентов трудоустроили
6 лет
на рынке обучения
30 стран
в которых мы обучили студентов
Живые онлайн-уроки + записи
Обучение проходит в живом онлайн-формате на нашей собственной платформе, где Вы получаете доступ к записи уроков
Поддержка 1 на 1 от менторов 12/7
Оперативно помогаем с любым вопросом - каждый день, даже в выходные выходим в Zoom и помогаем решать ваши проблемы.
Собственная образовательная платформа
Для эффективного обучения вся информация собрана в личном кабинете: видеоуроки, календарь мероприятий, домашние задания и т.д.
Готовы начать обучение?
Оставьте заявку, мы ответим на все вопросы и вышлем бесплатную подборку видеоуроков о Frontend-разработке
- <неделя 1>
- - Семантика. Теги
- - Свойство display
- - Размеры элементов
- - Основные единицы измерения
- - Функция calc()
- - Отступы
- - Границы
- - Свойство box-sizing
- - Формы
- - Подключение шрифтов. Свойство font
- - Свойства для стилизации текста
- - Favicon
- <неделя 2>
- - Каскадность. Приоритет стилей
- - Класс container
- - Flexbox
- - Цвета. Форматы rgb, rgba, hex
- - Форматы изображений
- - Свойство background
- - Градиент
- - Тень. Свойства box-shadow, text-shadow, filter: drop-shadow()
- - Фильтры. Свойства filter и backdrop-filter
- - Svg спрайты
- - Svg спрайты в React
- - Списки - структура и стилизация. Счетчик
- <неделя 3>
- - Grid +
- - Свойство transition
- - Анимации. Свойство animation и ключевые кадры
- - Адаптив. Озывчивая верстка. Медиазапросы
- - Адаптив изображений
- - Адаптив шрифтов
- - Трансформации в css. Свойство transform
- - Свойство overflow
- - Позиционирование
- - Псевдоэлементы
- - Псевдоклассы
- - Управление выделением текста
- <неделя 4>
- - Таблицы. Структура и стилизация + position: sticky
- - First / last / nth-child
- - Свойство cursor
- - 2 способа красиво обрезать текст
- - 5 способов центрировать элемент
- - 8 способов спрятать элемент
- - Cтилизация скролла
- - Инпут как в MUI. Верстка и стилизация
- - Стилизация input type="checkbox / radio" (Like)
- - Стилизация input type="range"
- - Rating
- - Комбинаторы
Вы можете перейти по ссылке, чтобы поближе ознакомиться с нашим курсом по верстке на ReactJS
- <Неделя 1>
- Создаём проект для работы с React
- - Узнаем, что такое React и зачем он нужен
- - Поговорим о том, что такое CRUD-операции
- - Создадим первый CRUD-проект на React: npx create-react-app
- - Рассмотрим структуру проекта на React: модули, пакеты, JSX
- - Разберёмся, зачем нужны компоненты
- - Проведём декомпозицию кода, выделим свой первый компонент
- - Объект props: знакомимся и используем
- -TypeScript: первые шаги
- <Неделя 2>
- Стэйт-менеджмент
- - useStateCоздаём state-приложения: useState
- - Изменения в state: коллбэки
- - Знакомимся с понятием иммутабельности
- - Обновление интерфейса и изменение state: установим связь
- - Узнаем, как рендерить списки: атрибут key
- - Учим JS: методы массивов map и filter
- - ES6: деструктуризация на практике
- - И типизируем, типизируем, типизируем…
- <Неделя 3>
- Обрабатываем события
- - Добавляем пакеты в проект
- - Наращиваем функционал проекта
- - Обрабатываем события: onClick, onChange
- - Продолжаем обрабатывать события: onKeyDown
- -Встречаемся с объектом Event
- - Продолжаем работу с TypeScript
- - Разбираем, как сделать код "human-readable"
- <Неделя 4>
- Развитие интерфейса
- - Продолжаем развивать функционал проекта
- - Учимся валидировать пользовательский ввод
- - Local state – углубляем понимание
- - Осваиваем коцепцию контролируемого элемента ввода (input)
- - User-friendly interface: условное присвоение классов
- - User-friendly interface: условный рендеринг
- <Неделя 1>
- Усложняем state: работаем со связанными структурами
- - Узнаем вычисляемые свойства объектов
- - Рассмотрим, как работать со связанными структурами данных
- - Создадим более сложный state
- - «Зарефакторим» функции для выполнения CRUD-операций с более сложной структурой данных
- - Добавим новый функционал в наш проект Todo-list
- - Продолжаем работать с TypeScript
- <Неделя 2>
- Делаем сложные компоненты
- - Проведём декомпозицию React-компонентов
- - Вспоминаем, что такое универсальные компоненты
- - Создадим интересную форму для добавления сущностей в проект
- - Создадим форму для редактирования
- - Ещё раз поговорим про локальный state
- - Продолжаем использовать условный рендеринг
- - Научимся делать сложные коллбэки
- <Неделя 3>
- Material UI: знакомимся
- - Добавляем библиотеку в проект
- - Изучаем библиотечные компоненты
- - Material UI: стандартные элементы ввода Material UI: элементы сетки
- <Неделя 4>
- Готовимся к встрече с Redux
- - Обсудим, какие задачи решает state-management
- - Узнаем, что такое reducer и с чем его едят
- - Познакомимся с понятием «чистой функции»
- - Напишем свой первый reducer
- - Научимся тестировать reducer с помощью библиотеки Jest
- - Не забудем про action и action creator
- - Продолжаем работать с TypeScrip
- Неделя 1: Test Driven Development (TDD), чистая функция
- Неделя 2: React useReducer Hook, Redux
- Неделя 3: Оптимизация рендеринга React-компонентов
- Неделя 4: Введение в Storybook для React; тестирование React-компонентов (Snapshot/Screenshot)
- <Неделя 1>
- Взаимодействие с сервером (Ajax Request, Axios)
- - Разберём теорию REST API (типы запросов, Request, Response, коды ответа HTTP)
- - Рассмотрим самую популярную библиотеку для взаимодействия с cервером Axios
- - Применим CRUD-операции на практике
- - Работа с Promise на практике
- - Научимся архитектурно корректно писать код: вынесем его в DAL-уровень
- - Разберём взаимодействие с TypeScript: научимся типизировать Ajax-запросы
- - Рассмотрим "дженерики" (Generic Types) на практике
- <Неделя 2>
- Redux Thunk в деталях
- - Разберём теорию (что такое Thunk, для чего нужна, какую проблему решает, Middleware)
- - Разберём трехуровневую архитектуру UI-BLL-DAL
- - Разберём для чего нужен Thunk Creator
- - Перевод асинхронных операций в Thunk (внедрим BLL в проект)
- <Неделя 3>
- - Обработка ошибок. Preloaders (отображение на UI)
- - Научимся показывать Preloader перед запросом и убирать его, когда ответ получен
- - Сделаем универсальный компонент для обработки ошибок и будем его показывать пользователю при возникновении ошибки
- - Рассмотрим, как "дизаблить" (делать неактивными) кнопки/поля при запросе на сервер, чтобы пользователь не смог ничего сломать
- - Проверка на ResultCode
- - Обработка ошибок в Catch
- - Напишем универсальную функцию для обработки ошибок
- - Познакомимся с "дженериковой" функцией
- <Неделя 4>
- Router, App, Initializing, Formik
- - Теоретический блок про Cookie: что это, для чего нужен и как применяется на практике
- - Разберем React-route-dom-v.6 на практике (роуты, редиректы, обработка ошибки 404)
- - Разберем библиотеку Formik (получение данных, валидация и обработка ошибок)
- - Реализация авторизационного Flow (login, logout, authMe)
- <Неделя 1>
- Prettier. Redux toolkit: configureStore / createSlice / extraReducers / селекторы
- - Подключение и настройка prettier
- - Настройка абсолютных импортов (baseUrl)
- - Теория, внедрение redux-toolkit в проект
- - Создание store configureStore, подключение reducers и middleware
- - Создание слайсов createSlice. Взаимодействие с reducers
- - Мутабельное изменение стейта immerJS. Разбор основных CRUD операций
- - Применение extraReducers
- - Best practice в работе с селекторами. Разбираем reselect (createSelector)
- - createAction для создания action в стороне
- <Неделя 2>
- Thunks in redux toolkit / createAsyncThunk / objects vs enums / structure files as feature folders
- - Работа с thunk / createAsyncThunk / Typescript
- - Взаимодействие thunk с extraReducers
- - Тесты в Redux toolkit
- - Обработка ошибок / rejectWithValue
- - Objects vs Enums
- <Неделя 3>
- Formik, работа с ошибками / thunkTryCatch utils / useActions / комментарии в коде
- - Обработка локальных и глобальных ошибок в формах
- - Отлавливание событий после завершения санки unwrap
- - Избавление от дублирования кода (thunkTryCatch)
- - Разбор и применение кастомного хука useActions
- - Best practice по работе с комментариями в коде, JSDoc
- <Неделя 4>
- Utility Types / builder.addMatcher / декомпозиция и рефакторинг
- - Utility Types (Partial, Omit, Pick) - применение на практике
- - Разбираемся с builder.addMatcher и применяем на проекте
- - Изучаем builder.addDefaultCase
- - Структура приложения. Нейминг. Декомпозиция и рефакторинг
- Неделя 1: Вводный урок. Настройка и деплой проекта вместе со storybook, разбор проекта и дизайна, Разбор и создание основных компонент
- Неделя 2: Создание форм с помощью react-hook-form и универсальных компонент, разбор ключевых ux паттернов форм. Создание таблиц, разбор соответствующих ui/ux паттернов
- Неделя 3: Подключение redux-toolkit query, паттерны фечтинга данных
- Неделя 4: Сборка проекта на основе подготовленных компонент с использованием полученных знаний
- Помощь и консультации в составлении CV
- Консультации по заполнению аккаунтов на платформах поиска работы
- Тренировки собеседований/помощь в самопрезентации перед HR
- Организация событий с участием тех. лидов/HR и проведение собеседований с ними
- Рекомендации выпускников в компании и стартап-проект
Вы можете перейти по ссылке, чтобы поближе ознакомиться с нашей стажировкой
- Неделя 1: Вводный урок: знакомимся с React Native; устанавливаем Expo; смотрим на основные компоненты и привыкаем что очень похоже на реакт со своими особенностями
- Неделя 2: Делаем наш небольшой ToDo-list (проект), чтобы привыкнуть к синтаксису
- Неделя 3: Знакомимся с навигацией в React Native (плоской и вложенной)
- Неделя 4: Работаем с REST API в React Native; закрепляем синтаксис и навигацию
- <Неделя 1>
- Базовые знания
- - Знакомство с Angular
- - Старт приложения, общая структура
- - Создание компонента
- - Варианты работы с Component (prefix, template, styles)
- - Подключение SCSS. Миграция приложения с CSS на SCSS
- - Настройка Prettier, Eslint, editorСonfig
- - Интерполяция и связывания (property, event, two-way)
- - Передача данных между родительскими и дочерними компонентами (Input, Output)
- - Директивы (NgFor, NgIf, NgSwitch, NgClass, NgStyle)
- <Неделя 2>
- Пайпы / Сервисы / HTTP
- - Пайпы (pipes)
- - Сервисы. Dependency injection. RxJS
- - Взаимодействие с сервером (HTTP)
- <Неделя 3>
- Forms / Routing / Модули
- - Работа с формами. Reactive forms
- - Routing
- - Модули. Структура папок и приложения. Lazy loading
- <Неделя 4>
- Создание приложения ToDo-list
- Express App / Rest Api / Express Router
- - Simple express app with typescript and nodemon
- - Deploy to Heroku for simple TS Express App
- - Deploy to Heroku via CLI
- - Express and REST API
- - Swagger
- - Express Router
- Валидация / Базовая авторизация / DAL уровень
- - DataAccessLayer - Repositories
- - Express middleware, chain of responsibility
- - Input validation, express-validator
- - Basic Authorization
- MongoDB CRUD
- - MongoDB, mongod and mongo shell, Studio 3T
- - MongoDB CRUD
- - Eventloop, async-await
- - NodeJS + mongoDB
- BLL уровень / сортировка / пагинация
- - Business Logic Layer
- - QueryRepository, основы CQS, CQRS
- - Sorting, сортировка
- - Pagination
Записаться на обучение
Современный стек технологий
Наша программа предусматривает необходимый стек frontend-технологий, востребованный на рынке
TypeScript
JavaScript
React
HTML
CSS
Redux-Toolkit
Formik
REST API
Story book
Unit tests
WebSocket
React Native
Angular
Redux-Saga
React-Query
Apollo
GraphQL
Material UI
Современный стек технологий
Наша программа предусматривает необходимый стек frontend-технологий, востребованный на рынке
Story book
Material UI
TypeScript
Unit tests
JavaScript
WebSocket
React
React Native
HTML
Angular
CSS
Redux-Saga
Redux-Toolkit
React-Query
Formik
Apollo
REST API
GraphQL
Story book
Material UI
Наша образовательная экосистема
Для наших студентов мы разработали удобный личный кабинет с широким функционалом:
– Уроки с возможностью возвращаться к ним для повторения материала в любое время
– Календарь с расписанием всех занятий и менторской поддержки
– Домашние задания
– Экзамены
– Статистика прогресса обучения
– Плейлисты с видео-уроками
– Информация о стримах и других мероприятиях
– Работа над CV
– Уроки с возможностью возвращаться к ним для повторения материала в любое время
– Календарь с расписанием всех занятий и менторской поддержки
– Домашние задания
– Экзамены
– Статистика прогресса обучения
– Плейлисты с видео-уроками
– Информация о стримах и других мероприятиях
– Работа над CV
Записаться на обучение
Хотите увидеть всё изнутри?
Оставьте заявку и мы вышлем вам видео-экскурсию по возможностям нашей образовательной платформы
Получить видео-экскурсию
Наша образовательная экосистема
Всем нашим студентам 7 дней в неделю доступна поддержка опытных менторов. Если у вас возник какой-то вопрос по программе обучения или учебным проектам, здесь вы всегда можете оперативно получить помощь и найти нужные вам ответы
Записаться на обучение
Хотите увидеть всё изнутри?
Оставьте заявку и мы вышлем вам видео-экскурсию по возможностям нашей образовательной платформы
Получить видео-экскурсию
Наша образовательная экосистема
У нас очень активное сообщество студентов в Telegram. Есть отдельный чат для каждого этапа обучения и общий чат для всех студентов Инкубатора.
Здесь вы всегда можете задать вопрос и обсудить что угодно по программе обучения. Учащиеся на более поздних этапах с радостью помогают тем, кто двигается следом за ними.
Это даёт дополнительную возможность всем студентам "обучаться, обучая", получать всестороннюю поддержку на всех этапах и мотивирует двигаться дальше.
Здесь вы всегда можете задать вопрос и обсудить что угодно по программе обучения. Учащиеся на более поздних этапах с радостью помогают тем, кто двигается следом за ними.
Это даёт дополнительную возможность всем студентам "обучаться, обучая", получать всестороннюю поддержку на всех этапах и мотивирует двигаться дальше.
Записаться на обучение
Хотите увидеть всё изнутри?
Оставьте заявку и мы вышлем вам видео-экскурсию по возможностям нашей образовательной платформы
Получить видео-экскурсию
Наша образовательная экосистема
Мы создали чат-бота, который помогает студентам постоянно быть "в тонусе". Он регулярно просит присылать мини-отчёты и задаёт вопросы по пройденной программе.
Записаться на обучение
Хотите увидеть всё изнутри?
Оставьте заявку и мы вышлем вам видео-экскурсию по возможностям нашей образовательной платформы
Получить видео-экскурсию
Наша образовательная экосистема
Для наших студентов мы разработали удобный личный кабинет с широким функционалом:
– Уроки с возможностью возвращаться к ним для повторения материала в любое время
– Календарь с расписанием всех занятий и менторской поддержки
– Домашние задания
– Экзамены
– Статистика прогресса обучения
– Плейлисты с видео-уроками
– Информация о стримах и других мероприятиях
– Работа над CV
– Уроки с возможностью возвращаться к ним для повторения материала в любое время
– Календарь с расписанием всех занятий и менторской поддержки
– Домашние задания
– Экзамены
– Статистика прогресса обучения
– Плейлисты с видео-уроками
– Информация о стримах и других мероприятиях
– Работа над CV
Записаться на обучение
Личный кабинет студента
Всем нашим студентам 7 дней в неделю доступна поддержка опытных менторов. Если у вас возник какой-то вопрос по программе обучения или учебным проектам, здесь вы всегда можете оперативно получить помощь и найти нужные вам ответы
Записаться на обучение
Менторская поддержка 12/7
У нас очень активное сообщество студентов в Telegram. Есть отдельный чат для каждого этапа обучения и общий чат для всех студентов Инкубатора.
Здесь вы всегда можете задать вопрос и обсудить что угодно по программе обучения. Учащиеся на более поздних этапах с радостью помогают тем, кто двигается следом за ними.
Это даёт дополнительную возможность всем студентам "обучаться, обучая", получать всестороннюю поддержку на всех этапах и мотивирует двигаться дальше.
Здесь вы всегда можете задать вопрос и обсудить что угодно по программе обучения. Учащиеся на более поздних этапах с радостью помогают тем, кто двигается следом за ними.
Это даёт дополнительную возможность всем студентам "обучаться, обучая", получать всестороннюю поддержку на всех этапах и мотивирует двигаться дальше.
Записаться на обучение
Активное сообщество в Телеграм
Мы создали чат-бота, который помогает студентам постоянно быть "в тонусе". Он регулярно просит присылать мини-отчёты и задаёт вопросы по пройденной программе.
Записаться на обучение
Дружелюбный и полезный чат-бот
Хотите увидеть всё изнутри?
Оставьте заявку и мы вышлем вам видео-экскурсию по возможностям нашей образовательной платформы
Получить видео-экскурсию
Менторская поддержка 1 на 1 на каждом шаге
Если есть трудности с выполнением заданий или что-то непонятно, всегда можно созвониться 1 на 1 с действующим разработчиком-ментором в Zoom и вместе разобраться.
Мы всегда рядом и помогаем справиться даже с симптомами выгорания, прокрастинацией и решить проблемы с успеваемостью.
Мы всегда рядом и помогаем справиться даже с симптомами выгорания, прокрастинацией и решить проблемы с успеваемостью.
Записаться на обучение
Ежедневно
12 часов в сутки
Дополнительный курс IT-английского
Сфера разработки требует знания английского языка
Дарья, ваш учитель английского
Мы позаботились об этом и включили в программу курс английского языка для IT, где Вы:
Изучите профессиональную лексику и сможете понимать техническую документацию
<первое>
Прокачаете разговорные навыки для успешного прохождения интервью в IT-компанию
<второе>
Преодолеете страх общения на английском языке и сможете уверенно поддержать разговор на собеседовании
<третье>
8 занятий
20 академ. часов
Любой уровень подготовки
Записаться на обучение
Для кого наша школа?
Мы принимаем только осознанных студентов с базовыми знаниями в сфере разработки
Начинающие программисты и студенты
Уже учитесь самостоятельно или проходили курсы, но не хватает знаний для трудоустройства? Добро пожаловать!
Действующие разработчики
Вы разработчик, но не обладаете необходимым стеком и опытом для работы в компании? Мы поможем дорасти до трудоустройства и стать востребованным специалистом.
Будущие Fullstack-разработчики
Действующий backend-разработчик и хотите стать гибким, универсальным специалистом, открыть для себя новый стек и вырасти в позиции? Нам по пути!
Узнали себя?
Заполните форму, мы поможем выбрать путь развития или вообще отговорим от обучения