ДИСТАНЦИОННЫЙ КУРС — 7 МЕСЯЦЕВ
Front End
разработчик
С нуля до трудоустройства: HTML, CSS и JavaScript за 7 месяцев.
18 из 18
Пн, Ср, 19:00 — 22:00
10 из 18
Вт, Чт, 19:00 — 22:00
Места
Дни занятий
FE53-onl — 26 июня
FE52-onl — 15 июня
Старт групп
Записаться на курс
ДИСТАНЦИОННЫЙ КУРС — 7 МЕСЯЦЕВ
Front End
разработчик
С нуля до трудоустройства: HTML, CSS и JavaScript за 7 месяцев.
18 из 18
Пн, Ср, 19:00 — 22:00
10 из 18
Вт, Чт, 19:00 — 22:00
Места
Дни занятий
FE53-onl — 26 июня
FE52-onl — 15 июня
Старт групп
Записаться на курс
  • Учиться просто
    Мы не продаем курсы в записи, только live-общение и практика с ментором
  • От 2 до 6 проектов
    В портфолио по окончании курса + диплом на английском языке
  • Высокий рейтинг
    4,9 / 5 средний рейтинг от наших выпускников, довольных обучением
  • Поиск работы
    Активная помощь в поиске первой работы как в СНГ, так и в ЕС

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

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

Мы предлагаем полный курс Front End: HTML, CSS и JavaScript с нуля. На курсе ты научишься верстать адаптивные и кроссбраузерные приложения и сайты, напишешь свое первое приложение на JavaScript, изучишь популярную сегодня библиотеку React и разработаешь web-приложение на ней.
Процесс дистанционного обучения
Прямая трансляция в ZOOM
В 19:00 в дни занятий подключаетесь по ссылке в онлайн-комнату, где будет проходить занятие.
Вы можете задавать вопросы , показывать свой экран и общаться в чате с преподавателем. Все как на обычном занятии.
Домашние задания
Обязательные домашние задания, чтобы закрепить полученные знания на практике.
По всем выполненным заданиям преподаватель дает подробную обратную связь.
Запись занятия и материалы
После каждого занятия вы будете получать запись урока, чтобы в любой момент времени освежить его в памяти и пересмотреть важные моменты.
Живое общение
Преподаватель курса, другие студенты и менеджеры школы всегда доступны онлайн в общем чате и готовы оперативно помочь с возникшими вопросами.
Дипломный проект
Дипломный проект в конце обучения, который вы сможете включить в резюме.

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

  • 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 разработке в форме ниже, и мы проконсультируем тебя в ближайшее время.
Преподаватели курса
  • Олег
    Front End developer
    3+ года опыта коммерческой разработки
  • Виталик
    Front End Engineer в SaM Solutions
    2,5+ лет опыта коммерческой разработки
  • Лёша
    Software Engineer в EPAM
    2,5+ лет опыта коммерческой разработки
Смотри интервью с наставниками на нашем 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. Настройка 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;
    • Составление мотивационного письма;
    • Работа с поиском вакансий на различных джоб-бордах;
    • Личные рекомендации Карьерного центра по поиску первой работы в IT
    56. Защита второго дипломного проекта

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

    280 BYN в месяц

    Или сразу, но дешевле - 2 970 BYN / 1 060 $ за весь курс.

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

    Стоимость в месяц указана при рассрочке на 12 месяцев. Подробную информацию по программам рассрочки и кредитования можно узнать у менеджеров.
    Старт группы "FE52-onl"
    15 июня

    Дни и время занятий
    Вторник, 19.00 -- 22.00
    Четверг, 19.00 -- 22.00

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

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

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

    Каждого из них впереди ждет увлекательная айтишная жизнь, так что нам остается пожелать удачи и скорейших офферов!
    Записаться
    промокод: 500ТМС
    Дарим скидку 500 BYN на курс
    Записаться
    Только 5 мест и только до 31го мая! Успей записаться!
    Только 5 мест и только до 31го мая! Промокод 500ТМС
    Что наши выпускники говорят о нас?
    Стань востребованным
    Front End разработчиком
    Оставь телефон в форме ниже, и мы проконсультируем
    тебя в ближайшее время.