С нуля до трудоустройства: HTML, CSS и JavaScript за 7 месяцев.

Курс Front End
разработчик

ДИСТАНЦИОННЫЙ КУРС — 7 МЕСЯЦЕВ
Записаться на курс
Старт групп
FE62-onl — 12 апреля

Дни занятий
Вт, Пт, 19:00 — 22:00

Узнать подробнее
Курс обновлен в 2024 году!
Программа курса была доработана с учётом пожеланий учеников, которые прошли курс.
Программа курса обновлена!
Мы обновили третий блок курса, чтобы включить самые современные технологии для эффективной разработки:

  • RTK Query — новый инструмент для управления состоянием и взаимодействия с сервером на основе Redux Toolkit.
  • Vite.js — современный билд-инструмент, обеспечивающий мгновенную перезагрузку и оптимизацию фронтенд-приложений.

Курс остаётся нацеленным на обучение востребованным технологиям и подготовку к работе с современными инструментами веб-разработки.
Учиться
просто
Мы не продаем курсы в записи, только live-общение и практика с ментором
От 2 до 6
проектов
В портфолио по окончании курса + диплом на английском языке
Высокий
рейтинг
4,9 / 5 средний рейтинг от наших выпускников, довольных обучением
Поиск
работы
Активная помощь в поиске первой работы как в СНГ, так и в ЕС
Учиться просто
Мы не продаем курсы в записи, только live-общение и практика с ментором
От 2 до 6 проектов
В портфолио по окончании курса + диплом на английском языке
Высокий рейтинг
4,9 / 5 средний рейтинг от наших выпускников, довольных обучением
Поиск работы
Активная помощь в поиске первой работы как в СНГ, так и в ЕС
Кем ты станешь
История фронтенда (от англ. front end — «внешний интерфейс») началась в 2000-х, с примитивной верстки. Тогда ни о каких курсах по фронтенд-разработке люди не слышали и клепали унылые сайтики в виде табличек, текстовых полотен и картинок.

Отрасль и специалисты развивались, а интернет наполнялся удобными в обращении, красивыми и решающими коммерческие задачи порталами.
Узнать больше
На курсах фронтенд-разработчиков в школе TeachMeSkills мы ждем амбициозных ребят, считающих, что главную страничку сайта NASA можно было бы отрихтовать, а веб-приложение PayPal — заставить работать быстрее. Чтобы твои желания всегда совпадали с твоими же возможностями, мы пригласили крутых учителей — сотрудников международных компаний вроде ISSoft, PandaDoc и iTechArt.

FrontEnd создает все то, что видят пользователи сайтов и веб-приложений: от кнопок до менюшек, а backend играет роль серого кардинала и ваяет скрытую от глаз серверную часть продукта. На фронтенд-курсах в Минске мы готовим специалистов первого профиля — ребят, качество работы которых всегда на виду.

Своей популярностью курсы frontend-разработчиков обязаны самому направлению. Начинающие айтишники делают выбор в пользу связки HTML, CSS и JavaScript, потому что:

  • Крайне востребованная профессия. Например, JavaScript по-прежнему считается единственным языком программирования для браузеров.
  • Очень наглядная. Ты можешь знакомиться с результатами своего труда прямо в окошке «Хрома», «Мозиллы» или «Оперы».
  • Открывает дорогу к быстрому старту. Выучить «жабу-скриптовую», как правило, удается проще и быстрее, чем освоить те же «шарпы».
  • Ведет тебя к хорошей зарплате — по данным devby.io, белорусские фронтендеры получают около $2 000 по медиане.
На курсах в TMS ты освоишь интересную и «дорогую» специальность, причем всего за 7 месяцев. Мы не продаем видеолекции в записях. В твоем распоряжении — только живое общение и практические занятия в live-режиме. По окончании программы каждый выпускник пишет мощный диплом и проходит череду карьерных консультаций с эйчар-джедаями.
Карьерный трек
Согласно данным dev.by
После обучения
от
1000$
Через 3-5 лет
от
3000$
Через 1-3 года
от
2400$
Твой результат в
конце курса
Изучишь Front End и язык программирования JavaScript с нуля, обучишься верстке, а также напишешь свое первое приложение
Научишься поднимать локальный сервер и работать с webpack
Научишься писать качественный, чистый код и пользоваться Git уже во время обучения на курсе Front End разработки
Научишься верстать адаптивные и кроссбраузерные приложения и сайты
Изучишь востребованную сегодня библиотеку React и разработаешь на ней приложение
Станешь востребованным Front End разработчиком
В ходе курса FrontEnd мы реализуем следующие проекты:
Два проекта по верстке с использованием актуальных технологий
Командный проект на выбор (клоны таких популярных как Pinterest, Trello, Wildberries
Многостраничное приложение "Блог"
SPA (Single page application) на React (на выбор: сайт книжного магазина, новостной блог, интернет-сервис о кино (клон Кинопоиска))
Поможем получить
первую работу в IT
Профиль в LinkedIn
Расскажем, как заполнить профессиональный профиль в LinkedIn, чтобы его начали замечать рекрутеры
Идеальное резюме
Мы подскажем, как создать конкурентоспособное резюме и релевантное сопроводительное письмо, чтобы выделиться среди других кандидатов
Твоя работа в IT
Отправим подготовленное резюме нашим партнёрам международным IT-компаниям и дождемся вместе с тобой твой первый оффер на работу мечты
Подготовка к собеседованию
Расскажем, из каких этапов состоит собеседование, а также научим презентовать себя и свои сильные стороны для его успешного прохождения
93%
Трудоустроенных выпускников после консультации в карьерном центре.
170+
Компаний партнеров
14000+
Компаний ищут специалистов в ИТ сфере на рынке СНГ
Компании партнеры
Стань востребованным
IT-специалистом
Оставь заявку в форме ниже и мы проконсультируем тебя в ближайшее время.
Преподаватель курса
  • Виталик
    Front End Engineer в SaM Solutions
    2,5+ лет опыта коммерческой разработки
  • Лёша
    Software Engineer в EPAM
    2,5+ лет опыта коммерческой разработки
Смотри интервью с наставниками на нашем YouTube канале
Программа курса
228 академических часов
Составлена практикующими 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
    • Tailwind
    • Отличия и преимущества
    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. Прототипы и классы
    • Прототипы и прототипное наследование
    • Базовый синтаксис классов
    • Наследование классов
    • Знакомство с ООП
    28. Практическое занятие
    • Решение практических задач на закрепление пройденных тем
    • Полный цикл разработки
    • Объяснение проблемных моментов
    • Разбор приложения Todo list. Работа над ошибками.
    29. Старт первого дипломного проекта
    • Выбор проекта
    • Консультации с преподавателем
    • Построение архитектуры приложения
    • Установка и настройка сборщика Parcel
    30. Асинхронность
    • Функции таймеры
    • Цикл событий
    • Знакомство с сетевыми запросами
    31. Работа с сетевыми запросами
    • HTTP запросы
    • Методы запросов
    • Статусы запросов
    • Базовый синтаксис new Promise
    • Знакомство с Fetch API
    32. Продвинутая работа с сетевыми запросами
    • Цепочки Promises
    • Обработка ошибок · Async / await
    33. Первый дипломный проект
    • Представление и защита дипломного проекта
    • Подробные консультации с преподавателем
    34. Ретроспектива
    • Оценка знаний по JavaScript

    35. TypeScript. Знакомство. Описание. Настройка рабочего окружения
    • Базовые типы (number, string, boolean)
    • Массивы, кортежи, перечисления
    • Другие простейшие типы (Any, Unknown, Never, Void)
    • Преобразования типов
    • Защитники типов и различение типов
    • Интерфейсы (свойства, расширения)
    • Объединённые и пересекающиеся типы, литеральные типы
    • Функции (аргументы, контекст, перегрузка функции)
    36. TypeScript. Продолжаем изучение. Классы. Generics. Продвинутые типы
    • Классы (наследование, публичные, скрытые и защищённые модификаторы)
    • Классы (статичные свойства, абстрактные классы, классы в качестве интерфейсов)
    • Generics
    • Утилиты (Pick, Omit, ReturnType, etc.)
    37. Функциональное программирование
    • Основы функционального программирования
    • Чистые функции
    • Иммутабельность
    • Map, reduce
    • Big O notation
    38. Начинаем работать с React
    • Что такое React
    • Где html, и что такое JSX
    • Установка и настройка React при помощи Vite.js
    • Виртуальный DOM
    • props
    • Стилизация компонентов
    39. Компоненты в React
    • state
    • Списки и ключи
    • Элементы формы
    • Условный рендеринг
    • Подъем состояния
    • Классовые компоненты
    • Функциональные компоненты
    • Отличия классовых компонентов от функциональных
    40. Жизненный цикл компонентов
    • Жизненный цикл компонента
    • HOC (Higher-Order Components)
    • Умные и глупые компоненты
    • Композиция компонентов
    41. Хуки в React
    • Что такое хуки?
    • Разбор основных хуков: useState, useEffect, useCallback, useMemo
    42. Продолжаем изучать хуки в React
    • Узнаем про React Context, useContext
    • Где использовать Refs, useRefs
    • Пользовательские хуки (custom hooks)
    43. Навигация сайта в React
    • Установка и настройка React Router DOM
    • Основные компоненты
      • <BrowserRouter>
      • <Routes> и <Route>
      • Навигация <NavLink>
      • Переадресация с <Navigate>
      • Построение лейаута с <Outlet>
    • Основные хуки
      • useNavigate
      • useParams
    • Private/public router
    44. Управление состоянием приложения. Redux
    • Интеграция Redux
    • Action type, action creator
    • Reducer
    • Store
    • Redux toolkit
    • Типизация в Redux
    45. Redux-middleware. Часть 1
    • Архитектура приложения с асинхронными операциями
    • Что такое middleware?
    • Redux-thunk
    • Thunk в Redux toolkit
    46. Redux-middleware. Часть 2
    • RTK QueryОбзор и его преимущества
    • Создание API сервисов (createApi)
    • Добавление сервисов в хранилище (configureStore)
    • Используйте запрос в компоненте
    47. Redux-middleware. Часть 3
    • Генераторы в js
    • Redux-sagaОбзор и его преимущества
    • Создание саг (sagas)
    • Интеграция с Redux Store
    • Использование саг в компонентах
    48. Основы работы с API
    • HTTP запросы (повторение)
      • headers, methods
      • Коды ответа HTTP
    • axios
    • Инструменты работы с API: Swagger, Postman
    • Получение информации с API
    • Основные операции с сервером: поиск, фильтр, сортировка
    • Пагинация
    49. Авторизация. Часть 1
    • Виды авторизации
    • OAuth 2
    • JWT tokens
    50. Авторизация. Часть 2
    • Регистрация и активация пользователя через email
    • Авторизация пользователя
    • Личный кабинет пользователя
    51. Работа с данными через API
    • Добавление данных в API
    • Загрузка файлов на сервер
    • Валидация
    • React hook form
    52. Основы тестирования
    • Для чего нужны тесты и какую проблему решают
    • Уровни тестирования (модульное, интеграционное, etc)
    • Инструменты для тестирования JS модулей (Jest, Mocha, Chai)
    • Тестирование React компонентов
    • Cypress
    53. Vite.js.
    • Введение в Vite.js
      • Преимущества Vite.js по сравнению с другими инструментами разработки
      • Установка и настройка окружения Vite.js
    • Настройка проекта с использованием Vite.js
    • Запуск контейнера и разработка
    54. Структуры данных и алгоритмы
    • Хэш-таблица, стек, очередь, куча
    • List, Set
    • Map/WeakMap
    • Деревья
    • Базовые алгоритмы
    • Big O notation
    55. Проведение пробного технического собеседования
    • Подведение итогов курса
    • Проведение пробного технического собеседования
    • Ответы на вопросы студентов
    56. Онлайн-занятие «Поиск работы в IT»
    • Составление резюме и сервисы для создания резюме
    • Создание и правильное оформление профиля в LinkedIn
    • Составление мотивационного письма
    • Работа с поиском вакансий на различных джоб-бордах
    • Личные рекомендации Карьерного центра по поиску первой работы в IT
    57. Защита итогового дипломного проекта
    Показать больше
    от 200 BYN в месяц
    Стоимость курса
    Или сразу, но дешевле - 3 240 BYN / 1 160$ за весь курс.

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

    Стоимость в месяц указана при рассрочке на 18 месяцев. Подробную информацию по программам рассрочки и кредитования можно узнать у менеджеров.
    Ответы на важные вопросы
    Да, обучение программированию и иным it-дисциплинам вполне возможно с нуля . Наша IT-школа предоставляет возможности обучения без какой-либо технической базы. Более того, мы помогаем будущим айтишникам с выбором языка программирования, проводим индивидуальную консультацию и/или профориентацию, помогаем определиться именно с тем направлением, которое максимально соответствует и подходит вашим целям и интересам.

    Программы наших курсов выстроены так, что вы познакомьтесь с особенностями работы в it сфере, специфической терминологией, а затем с основами выбранной вами специальности и закрепите данные знания на практике. Постепенно, по ходу курса, углубитесь в более сложные технологии, изучаете все важные темы на более профессиональном уровне.

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