image

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

Курсы

Наши курсы

image

TeachMeSkills в Ютубе

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

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

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

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

Phone

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

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

Старт групп

FE66-onl — 15 октября

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

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

Course image

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

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

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

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

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

Источник данных: HH.ru

500 $ - 1000 $

Junior
Middle
Senior

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

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

< >

500 $
Junior
Middle
Senior

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

Рассчитана на 228 академических часов

Программа была составлена практикующими 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
  • Tailwind
  • Отличия и преимущества
  •  

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

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

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

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

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

Введение в JavaScript

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

Основы JavaScript

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

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

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

Объекты

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

Массивы

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

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

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

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

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

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

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

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

События

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

Web Storage Api

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

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

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

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

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

Практическое занятие

  •  
  • Решение практических задач на закрепление пройденных тем
  • Полный цикл разработки
  • Объяснение проблемных моментов
  • Разбор приложения Todo list. Работа над ошибками.
  •  

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

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

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

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

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

  •  
  • HTTP запросы
  • Методы запросов
  • Статусы запросов
  • Базовый синтаксис new Promise
  • Знакомство с Fetch API
  •  

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

  • Цепочки 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 при помощи Vite.js
  • Виртуальный DOM
  • props
  • Стилизация компонентов
  •  

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

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

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

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

Хуки в React

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

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

  •  
  • Узнаем про React Context, useContext
  • Где использовать Refs, useRefs
  • Пользовательские хуки (custom hooks)
  •  

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

  •  
  • Установка и настройка React Router DOM
  • Основные компоненты
    • <BrowserRouter>
    • <Routes> и <Route>
    • Навигация <NavLink>
    • Переадресация с <Navigate>
    • Построение лейаута с <Outlet>
  • Основные хуки
    • useNavigate
    • useParams
  • Private/public router
  •  

React + TypeScript

  •  
  • Типизация компонентов
  • Типизация props и state
  • Типизация хуков
  • Типизация событий
  • Интеграция TypeScript с другими библиотеками React
  •  

Redux

Управление состоянием приложения. Redux

  •  
  • Интеграция Redux
  • Action type, action creator
  • Reducer
  • Store
  • Redux toolkit
  • Типизация в Redux
  •  

Redux-middleware. Часть 1

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

Redux-middleware. Часть 2

  •  
  • RTK Query
    • Обзор и его преимущества
    • Создание API сервисов (createApi)
    • Добавление сервисов в хранилище (configureStore)
    • Используйте запрос в компоненте
  • Генераторы в js
  • Redux-saga
    • Обзор и его преимущества
    • Создание саг (sagas)
    • Интеграция с Redux Store
    • Использование саг в компонентах
  •  

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

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

  •  
  • HTTP запросы (повторение)
    • headers, methods
    • Коды ответа HTTP
  • axios
  • Инструменты работы с API: Swagger, Postman
  • Получение информации с API
  • Основные операции с сервером: поиск, фильтр, сортировка
  • Пагинация
  •  

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

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

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

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

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

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

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

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

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

Vite.js

  •  
  • Введение в Vite.js 
    • Преимущества Vite.js по сравнению с другими инструментами разработки
    • Установка и настройка окружения Vite.js
  • Настройка проекта с использованием Vite.js
  • Запуск контейнера и разработка
  •  

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

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

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

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

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

Онлайн-занятие «Поиск работы в IT»

  •  
  • Составление резюме и сервисы для создания резюме
  • Создание и правильное оформление профиля в LinkedIn
  • Составление мотивационного письма
  • Работа с поиском вакансий на различных джоб-бордах
  • Личные рекомендации Карьерного центра по поиску первой работы в IT
  •  

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

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

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

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

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

  • Звонок
  • Консультация
  • Курсы
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

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

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

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

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

Александр
Отзыв по курсу разработчик на Python. 10/10

11 сентября 2024

Артём
Отзыв по курсу Веб-разработчик. Получено произвольное сообщение от клиента Здравствуйте, извините, что с задержкой, забыл про ваше сообщение) Я очень рад, что мне повезло наткнуться именно на эту школу программирования, где не просто берут деньги, но при этом реально выполняют свои условия, обещания и проводят тебя на пути к своей будущей карьере. Очень рад, что попались именно эти учителя, которые не безразличны к твоему желанию развиваться. Отдельный респект хочу отдать Александру Филиповскому, моему преподавателю по php и laravel, js и react.js, очень ответственный, старательный, внимательный преподаватель и профессиональный программист. О нём и его методах обучения впечатления остались только хорошие) С коллективом тоже повезло: ребята целеустремлённые, позитивные, всегда с положительным настроем) Единственное, над чем стоило бы слегка поработать школе, - это над программой обучения. Советовал бы больше прислушаться к программистам, которые у вас преподают или работают, скорее всего, у них есть на примете несколько пожеланий и предложений по поводу того, как её доработать)\nВ целом о школе остались только положительные впечатления и эмоции. Если бы меня попросили порекомендовать школу для обучения в IT сфере, я бы с уверенностью порекомендовал эту)

22 июля 2024

Антон
Отзыв по курсу Веб-разработчик. Доброго времени суток. О школе впечатление очень хорошее. Отдельно хочется выделить гибкость в обучении. Возможность присутствовать на лекции от куда угодно или пересмотреть позже. Обратная связь преподавателя и администрации, сам материал. Думаю теперь куда больше шансов продолжить этим заниматься. А докопаться по большому счету не до чего, это будет просто придиркой.

1 августа 2024

Дарья
Отзыв по курсу UX/UI дизайнер. Здравствуйте, мне все понравилось) Преподаватель Андрей все понятно и интересно объясняет, программа построена так, что в занятиях были и практика и теория, что было максимально эффективно. В целом достаточно приятная атмосфера была на занятиях, остались только положительные впечатления)

24 марта 2024

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

22 ноября 2021

Дима
Спасибо за знания!) Путь очень хорош, работаю в Epam уже год!

26 апреля 2022

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

26 апреля 2022

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

24 апреля 2022

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

25 апреля 2022

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

8 апреля 2021

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

16 марта 2021

Марина
Продолжаю учиться самостоятельно и до сих пор помогает и консультирует преподаватель, исправляет и советует! Преподаватель отдельная любовь, спасибо, что он оказался у вас и у нас!

25 января 2022

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

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

110 000

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

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

40 000
до начала занятий
35 000
через 6 недели после
начала обучения
40 000
через 3 недели после начала обучения

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

Phone

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

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