Онлайн-курс

Front-end
разработчик

Старт ближайшего потока7 февраля
Длительность курса7 месяцев
Свободные места
"Я с группой"
10
Свободные места
"Всё сам(а)"
17

Что входит в курс

148 часов занятий
20% теории, 80% практики
Код-ревью и поддержка менторов
Доступ к записям занятий и материалам

Для кого этот курс

Сколько зарабатывают Front-end разработчики

Junior
Middle
Senior
2 250 $

Как проходит обучение

Занятия по программе

В зависимости от тарифа вам предложены live-занятия с преподавателем 2 раза в неделю ИЛИ записи занятий, которые также открываются 2 раза в неделю.

Домашние задания

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

Обратная связь ментора

Ментор делает код-ревью вашего задания, даёт рекомендации по его улучшения и помогает, если у вас возникают трудности.

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

В конце каждого модуля вы будете делать курсовые работы. А в конце обучения — дипломный проект. Так к концу обучения в вашем портфолио на GitHub будет минимум 4 проекта.

Чему вы научитесь

Верстать сайты и создавать интерфейсы для всех типов устройств

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

Создавать сложные веб-приложения на React

React – самая популярная и перспективная библиотека для создания веб-приложений. Вы научитесь создавать на React веб-приложения любой сложности и изучите, в каких областях применима эта библиотека.

Готовить проекты для запуска в Production

Вы изучите различные системы сборки веб-приложений, которые упрощают разработку и соберёте Production-версию собственного проекта. Также научитесь перемещать проект на Production-сервер. Благодаря этому навыку вы освоите весь цикл разработки веб-приложения: от создания до запуска.

Какие технологии вы освоите

Программа курса

Тема 1Знакомство с Web
  • Краткая история Web и как устроен интернет
  • Как устроен браузер и как он получает страницы по сети
  • Что такое Git
  • Создание первого репозитория
  • О файле .gitignore
Тема 2HTML-вёрстка – первые шаги
  • Настройка рабочей среды
  • Краткая история HTML
  • Типы тегов и атрибуты
  • Теги для работы с текстом
  • Создание собственной страницы
  • Основы ветвления в Git
  • Создание pull request на GitHub
Тема 3Погружение в HTML-разметку
  • Мета-теги
  • Мнемоники
  • Теги для работы со списками
  • Теги для работы с таблицами
  • Теги для работы с формами
  • div и span
Тема 4Введение в CSS
  • Краткая история CSS
  • Подключение стилей
  • CSS-селекторы
  • CSS-свойства
  • Наименование CSS-классов
  • Декларация !important
  • Приоритеты стилей в CSS
  • Отступы, границы и box-sizing
Тема 5Flexbox. Работа с текстом
  • Flexbox
  • Pixel perfect
  • Типографика в Web
  • Шрифты и способы их подключения
  • Свойства для работы с текстом
  • Текстовые эффекты
Тема 6Изображения и фон. BEM
  • Favicon
  • Тег img и его атрибуты
  • Изображение как фон
  • Способы работы с цветом
  • Градиенты
  • CSS Sprites
  • Иконочные шрифты
  • SVG как продвинутый инструмент
  • Методология BEM
Тема 7Вёрстка под разные типы устройств
  • Основные термины
  • Использование медиа - запросов
  • Блочная модель. Контейнеры
  • Переменные в CSS
  • Построение адаптивной сетки на flexbox
  • CSS Grid Layout
Тема 8Продвинутый CSS
  • Псевдоклассы и псевдоэлементы
  • Позиционирование элементов
  • Тени
  • CSS-фигуры
  • Трансформация элементов
Тема 9Продвинутая вёрстка
  • Семантика в HTML
  • Работа с аудио и видео
  • Анимация
Тема 10Введение в Front-end
  • Введение в NPM
  • Современная сборка Front-end
  • Boilerplate
  • Работа с Pug
  • Обзор препроцессоров
  • Подключение stylelint
  • NPM - скрипты
Тема 11Обзор библиотек
  • Bootstrap
  • Foundation
  • Semantic UI
  • UIkit
  • Materialize
  • Material Design Lite
Тема 12Мастер-класс по вёрстке от преподавателя
  • Разбор популярных кейсов
Тема 13Защита курсового проекта
  • Демонстрация курсовых проектов.
+2 проекта в портфолио
Тема 14История JavaScript и работа в терминале
  • Краткая история JavaScript
  • Работа в терминале
  • Погружение в Git
  • SSH аутентификация
  • Подключение ESLint
  • Работа с Husky
Тема 15Знакомство с JavaScript
  • Переменные и типы данных
  • Преобразование типов
  • Базовые операторы
  • Значения Infinity, NaN, undefined, null
  • Условия и циклы
Тема 16Функции. Часть 1
  • Синтаксис функций
  • Способы объявления функций
  • arguments, rest и return
  • Самовызывающиеся функции
  • Глобальные функции
  • Рекурсия
  • Отладка
  • Обработка ошибок
Тема 17Функции. Часть 2
  • Стек вызовов
  • Области видимости
  • Замыкания
  • Основы unit-тестирования
Тема 18Строки
  • Методы для работы со строками
  • Базовый поиск в строке
  • Регулярные выражения
  • Сравнение строк
Тема 19Массивы
  • Создание массива
  • Копирование массива
  • Методы для работы с массивами
  • Способы перебора массивов
  • Деструктуризация массива
  • spread у массивов
Тема 20Объекты
  • Создание объекта
  • Копирование объекта
  • Оператор delete
  • Геттеры и сеттеры
  • Методы для работы с объектами
  • Способы перебора объектов
  • Деструктуризация объектов
  • spread у объектов
  • Метод Object.defineProperties
Тема 21Классы
  • Основы ООП
  • this
  • Функция конструктор
  • Оператор new
  • Прототип
  • Статические методы
  • Методы call, apply, bind
  • Что такое class, extends, constructor, super, static
Тема 22Углубленный JavaScript
  • Коллекции объектов по ключу
  • JSON
  • Математические вычисления
  • Работа с датой
  • Итераторы
Тема 23DOM
  • Создание элементов
  • Работа с атрибутами и контентом
  • Навигация по элементам
  • Поиск элементов
  • Стили и классы
  • Размеры, прокрутка, координаты
Тема 24События
  • Типы событий
  • addEventListener и addRemoveListener
  • Всплытие и погружение
  • Делегирование событий
  • Действия браузера по умолчанию
  • События форм и их элементов
  • Интерфейсные события
  • События загрузки
  • MutationObserver
Тема 25Асинхронность
  • Таймеры
  • Promise
  • Event loop
  • HTTP
  • AJAX
  • fetch vs XMLHttpRequest.
  • CORS
  • Знакомство с REST и GraphQL
  • async/await vs генераторы vs callbacks
Тема 26BOM
  • BOM в контексте window
  • screen
  • navigator
  • location
  • history
  • Browser storages
Тема 27Работа с файлами
  • Отправка файлов на сервер из формы
  • File API
  • Принцип работы с Canvas
  • Обзор возможностей Canvas
  • MIME types
  • DataURL и что такое Base64
Тема 28Основы по алгоритмам и структурам данных
  • Значимость алгоритмов для Front-end разработчика
  • Базовые математические алгоритмы
  • Базовые алгоритмы работы со строками
  • Базовые алгоритмы поиска
  • Базовые алгоритмы сортировки
  • Оценка сложности алгоритма
  • Значимость структур данных для Front-end разработчика
  • Связные списки
  • Очередь
  • Стек
  • Хэш таблицы
  • Куча
  • Деревья
  • Графы
Тема 29Мастер-класс по JavaScript от преподавателя
  • Разбор популярных кейсов
Тема 30Защита курсового проекта
  • Демонстрация курсовых проектов.
+1 проект в портфолио
Тема 31Продвинутый Git
  • Повторение пройденного материала
  • Stash
  • Тэгирование
  • Rebase
  • Chery-pick
  • Популярные приемы работы с ветками
Тема 32Шаблоны проектирования и архитектуры
  • Введение в концепцию шаблонов проектирования
  • Порождающие шаблоны (Creational)
  • Структурные шаблоны (Structural)
  • Поведенческие(Behavioral)
  • Клиент-сервер
  • Компонентная
  • Событийная
  • REST
  • MV*
  • Однонаправленные потоки данных
Тема 33SPA и Web Components. Знакомство с React
  • Single-page application
  • Повторение HTML5 History API
  • Web Components
  • Краткий обзор современных инструментов разработки SPA
  • Краткая история развития React
  • Краткий обзор react-create-app
  • JSX
  • Работа с props
  • Работа со списками
  • React Developer Tools
Тема 34Webpack и Babel
  • Установка
  • Настройка конфиг-файлов
  • Обзор и установка плагинов
  • Babel
  • Первый build и запуск dev-сервера
Тема 35State и события
  • Stateless и Stateful компоненты
  • Обработка событий
Тема 36Жизненный цикл компонента
  • Стадии жизненного цикла
  • Методы жизненного цикла
  • PureComponent и React.memo
Тема 37Hooks
  • Введение в React Hooks
  • Компонент с использованием Hooks vs классовый компонент
  • Обзор встроенных Hooks
  • Создание собственных Hooks
  • Работа с Context
  • Работа с Refs
Тема 38HOC и маршрутизация
  • Компоненты высшего порядка
  • React-Router
  • Настройки WebpackDevServer
Тема 39Маршрутизация. Часть 2
  • React-Router hooks
  • Создание layouts
Тема 40Redux
  • Введение в Redux
  • Создание Actions
  • Создание Reducers
  • Работа со Store
Тема 41React + Redux
  • React Redux
  • connect
  • Redux hooks
  • Redux DevTools
  • Redux-Actions
Тема 42Redux Middleware
  • Middleware: определение, примеры, создание
  • Middleware в режиме разработки
  • Подключение Redux-Saga
Тема 43Работа со стилями
  • Углубление в CSS-in-JS
  • Обзор CSS-in-JS библиотек
  • Создание тем
  • Подключение стилей
Тема 44Мастер-класс по React от преподавателя
  • Разбор популярных кейсов
Тема 45Защита курсового проекта
  • Демонстрация курсовых проектов
  • Обзор дипломных проектов
Тема 46Консультация по дипломному проекту
  • Итоговые консультации по дипломному проекту
Тема 47Защита дипломного проекта
  • Демонстрация дипломных проектов
  • Выдача сертификатов
  • Выпускной
+2 проекта в портфолио

Преподаватели

Женя СилюковПреподаватель 8 потокаЖеня Силюков
Full Stack разработчик в ES Company
  • 💪3+ лет в full stack разработке
  • 😌Работал в продуктовых и аутсорсинговых компаниях
  • 😎Сейчас работает в компании, специализирующей на разработке приложений на платформе Shopify. А также занимается менторством новых сотрудников.
  • 💬“Имею два совершенно разных образования: строительное и педагогическое по специальности “Математика. Информатика”.
    Но в итоге самостоятельно изучил программирование с нуля и стал разработчиком.
    Считаю, что дорогу осилит идущий. И хочу в этом помочь своим студентам.”
Женя МолодкинПреподаватель 6 потокаЖеня Молодкин
Front-end разработчик в HQSoftware
  • 💪3+ лет в front-end
  • 😌Работал в продуктовых и аутсорсинговых компаниях
  • 😎Работает на крупном FinTech проекте, занимается менторством
  • 💬“По первому образованию я микробиолог. Со временем я перестал развиваться в этом и понял, что мне не хватает какого-то экшена. Поэтому решил попробовать себя в программировании, и уже более 3 лет занимаюсь Front-end разработкой.

    Люблю развиваться в своем деле и помогать развиваться другим. Поэтому с удовольствием помогу своим студентам стать полноценными разработчиками.”
Артём ТелущенкоПреподаватель 5 потокаАртём Телущенко
Full Stack разработчик в iTechArt
  • 💪2+ лет в Full Stack разработке
  • 😌Работал в аутсорсинговых компаниях
  • 😎Во время учёбы на инженера-энергетика, понял, что это не моё и решил попробовать себя в программировании. Как видите, всё получилось:)
  • 💬“По своему опыту знаю, как сложно войти в IT с нуля и кардинально сменить сферу деятельности. Поэтому хочу помочь добиться этой цели своим студентам и вырастить из них крутых разработчиков.”
Кирилл БубенцовПреподаватель 4 потокаКирилл Бубенцов
Front-end разработчик в EPAM Systems
  • 💪5+ лет в front-end
  • 😌Работал в стартапах, продуктовых и аутсорсинговых компаниях
  • 😎Разрабатывал enterprise приложения
  • 👏Занимался менторством и с моей помощью 5 человек с нуля стали Junior разработчиками
  • 💬"Люблю учиться, обучать других и видеть результат своей работы. Поэтому я здесь😅"
Дарья БондареваПреподаватель 3 потокаДарья Бондарева
Front-end разработчик в iTechArt
  • 💪2,5+ года в front-end
  • 😌Работала как в аутсорсинговых, так и в продуктовых компаниях
  • 😎Занималась разработкой платформы для трейдинга криптовалюты и крупной CRM-системы
  • 💬"Преподаю в Intellect Fox, потому что нравится помогать людям менять жизнь и продолжать верить в себя. Простым языком объясняю сложные и непонятные темы ещё с университета. А на факультете прикладной математики и информатики их было достаточно😅"
Стас ГончаровПреподаватель 2 потокаСтас Гончаров
Front-end разработчик в EffectiveSoft
  • 💪3+ года в front-end
  • 😌C нуля изучал программирование и попал в IT
  • 😎Разрабатывал проекты в разных сферах
  • 👏Помог стать программистами 15+ студентам
Андрей БогомоловАвтор курса, преподаватель 1 потокаАндрей Богомолов
Full Stack разработчик в ironSource (Supersonic Studios)
  • 💪8 лет занимается разработкой
  • 😌Работал в аутсорсинговых и продуктовых компаниях
  • 😎Возглавлял команду Front-end разработки в аутсорсинговой компании
  • 👏Помог стать программистами 50+ студентам

Учитесь в Intellect Fox и получайте подарки

Видеолекция HR о том, как найти первую работу в IT
Видеолекция по английскому языку для IT
Техническое собеседование после окончания курса
Бесплатная подписка на 6 месяцев на IDE WebStorm
Мастер-классы от преподавателей курса

Стоимость обучения

Всё сам(а)

Самостоятельное обучение
1-й взнос560 BYN
2-й и 3-й взносы420 BYN
Полная стоимость1 400 BYN
* Возможна рассрочка на 8 месяцев по карте рассрочки ЧерепахаОставить заявку
Записи занятий (2 раза в неделю открывается одно занятие)
Доступ к записям занятий — 1 год
Проверка домашних заданий
Поддержка ментора ТОЛЬКО в чате
3 защиты курсовых проектов
Защита дипломного проекта
4 проекта в портфолио (3 курсовые + 1 дипломный проект)
Чек-лист по составлению резюме, сопроводительного письма, оформлении профиля в LinkedIn

Я с группой

Групповое обучение
1-й взнос800 BYN
2-й и 3-й взносы600 BYN
Полная стоимость2 000 BYN
* Возможна рассрочка на 8 месяцев по карте рассрочки ЧерепахаОставить заявку
Live-занятия с преподавателем 2 раза в неделю с 19 до 22. Возможность задавать и разбирать вопросы во время занятия
Доступ к записям занятий навсегда
Проверка домашних заданий
Поддержка ментора в чате, при необходимости групповые или индивидуальные созвоны
3 защиты курсовых проектов
Защита дипломного проекта
5 проектов в портфолио (3 курсовые + дипломный проект + лендинг-резюме)
Индивидуальная помощь в составлении резюме, сопроводительного письма и оформлении профиля в LinkedIn

Часто задаваемые вопросы

Я никогда не занимался разработкой. Получится ли у меня освоить профессию за 7 месяцев?

Наш курс разработан не только для тех, кто уже что-то изучал, но и для тех, кто хочет освоить профессию с нуля. Главное, чтобы вам было это интересно и вы могли уделять обучению минимум 3-4 часа в день (не включая посещение или просмотр занятий): выполнять теоретические и практические задания, читать дополнительные материалы, которые рекомендуют преподаватель и ментор.

Нужны ли знания английского для прохождения курса?

Мы рекомендуем идти на курс с базовыми знаниями английского. Занятия проходят на русском языке, но большинство материалов для изучения мы даём на английском. Также в требованиях большинства вакансий "Junior Front-end developer" минимальный уровень английского Pre-intermediate (A2).

Мне помогут устроиться на работу?

При получении сертификата на курсе мы поможем вам правильно составить резюме, профиль в LinkedIn и расскажем, как подготовиться к собеседованию. Также после окончания обучения у вас останется доступ к чату группы, где мы будем оставаться на связи и по возможности помогать вам.

Что, если я не смогу получить сертификат?

Если у вас не получится пройти курс до конца, выполнить все курсовые работы и дипломный проект, то мы выдадим вам справку. В ней будет указана информация о прохождении определённого количества часов по курсу «Front-end разработчик» и основные навыки, которые вы получили в процессе обучения. Также у вас останется доступ ко всем материалам занятий курса.

Есть ли рассрочка?

Да, на все тарифы действует рассрочка на 3 месяца от нашей школы: 40% до начала занятий, 30% через месяц после начала занятий и 30% ещё через месяц. Также для граждан РБ возможна беспроцентная рассрочка на 8 месяцев по карте рассрочки Черепаха.

Получится ли совмещать обучение с основной работой?

Если вы готовы уделять обучению минимум 3-4 часа каждый день, не включая посещение или просмотр занятий, всё должно получиться.