Никаких записей курсов — только живое общение
Курсы
Наши курсы
Программирование
Тестирование
TeachMeSkills в Ютубе
Здесь мы публикуем годный контент, подробные разборы и практический опыт учителей
Дистанционный курс — 7 месяцев
Front End разработчик
С нуля до трудоустройства: HTML, CSS и JavaScript за 7 месяцев.
Свяжемся в течение рабочего дня
Нажимая на кнопку, я соглашаюсь на обработку персональных данных
Старт групп
FE73-onl — 29 июля
Дни и время занятий
ВТ, ЧТ, 19:00 — 22:00
Кем ты станешь ?
Освой разработку интерфейсов с использованием HTML, CSS и JavaScript. На курсе ты научишься создавать адаптивные веб-страницы и использовать фреймворки, такие как React и Vue.js. Этот курс поможет тебе стать востребованным специалистом в сфере создания веб-интерфейсов. Получи актуальные знания от экспертов с реальными проектами. Освой востребованные навыки и создай портфолио. По завершении курса мы поможем с трудоустройством, а также предоставим диплом для дальнейшего карьерного роста. Начни обучаться прямо сейчас и меняй свою жизнь в лучшую сторону!. Присоединяйся к обучению на курсе и начинай путь к своей мечте. Преимущества курса: профессиональные наставники, реальные проекты, доступ к эксклюзивным материалам и трендам. Прокачай свои навыки, получи опыт в реальных задачах, развивайся и становись востребованным специалистом. Обучение на актуальных примерах и технологиях, поддержка на всех этапах.
И чему ты научишься ?
- Изучишь язык программирования JavaScript с нуля, обучишься верстке и напишешь свое первое приложение
- Научишься работать с webpack и поднимать локальный сервер
- Начнешь писать качественный, чистый код и использовать Git еще до окончания курса Front End разработчик
- Сможешь верстать адаптивные и кроссбраузерные сайты и приложения
- Освоишь одну из самых популярных библиотек React и разработаешь на ней приложение
- Станешь востребованным Front End разработчиком уровня Junior
Зарплата Front End разработчика
Источник данных: HH.ru
500 $ - 1000 $
На рынке не хватает Front End разработчиков
542 компаниисейчас ищут Front End разработчиков
Программа курса
Рассчитана на 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
Защита дипломного проекта
Защита второго дипломного проекта
- Защита второго дипломного проекта
Учебный процесс
Преподаватели курса
Учись у лучших. Все наши преподаватели - практикующие специалисты в международных 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-специалисты отвечают на вопросы, готовят к собеседованию и помогают каждому студенту получить работу мечты.
Раз
Рекомендации по составлению портфолио и резюме
Два
Подготовка к собеседованию в компаниях-партнёрах
Три
Персональные консультации по развитию карьеры
Стоимость обучения
Полная разовая оплата
120 000₽
Возможен вариант оплаты по банковской рассрочке от 6 до 18 месяцев. Более подробную информацию по программам рассрочки и кредитования можно узнать у менеджеров.
Оплата в рассрочку
Запись на обучение
Свяжемся в течение рабочего дня
Нажимая на кнопку, я соглашаюсь на обработку персональных данных