+7 499 490-59-59
+7 499 490-59-59

Основано в 2015 г.
Политика конфиденциальности
© 2022 ИНН 7707459521

Онлайн-курс
Front End разработчик

С нуля до трудоустройства: HTML, CSS и JavaScript за 7 месяцев.
Старт группы "FE50-onl"
12 апреля

Дни и время занятий
Понедельник, 19.00 -- 22.00
Среда, 19.00 -- 22.00

Кол-во свободных мест
12 из 18
  • Оплата в
    несколько этапов
    Без процентов, переплат, справок и нагрузки на твой бюджет
  • 80% практики
    и 20% теории
    Упор на решении реальных задач и приобретении практических навыков.
  • Группа
    до 15 человек

    Мы используем индивидуальный подход для успешного закрепления материала каждым студентом

Что тебя ждет на курсе

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

За время курса ты изучишь HTML (язык гипертекстовой разметки) и CSS(каскадные таблицы стилей), чтобы научиться верстать веб-страницы. Также ты освоишь кроссплатформенный язык JavaScript, который поможет тебе сделать их интерактивными и функциональными . А еще ознакомишься с различными структурами данных и алгоритмами, научишься работать с NPM и Webpack и освоишь разработку одностраничных приложений с помощью одного из самых популярных инструментов - React.

Самое главное, тебя ждет дипломный проект - полноценное приложение на JS, которое станет первым серьезным проектом в твоем портфолио.
Как будет выстроен учебный процесс
Прямые трансляции в ZOOM
С 19:00 до 22:00 занятие будет проводиться в онлайн-комнате. Ссылка на подключение будет высылаться регулярно в день проведения занятия.
Можно задавать вопросы , включать демонстрацию своего экрана и общаться в чате с преподавателем в режиме реального времени.
Домашние задания
После каждого занятия твой ментор будет высылать тебе домашние занятия обязательные к выполнению, чтобы ты смог закрепить полученные знания на практике и еще лучше подготовиться к написанию дипломного проекта.
Важно: по всем выполненным домашним заданиям преподаватель будет давать тебе обратную связь.
Материалы по курсу и запись занятий
Все полезные материалы и ссылки будут систематически высылаться в чат группы, точно так же, как и запись каждого занятия, чтобы в любой удобный момент можно было освежить свои знания.
Общение в режиме Live
Наша команда, включая преподавателя курса и менеджеров школы всегда доступна онлайн в общем чате и готова оперативно отреагировать на возникшие у тебя вопросы. Приятный бонус: ты можешь общаться с своими одногруппниками в этом же чате и обсуждать занятия, домашние задания и дополнительные материалы в рамках курса.
Дипломный проект
В конце обучения тебя ждет написание и сдача дипломного проекта, который смело можно включать в резюме.

Твой результат в
конце курса

  • 1
    Изучишь язык программирования JavaScript с нуля, обучишься верстке и напишешь свое первое приложение
  • 2
    Научишься работать с webpack и поднимать локальный сервер
  • 3
    Начнешь писать качественный, чистый код и использовать Git еще до окончания курса Front End разработчик
  • 4
    Сможешь верстать адаптивные и кроссбраузерные сайты и приложения
  • 5
    Освоишь одну из самых популярных библиотек React и разработаешь на ней приложение
  • 6
    Станешь востребованным Front End разработчиком уровня Junior
В ходе курса FrontEnd мы реализуем следующие проекты:
  • Два проекта по верстке с использованием актуальных технологий
  • Командный проект на выбор (клоны таких популярных как Pinterest, Trello, Wildberries
  • Многостраничное приложение "Блог"
  • SPA (Single page application) на React (на выбор: сайт книжного магазина, новостной блог, интернет-сервис о кино (клон Кинопоиска))
Поможем получить твою первую работу в IT
Наш карьерный центр помогает с профориетацией в IT, а также оказывает поддержку студентам, способствует их трудоустройству в международные IT-компании и занимается сопровождением в поиске работы за рубежом.
  • Идеальное резюме
    Мы подскажем, как создать конкурентоспособное резюме и релевантное сопроводительное письмо, чтобы выделиться среди других кандидатов
  • Профиль в LinkedIn
    Расскажем, как заполнить профессиональный профиль в LinkedIn, чтобы его начали замечать рекрутеры
  • Подготовка к собеседованию
    Расскажем, из каких этапов состоит собеседование, а также научим презентовать себя и свои сильные стороны для его успешного прохождения
  • Твоя работа в IT
    Отправим подготовленное резюме нашим партнёрам международным IT-компаниям и дождемся вместе с тобой твой первый оффер на работу мечты
  • 93%
    Трудоустроенных выпускников после консультации в карьерном центре.
  • 170+
    Компаний партнеров
  • 14000+
    Компаний ищут специалистов в ИТ сфере на рынке СНГ
Наши компании партнеры

Стань востребованным
Front End разработчиком

Оставь заявку на курс “Front End разработчик”, и мы свяжемся с тобой в ближайшее время.
Преподаватели курса
  • Олег
    Front End developer
    2,5+ лет опыта коммерческой разработки
  • Виталик
    Front End Engineer в SaM Solutions
    2,5+ лет опыта коммерческой разработки
  • Лёша
    Software Engineer в EPAM
    2,5+ лет опыта коммерческой разработки
Посмотри интервью с менторами Виталиком и Лёшей на нашем YouTube канале

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

Рассчитана на 224 академических часа

Программа была составлена практикующими IT специалистами с многолетним опытом коммерческой разработки для новичков во Front End. Этот курс по JavaScript, HTML и CSS для начинающих поможет тебе войти в мир IT и добиться в нем успехов.
1. Знакомство с HTML
  • Настройка рабочего окружения
  • Структура и разметка страницы
  • HTML - теги
  • Атрибуты
2. Знакомство с CSS
  • Подключение стилей
  • Основные свойства CSS
  • Блочная модель элементов
  • Подключение шрифтов
  • Методология БЭМ
    3. Практика
    • Закрепление и повторение основ HTML CSS
    • Решение практических задач по основам HTML CSS
    4. Введение в git
    • Основные команды
    5. Модель Flexbox
    • Flex-блоки
    • Flex-элементы
    • Позиционирование и изменение размеров flex-элементов
    6. Состояния и позиционирование элементов
    • Псевдоклассы
    • Псевдоэлементы
    • Абсолютное и относительное позиционирование
    7. Продвинутая работа с CSS
    • Работа с изображениями
    • Трансформация элементов
    • Управление фоном элементов
    • Функция calc
    8. Работа с формами
    • Стилизация форм и полей ввода
    9. Кроссплатформенная верстка
    • Адаптивная верстка
    • Резиновая верстка
    • Desktop first, mobile first
    10. Препроцессоры и сборщики. Введение
    • Sass / Less / Stylus
    • Менеджер пакетов npm
    • Node. JS - основы
    • Parcel
    11. Модель Grid
    • Контейнеры
    • Ряды и столбцы
    • Линии
    • Ячейки
    • Области
    12. Анимация элементов
    • Линейная анимация (transition)
    • Цикличная анимация (keyframes)
    13. Фреймворк Bootstrap
    14. Защита курсового проекта
    15. Продвинутая работа с git
    • Основные команды
    • Ветвление и состояния в git
    • Командная работа в git
    16. Введение в JavaScript
    • Переменные
    • Типы данных
    • Преобразование типов
    • Встроенные функции браузера
    17. Основы JavaScript
    • Базовые операторы
    • Условия
    • Циклы
    • Конструкция switch
    18. Введение в функции
    • Объявление и вызов
    • Параметры и аргументы
    • Ключевое слово return
    • Функциональные выражения
    19. Объекты
    • Синтаксис и особенности
    • Методы объекта
    • Ключевое слово this
    20. Массивы
    • Синтаксис и особенности
    • Методы массивов
    21. Функции: продвинутый уровень
    • Стрелочные функции
    • Функции обратного вызова
    • Продвинутая работа с массивами
    • Функции конструкторы
    22. Ретроспектива
    • Закрепление пройденных материалов
    • Контрольная работа по основам JavaScript
    23. Браузерное окружение
    • Знакомство с DOM
    • Знакомство с BOM
    • Динамическое создание верстки с помощью JavaScript
    24. События
    • Браузерные события
    • Обработчики событий
    • Принципы всплытия и погружения
    • Делегирование событий
    25. Web Storage Api
    • localStorage
    • sessionStorage
    • JSON
    • Событиe storage
    26. Модули и деструктуризация
    • Модули
    • Деструктуризация
    • Rest, spread операторы
    27. Старт первого дипломного проекта
    • Выбор проекта
    • Консультации с преподавателем
    • Построение архитектуры приложения
    • Установка и настройка сборщика Parcel
    28. Асинхронность
    • Функции таймеры
    • Цикл событий
    • Знакомство с сетевыми запросами
    29. Работа с сетевыми запросами
    • Fetch API
    • Базовый синтаксис new Promise
    30. Продвинутая работа с сетевыми запросами
    • Цепочки Promises
    • Обработка ошибок · Async / await
    31. Прототипы и классы
    • Прототипы и прототипное наследование
    • Базовый синтаксис классов
    • Наследование классов
    • Знакомство с ООП
    32. Первый дипломный проект
    • Представление и защита дипломного проекта
    • Подробные консультации с преподавателем
    33. Ретроспектива
    • Оценка знаний по JavaScript
    34. TypeScript. Знакомство. Описание. Настройка рабочего окружения
    • Базовые типы (number, string, boolean)
    • Массивы, кортежи, перечисления
    • Другие простейшие типы (Any, Unknown, Never, Void)
    • Преобразования типов
    • Защитники типов и различение типов
    • Интерфейсы (свойства, расширения)
    • Объединённые и пересекающиеся типы, литеральные типы
    • Функции (аргументы, контекст, перегрузка функции)
    35. TypeScript. Продолжаем изучение. Классы. Generics. Продвинутые типы
    • Классы (наследование, публичные, скрытые и защищённые модификаторы)
    • Классы (статичные свойства, абстрактные классы, классы в качестве интерфейсов)
    • Generics
    • Утилиты (Pick, Omit, ReturnType, etc.)
    36. Функциональное программирование
    • Основы функционального программирования
    • Чистые функции
    • Иммутабельность
    • Map, reduce
    • Big O notation
    37. Начинаем работать с React. Настройка create-react-app --typescript
    • Что такое React
    • Где html и что такое JSX
    • Настройка create-react-app
    • Виртуальный DOM
    • props
    • Стилизация компонентов
    38. Компоненты в React
    • state
    • Stateless и stateful компоненты
    • Списки и ключи
    • Элементы формы
    • Условный рендеринг
    • Подъем состояния
    39. Жизненный цикл компонентов
    • Жизненный цикл компонента
    • HOC (Higher-Order Components)
    • Умные и глупые компоненты
    • Композиция компонентов
    40. Хуки в React
    • Что такое хуки?
    • Разбор основных хуков: useState, useEffect, useCallback, useMemo
    41. Продолжаем изучать хуки в React
    • Узнаем про React Context, useContext
    • Где использовать Refs, useRefs
    42. Навигация сайта в React
    • Router, browser-router, маршрутизация
    • NavLink
    • Router exact
    • Private/public router
    43. Redux
    • Интеграция Redux
    • Action type, action creator
    • Reducer
    • Store
    44. Продолжаем изучать Redux
    • Работа с Redux в приложении
    • useSelector, useDispatch
    45. Redux-middleware
    • Архитектура приложения с асинхронными операциями
    • Что такое middleware?
    • Redux-thunk | Redux-saga
    46. Основы работы с API
    • Обзор протокола HTTP
    • HTTP headers, methods
    • Коды ответа HTTP
    • HTTP/HTTPS
    • Инструменты работы с API: Swagger, Postman
    • Работа с публичными запросами API
    47. Авторизация. Часть 1
    • Виды авторизации
    • OAuth 2
    • JWT tokens
    48. Авторизация. Часть 2
    • Регистрация и активация пользователя через email
    • Авторизация пользователя
    • Личный кабинет пользователя
    49. Основные операции с сервером
    • Получение информации с API
    • Основные операции с сервером: поиск, фильтр, сортировка
    • Пагинация
    50. Работа с данными через API
    • Добавление данных в API
    • Загрузка файлов на сервер
    • Валидация
    51. Основы тестирования
    • Для чего нужны тесты и какую проблему решают
    • Уровни тестирования (модульное, интеграционное, etc)
    • Инструменты для тестирования JS модулей (Jest, Mocha, Chai)
    • Тестирование React компонентов
    52. Webpack
    • Основы webpack
    • Настройка webpack
    • Loaders, plugins
    53. Структуры данных и алгоритмы
    • Хэш-таблица, стек, очередь, куча
    • List, Set
    • Map/WeakMap
    • Деревья
    • Базовые алгоритмы
    • Big O notation
    54. Подведение итогов курса
    • Оценка знаний
    • Подведение итогов курса
    • Консультации по дипломному проекту
    55. Онлайн-тренинг "Трудоустройство в IT"
    • Составление резюме (теория + практика)
    • Составление профиля на LinkedIn (теория + практика)
    • Soft skills, которые важны в рамках интервью
    56. Защита второго дипломного проекта

    Стоимость курса

    8 333 RUB / в месяц*

    Стоимость при 100% оплате: 100000 RUB 90 000 RUB

    Для студентов TeachMeSkills скидка 3000 RUB.
    Приведи друга – учитесь со скидкой 3000 RUB каждый.

    * Ежемесячный платеж при рассрочке на 12 месяцев.
    ** Возможен вариант оплаты по системе внутренней рассрочки TeachMeSkills
    *** Более подробную информацию по программам рассрочки и кредитования можно узнать у менеджеров.
    Старт группы "FE50-onl"
    12 апреля

    Дни и время занятий
    Понедельник, 19.00 -- 22.00
    Среда, 19.00 -- 22.00

    Кол-во свободных мест
    12 из 18
    Выпускной курса “Front End разработчик”
    Та-дам, выпускники курса «Front End» разработчик!

    За 7 месяцев ребята научились верстать адаптивные и кроссбраузерные приложения и сайты, смогли поднимать локальный сервер и работать с webpac, написали свое первое приложение на JavaScript, стали писать качественный, чистый код и пользоваться Git, изучили популярный сегодня фреймворк React и разработали web-приложение на нем.
    Что наши выпускники
    говорят о нас
    Стань востребованным
    Front End разработчиком
    Оставь свой контактный номер телефона в форме ниже, и мы проконсультируем тебя в ближайшее время.