Дистанционный курс — 7 месяцев
Front End разработчик
С нуля до трудоустройства: HTML, CSS и JavaScript за 7 месяцев.
Свяжемся в течение рабочего дня
Нажимая на кнопку, я соглашаюсь на обработку персональных данных
Старт групп
FE52-onl — 15 июня
FE53-onl — 26 июня
FE54-onl — 31 июля
Дни и время занятий
ВТ, ЧТ, 19:00 — 22:00
ПН, СР, 19:00 — 22:00
ПН, ЧТ, 19:00 — 22:00
МестаСвободных мест
16 из 18
18 из 18
18 из 18
Кем ты станешь ?
Курсы Front End с нуля научит тебя создавать интерфейсы, которые видят и с которыми взаимодействуют пользователи, когда запускают браузер, открывают любой сайт или используют какое-нибудь веб-приложение. За время курса ты изучишь HTML (язык гипертекстовой разметки) и CSS(каскадные таблицы стилей), чтобы научиться верстать веб-страницы. Также ты освоишь кроссплатформенный язык JavaScript, который поможет тебе сделать их интерактивными и функциональными . А еще ознакомишься с различными структурами данных и алгоритмами, научишься работать с NPM и Webpack и освоишь разработку одностраничных приложений с помощью одного из самых популярных инструментов - React. Самое главное, тебя ждет дипломный проект - полноценное приложение на JS, которое станет первым серьезным проектом в твоем портфолио.
И чему ты научишься ?
- Изучишь язык программирования JavaScript с нуля, обучишься верстке и напишешь свое первое приложение
- Научишься работать с webpack и поднимать локальный сервер
- Начнешь писать качественный, чистый код и использовать Git еще до окончания курса Front End разработчик
- Сможешь верстать адаптивные и кроссбраузерные сайты и приложения
- Освоишь одну из самых популярных библиотек React и разработаешь на ней приложение
- Станешь востребованным Front End разработчиком уровня Junior
Зарплата Front End разработчика
Источник данных: dev.by
500 $ - 1000 $
На рынке не хватает Front End разработчиков
542 компаниисейчас ищут Front End разработчиков
Программа курса
Рассчитана на 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
- Настройка create-react-app
- Виртуальный 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
- 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, которые важны в рамках интервью
Защита дипломного проекта
Защита второго дипломного проекта
- Защита второго дипломного проекта
Учебный процесс
Преподаватели курса
Учись у лучших. Все наши преподаватели - практикующие специалисты в международных IT-компаниях
Наталия
Дмитрий
Павел
Адриан
Резюме студента после обучения
Профессиональные навыки:
- Создание адаптивных сайтов на 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.
Помощь в трудоустройстве
Опытные HR-специалисты отвечают на вопросы, готовят к собеседованию и помогают каждому студенту получить работу мечты.
Раз
Рекомендации по составлению портфолио и резюме
Два
Подготовка к собеседованию в компаниях-партнёрах
Три
Персональные консультации по развитию карьеры
Успешные истории наших выпускников
«Я всегда интересовалась дизайном, история зарождалась постепенно, шаг за шагом…» — Евгении Геворкян, выпускница TMS, о том, как твое призвание находит тебя, где бы ты ни был.
Женя Геворкян
Фрилансер
Стоимость обучения
Полная разовая оплата
100 000₽
Возможен вариант оплаты по банковской рассрочке от 6 до 18 месяцев. Более подробную информацию по программам рассрочки и кредитования можно узнать у менеджеров.
Оплата в рассрочку
Запись на обучение
Свяжемся в течение рабочего дня
Нажимая на кнопку, я соглашаюсь на обработку персональных данных