Жара начинается! 15% на все курсы!
Весенняя распродажа
Выбрать курс
00:00:00:00
Our Website is Almost Ready
Launch a targeted campaign.
Scale your infrastructure with our simple service.
Days
Hours
Minutes
Seconds
Learn more
С нуля до трудоустройства: HTML, CSS и JavaScript за 7 месяцев.

Front End
разработчик

КУРС — 7 МЕСЯЦЕВ
Старт групп


Дни занятий
Места
Пн, Ср, 19:00 — 22:00



Записаться на курс
  • Учиться просто
    Мы не продаем курсы в записи, только live-общение и практика с ментором
  • От 2 до 6 проектов
    В портфолио по окончании курса + диплом на английском языке
  • Высокий рейтинг
    4,9 / 5 средний рейтинг от наших выпускников, довольных обучением
  • Поиск работы
    Активная помощь в поиске первой работы как в СНГ, так и в ЕС

Кем ты станешь

Курсы Front End с нуля позволяют начинающим разработчикам создавать интерфейсы, с которыми взаимодействуют пользователи. Он знает HTML, CSS и JavaScript – язык, который работает на всех платформах и единственный язык программирования для браузеров.

Мы предлагаем полный курс Front End: HTML, CSS и JavaScript с нуля. На курсе ты научишься верстать адаптивные и кроссбраузерные приложения и сайты, напишешь свое первое приложение на JavaScript, изучишь популярный сегодня фреймворк React и разработаешь web-приложение на нем.

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

85% практика
Обучение созданию сайтов с нуля в школе TeachMeSkills – это решение реальных задач и приобретение практических навыков, а не заучивание терминов и выполнение заданий по книжкам
15% теория
Без нее никак. Изучаем теорию дома и разбираем в начале занятия без воды.
Домашние задания и диплом
После каждого занятия обязательные домашние задания, которые действительно хочется делать. Диплом в конце обучения, который вы сможете включить в резюме.
Группа до 14 человек
В дружественной и спокойной атмосфере преподаватель уделяет внимание каждому учащемуся.
Куратор – ваш личный помощник
Куратор представляет школу и помогает оперативно решать различные вопросы при обучении разработке сайтов.
Мы всегда онлайн
Преподаватели и кураторы всегда готовы помочь вам вне занятий и даже после окончания курса.

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

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

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

Оставляй заявку на курс по Front End разработке в форме ниже, и мы проконсультируем тебя в ближайшее время.
Преподаватели курса
  • Даниил
    Software Engineer в EPAM
    3,5+ лет опыта коммерческой разработки
  • Саша
    Front End Developer в Coherent Solutions
    6+ лет опыта коммерческой разработки
  • Артём
    Software Engineer в ITRex Group
    10+ лет опыта коммерческой разработки
Смотри интервью с наставниками на нашем YouTube канале
Оптимальные требования по мощности для вашего ПК:
  • ОС: Windows 10+ / MacOS Sierra+ / Linux
    Оперативная память: от 4-8 Гб
    Видеокарта: от 1 Гб

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

224 академических часа
Составлена практикующими IT специалистами для новичков в Front End. Это лучший курс по JavaScript, HTML и CSS для начинающих.
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
    • Что такое React
    • Где html и что такое JSX
    • Установка и настройка React
    • Виртуальный 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
    • React Router Hooks
    • 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;
    • Составление мотивационного письма;
    • Работа с поиском вакансий на различных джоб-бордах;
    • Личные рекомендации Карьерного центра по поиску первой работы в IT
    56. Защита второго дипломного проекта

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

    200 BYN в месяц

    Или сразу, но дешевле - 3 240 BYN за весь курс.

    Приведи друга – учитесь со скидкой 100 BYN каждый.

    Стоимость в месяц указана при рассрочке на 18 месяцев. Подробную информацию по программам рассрочки и кредитования можно узнать у менеджеров.
    Выпускной Front End разработчиков
    Та-дам, выпускники курса «Front End» разработчик!

    Эти ребятки за время своего обучения в TeachMeSkills научились делать динамичные и живые сайты.

    Искусство дизайна, мастерство верстки, магия программирования — «секретами успеха» со вчерашними студентами на протяжении 7 месяцев делились менторы Ростислав Радионов и Павел Беляков!

    Каждого из них впереди ждет увлекательная айтишная жизнь, так что нам остается пожелать удачи и скорейших офферов!
    Что наши выпускники говорят о нас?
    Стань востребованным
    Front End разработчиком
    Оставь телефон в форме ниже, и мы проконсультируем
    тебя в ближайшее время.