Онлайн-курс

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

Старт следующего потока28 июня
Длительность курса6,5 месяцев
Свободные места3 из 15
Студентов в группе15 человек

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

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

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

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

Junior
Middle
Senior
2 250 $

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

Online-занятия

Занятия проводятся 2 раза в неделю с 19 до 22 по московскому времени. Для тех, кто не смог присутствовать на занятии, мы высылаем в общий чат ссылку на видеозапись.

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

После каждого занятия даются практическое и теоретическое задания. На следующем занятии разбираются кейсы с частыми ошибками из домашнего задания.

Работа с ментором

Кроме преподавателя в каждой группе есть ментор. Он проверяет домашние задания и помогает с выполнением, если у студентов возникают трудности.

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

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

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

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

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

Создавать сложные веб-приложения на 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 проекта в портфолио

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

Женя МолодкинПреподаватель 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 разработчик в Paralect
  • 💪8 лет занимается разработкой
  • 😌Работал в аутсорсинговых и продуктовых компаниях
  • 😎Возглавлял команду Front-end разработки в аутсорсинговой компании
  • 👏Помог стать программистами 50+ студентам

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

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

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

Возможна рассрочка 3 месяца1-й взнос640 BYN
2-й и 3-й взносы480 BYN
Полная стоимость1600 BYN
Записаться или получить
консультацию

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

Почему я должен выбрать профессию Front-end разработчик?

Для того, чтобы «войти» в IT как инженер, профессия Front-end разработчика — отличный вариант для тех, кто никогда не занимался программированием. Технологии, которые необходимы для этой профессии, достаточно легко освоить и язык JavaScript — один из самых простых в программировании.

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

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

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

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

Решаются ли на курсе практические задания?

Курс построен таким образом, что 20% изучаемого материала составляет теория и 80% — это практические примеры. После каждого занятия вам даются домашние задания, которые в будущем вы будете использовать в курсовых работах.

Как я смогу задавать вопросы преподавателю и ментору?

Любой вопрос преподавателю и ментору вы сможете задать в чате группы. Кроме этого на онлайн-занятиях вы сможете общаться с преподавателем.

Что делать, если я пропустил занятие?

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

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

Занятия проводятся онлайн 2 раза в неделю в вечернее время по 3 часа. Плюс к этому нужно будет выполнять теоретические и практические задания. В среднем наши студенты тратят минимум 12 часов в неделю на домашние задания.

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

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

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

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

Меня смущает онлайн-формат. Что делать?

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

Действуют ли какие-нибудь программы рассрочки?

Да, вы можете разбить оплату курса «Front-end разработчик» на 3 этапа. Но при полной оплате за весь курс стоимость обучения ниже на 50 BYN.