image

Никаких записей курсов — только живое общение

Курсы

Наши курсы

image

TeachMeSkills в Ютубе

Здесь мы публикуем годный контент, подробные разборы и практический опыт учителей

Дистанционный курс — 7 месяцев

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

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

Phone

Свяжемся в течение рабочего дня

Нажимая на кнопку, я соглашаюсь на обработку персональных данных

Старт групп

FE62-onl — 12 апреля

FE63-onl — 15 мая

Дни и время занятий

ВТ, ПТ, 19:00 — 22:00

ПН, СР, 19:00 — 22:00

МестаСвободных мест

13 из 15

14 из 15

Course image

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

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

И чему ты научишься ?

  • Изучишь язык программирования JavaScript с нуля, обучишься верстке и напишешь свое первое приложение
  • Научишься работать с webpack и поднимать локальный сервер
  • Начнешь писать качественный, чистый код и использовать Git еще до окончания курса Front End разработчик
  • Сможешь верстать адаптивные и кроссбраузерные сайты и приложения
  • Освоишь одну из самых популярных библиотек React и разработаешь на ней приложение
  • Станешь востребованным Front End разработчиком уровня Junior

Зарплата Front End разработчика

Источник данных: dev.by

500 $ - 1000 $

Junior
Middle
Senior

На рынке не хватает Front End разработчиков

542 компаниисейчас ищут Front End разработчиков

< >

500 $
Junior
Middle
Senior

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

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

Программа была составлена практикующими IT специалистами с многолетним опытом коммерческой разработки для новичков во Front End. Этот курс по JavaScript, HTML и CSS для начинающих поможет тебе войти в мир IT и добиться в нем успехов.

Вы можете приступать к обучению на тестировщика с нуля: технические знания не нужны, достаточно владения компьютером.

Знакомство с HTML

  • Настройка рабочей среды 
  • Структура и разметка страниц 
  • HTML-теги 
  • Атрибуты

Знакомство с CSS

  • Подключение стилей 
  • Основные свойства CSS 
  • Блочная модель элементов 
  • Подключение шрифтов 
  • Методология БЭМ

Практика

  • Закрепление и повторение основ HTML CSS
  • Решение практических задач по основам HTML CSS

Введение в git

  • Основные команды

Модель Flexbox

  • Flex-блоки 
  • Flex-элементы 
  • Позиционирование и изменение размеров flex-элементов

Состояния и позиционирование элементов

  • Псевдоклассы 
  • Псевдоэлементы 
  • Абсолютное и относительное позиционирование

Вы можете приступать к обучению на тестировщика с нуля: технические знания не нужны, достаточно владения компьютером.

Продвинутая работа с CSS

  • Работа с изображениями 
  • Трансформация элементов 
  • Управление фоном элементов 
  • Расчет функции

Работа с формами

  • Стилизация форм и полей ввода

Кроссплатформенная верстка

  • Адаптивная верстка 
  • Резиновая верстка 
  • Desktop first, mobile first

Препроцессоры и сборщики

  • Sass / Less / Stylus 
  • Менеджер пакетов npm 
  • Node. JS - основы 
  • Parcel

Модель Grid

  • Контейнеры 
  • Ряды и столбцы 
  • Линии 
  • Ячейки 
  • Области

Анимация элементов

  • Линейная анимация (transition) 
  • Цикличная анимация (keyframes)

Фреймворк Bootstrap

  • Фреймворк Bootstrap

Защита курсового проекта

  • Защита курсового проекта

Вы можете приступать к обучению на тестировщика с нуля: технические знания не нужны, достаточно владения компьютером.

Продвинутая работа с git

  • Основные команды
  • Ветвление и состояния в git
  • Командная работа в git

Введение в JavaScript

  • Переменные
  • Типы данных
  • Преобразование типов
  • Встроенные функции браузера

Основы JavaScript

  • Базовые операторы
  • Условия
  • Циклы
  • Конструкция switch

Введение в функции

  • Объявление и вызов
  • Параметры и аргументы
  • Ключевое слово return
  • Функциональные выражения

Объекты

  • Синтаксис и особенности
  • Методы объекта
  • Ключевое слово this

Массивы

  • Синтаксис и особенности
  • Методы массивов

Функции: продвинутый уровень

  • Стрелочные функции
  • Функции обратного вызова
  • Продвинутая работа с массивами
  • Функции конструкторы

Ретроспектива

  • Закрепление пройденных материалов
  • Контрольная работа по основам JavaScript

JavaScript. События. Асинхронность. Прототипы и классы

Браузерное окружение

  • Знакомство с DOM
  • Знакомство с BOM
  • Динамическое создание верстки с помощью JavaScript

События

  • Браузерные события
  • Обработчики событий
  • Принципы всплытия и погружения
  • Делегирование событий

Web Storage Api

  • localStorage
  • sessionStorage
  • JSON
  • Событиe storage

Модули и деструктуризация

  • Модули
  • Деструктуризация
  • Rest, spread операторы

Старт первого дипломного проекта

  • Выбор проекта
  • Консультации с преподавателем
  • Построение архитектуры приложения
  • Установка и настройка сборщика Parcel

Асинхронность

  • Функции таймеры
  • Цикл событий
  • Знакомство с сетевыми запросами

Работа с сетевыми запросами

  • Fetch API
  • Базовый синтаксис new Promise

Продвинутая работа с сетевыми запросами

  • Цепочки Promises
  • Обработка ошибок · Async / await

Прототипы и классы

  • Прототипы и прототипное наследование
  • Базовый синтаксис классов
  • Наследование классов
  • Знакомство с ООП

Первый дипломный проект

  • Представление и защита дипломного проекта
  • Подробные консультации с преподавателем

Введение TypeScript

Ретроспектива

  • Оценка знаний по JavaScript

TypeScript. Знакомство. Описание. Настройка рабочего окружения

  • Базовые типы (number, string, boolean)
  • Массивы, кортежи, перечисления
  • Другие простейшие типы (Any, Unknown, Never, Void)
  • Преобразования типов
  • Защитники типов и различение типов
  • Интерфейсы (свойства, расширения)
  • Объединённые и пересекающиеся типы, литеральные типы
  • Функции (аргументы, контекст, перегрузка функции)

TypeScript. Продолжаем изучение. Классы. Generics. Продвинутые типы

  • Классы (наследование, публичные, скрытые и защищённые модификаторы)
  • Классы (статичные свойства, абстрактные классы, классы в качестве интерфейсов)
  • Generics
  • Утилиты (Pick, Omit, ReturnType, etc.)

React

Функциональное программирование

  • Основы функционального программирования
  • Чистые функции
  • Иммутабельность
  • Map, reduce
  • Big O notation

Начинаем работать с React. Настройка create-react-app --typescript

  • Что такое React
  • Где html и что такое JSX
  • Установка и настройка React
  • Виртуальный DOM
  • props
  • Стилизация компонентов

Компоненты в React

  • state
  • Stateless и stateful компоненты
  • Списки и ключи
  • Элементы формы
  • Условный рендеринг
  • Подъем состояния

Жизненный цикл компонентов

  • Жизненный цикл компонента
  • HOC (Higher-Order Components)
  • Умные и глупые компоненты
  • Композиция компонентов

Хуки в React

  • Что такое хуки?
  • Разбор основных хуков: useState, useEffect, useCallback, useMemo

Продолжаем изучать хуки в React

  • Узнаем про React Context, useContext
  • Где использовать Refs, useRefs

Навигация сайта в React

  • Router, browser-router, маршрутизация
  • NavLink
  • Router exact
  • React Router Hooks
  • Private/public router

Redux

Redux

  • Интеграция Redux
  • Action type, action creator
  • Reducer
  • Store

Продолжаем изучать Redux

  • Работа с Redux в приложении
  • useSelector, useDispatch

Redux-middleware

  • Архитектура приложения с асинхронными операциями
  • Что такое middleware?
  • Redux-thunk | Redux-saga

Основы работы с API

Основы работы с API

  • Обзор протокола HTTP
  • HTTP headers, methods
  • Коды ответа HTTP
  • HTTP/HTTPS
  • Инструменты работы с API: Swagger, Postman
  • Работа с публичными запросами API

Авторизация. Часть 1

  • Виды авторизации
  • OAuth 2
  • JWT tokens

Авторизация. Часть 2

  • Регистрация и активация пользователя через email
  • Авторизация пользователя
  • Личный кабинет пользователя

Основные операции с сервером

  • Получение информации с API
  • Основные операции с сервером: поиск, фильтр, сортировка
  • Пагинация

Работа с данными через API

  • Добавление данных в API
  • Загрузка файлов на сервер
  • Валидация

Основы тестирования. Webpack

Основы тестирования

  • Для чего нужны тесты и какую проблему решают
  • Уровни тестирования (модульное, интеграционное, etc)
  • Инструменты для тестирования JS модулей (Jest, Mocha, Chai)
  • Тестирование React компонентов

Webpack

  • Основы webpack
  • Настройка webpack
  • Loaders, plugins

Структуры данных и алгоритмы

  • Хэш-таблица, стек, очередь, куча
  • List, Set
  • Map/WeakMap
  • Деревья
  • Базовые алгоритмы
  • Big O notation

Проведение пробного технического собеседования

  • Подведение итогов курса
  • Проведение пробного технического собеседования
  • Ответы на вопросы студентов

Онлайн-тренинг "Трудоустройство в IT"

Онлайн-тренинг "Трудоустройство в IT"

  • Составление резюме (теория + практика)
  • Составление профиля на LinkedIn (теория + практика)
  • Прохождение интервью
  • Soft skills, которые важны в рамках интервью

Защита дипломного проекта

Защита второго дипломного проекта

  • Защита второго дипломного проекта

Поможем в выборе!

Если у вас есть вопросы о формате или вы не знаете что выбрать, оставьте свой номер:
мы позвоним, чтобы ответить на все ваши вопросы.

  • Звонок
  • Консультация
  • Курсы
Phone

Свяжемся в течение рабочего дня

Нажимая на кнопку, я соглашаюсь на обработку персональных данных

Учебный процесс

  • Упор на практику

    Даем структурированные знания, востребованные сегодня на рынке труда. Никакой воды в обучении: только 15% теории и 85% практики.

    GIF
  • Поддержка и забота

    За каждой группой закреплен опытный аккаунт-менеджер, который помогает в решении актуальных задач / вопросов по телефону, онлайн и лично. А преподаватели всегда готовы помочь на занятии и онлайн в Telegram.

    GIF
  • Помощь в поиске работы

    Учим, как готовиться к собеседованиям и их проходить. Сотрудничаем с IT компаниями по трудоустройству.

    GIF
  • Работа на реальных проектах

    Уже в процессе ты разработаешь реальный проект — твой первый проект в профессиональном портфолио.

    GIF

Преподаватели курса

Учись у лучших. Все наши преподаватели - практикующие специалисты в международных IT-компаниях

Фото учителя

Наталия

Frontend developer в Plavno 3,9+ года опыта коммерческой разработки
Фото учителя

Дмитрий

Frontend developer , Фриланс 2+ года опыта коммерческой разработки
Фото учителя

Игорь

React Native Developer в Vention 3+ года коммерческой разработки
Фото учителя

Евгений

Front End разработчик в IFuture 3+ года опыта коммерческой разработки

Резюме студента после обучения

Фото студента
Должность
Front End разработчик
Зарплата от:
от 500$

Профессиональные навыки:

  • Создание адаптивных сайтов на HTML5, CSS3 и понимание препроцессоров SASS/SCSS и методологии БЭМ;
  • Написание больших приложений с использованием JavaScript;
  • Знание и понимание ECMAScript 5 и 6+, ООП, DOM, prototype, Event Loop;
  • Создание SPA приложений на React;
  • Знание и понимание классового компонента, жизненного цикла компонентов Virtual DOM, state, props, map, всех хуков, HOC;
  • Создание приложений на React и использование Redux, для асинхронных запросов Redux Thunk, Redux Saga;
  • Знание и понимание TS, а также создание приложений с использованием TS, как на нативном JS, так и на React;
  • Знание и понимание unit-тестов и интеграционного тестирования на основе Jest и Testing Library;
  • Знание и понимание паттернов проектирования ( Порождающие, Структурные, Поведенческие ) и SOLID.
Cертификаты TeachMeSkills
Подтвердит, что вы прошли курс и станет дополнительным аргументом при устройстве на работу.
Certificate image

Помощь в трудоустройстве

Опытные HR-специалисты отвечают на вопросы, готовят к собеседованию и помогают каждому студенту получить работу мечты.

Раз

image

Рекомендации по составлению портфолио и резюме

Два

image

Подготовка к собеседованию в компаниях-партнёрах

Три

image

Персональные консультации по развитию карьеры

Успешные истории наших выпускников

  • Фото выпускника
  • Фото выпускника
  • Фото выпускника
  • Фото выпускника
  • Фото выпускника
  • Фото выпускника
  • Фото выпускника
  • Фото выпускника

Отзывы выпускников

Дарья
Всем привет! Выпускница курса UXUI Design. Начинала курс без какого-либо бекграунда, т.е. пришла полным нулем. Все было новым, причем каждый раз, каждое занятие. Объем программы обширный, все кейсы были разобраны в полной мере, были получены ответы на все вопросы в процессе обучения. Профессиональное подача материала(отдельное благодарность ментору курса Руслану) и менеджерам школы TeachMeSkills за поддержку и обратную связь.

9 марта 2022

Андрей
Несколько лет работаю в сфере IT и нахожусь в постоянном поиске новых знаний. Курсы UI/UX дизайна выбрал для себя для того, чтобы расширить границы своих профессиональных навыков. В процессе обучения было много практики и теории, материал преподносился в очень доступной форме, поэтому было легко как новичкам, так и тем, кто немного знаком с этим направлением. Что не мало важно, на уроках присутствовала приятная атмосфера и был приятный коллектив. Преподаватель всегда отвечал на любые интересующие вопросы и помогал в решении возникающих трудностей. Полученные знания после окончания данных курсов дают хороший толчок и базу для дальнейшего развития в данном направлении, а так же для применения знаний на практике и при трудоустройстве.

14 марта 2022

Андрей
Всё было круто. Руслан, несмотря на его небольшой возраст, расскажет и объяснит все так, что понял бы даже ребёнок. Отдельно можно выделить атмосферу занятий, которая в нашей группе могла с рабочей на непринуждённую смениться по несколько раз, что помогало не потерять интерес. В общем и целом, курс определенно стоил потраченного на его изучение времени"

9 мая 2022

Наталья
Прошла курс «Автоматизированное тестирование на Java» у преподаватаелей Дениса, который преподавал нам Java с нуля, и Александра Тростянко, который преподавал нам тестирование. Все темы для меня были сложными, так как я ничего не знала о программировании вообще, но благодаря преподавателям и структурированной подачи материала в голове все укладывалось как надо! Я очень довольна своим результатом, так как сразу после курсов я нашла работу 🙂 Большое спасибо, TeachMeSkills 😊

22 февраля 2022

Настя
Это потрясающий опыт и выход из зоны моего комфорта. Классная группа, самый лучший ментор Дмитрий Рак, спасибо тебе за твои Hard skills и энергетику на курсах, умел нас взбодрить после тяжелого трудового дня и настроить на знания, ни капли не пожалела, что отдала своё предпочтение офлайн формату! Спасибо вашей школе за организацию и профессионализм !

27 апреля 2022

Евгения
Благодарю за профессионализм, преподавательский состав, знания, подарочки и очень добрых менеджеров! Работаю уже в двух компаниях год!)

13 апреля 2021

Алеся
Это были офигенные 5 месяцев, спасибо вашей школе и отдельное спасибо за подарочки !!! В феврале начала поиски работы, получила оффер в iTechArt достаточно быстро и планировала выходить.

22 ноября 2021

Виктория
Группа классная, ментор группы Дмитрий Рак просто огонь, с августа работаю в iTeachArt.

26 апреля 2022

Антон
Всё хорошо. Работаю с сентября в компании Fresh lime soft в качестве Front-end developer (React).

24 апреля 2022

Наталья
Все хорошо, уже почти 8 месяцев работаю в айти, знания и навыки, которые получила на курсе просто бесценны!

25 апреля 2022

Анна
Самые крутые курсы в Минске ! Я выбрала направление Python и ничуть не пожалела. Ребята все зачет. Особенно спасибо нашему ментору Николаю. Очень крутой. В первые вижу такую отдачу от человека и помощь. Всем огромное спасибо. Самое классное время. Буду очень скучать))

8 апреля 2021

Аня
Это любоф, два законченных курса. Один ещё в планах, даже на ютубе вашем засвечусь. Что касаемо курса, супер интересно для таких любопытных как я.

16 марта 2021

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

Полная разовая оплата

96 000

Возможен вариант оплаты по банковской рассрочке от 6 до 18 месяцев. Более подробную информацию по программам рассрочки и кредитования можно узнать у менеджеров.

Оплата в рассрочку

19 200
до начала занятий
19 200
через 6 недели после
начала обучения
19 200
через 12 недели после начала обучения
19 200
через 3 недели после начала обучения
19 200
через 9 недели после начала обучения

Запись на обучение

Phone

Свяжемся в течение рабочего дня

Нажимая на кнопку, я соглашаюсь на обработку персональных данных