групповой онлайн-курс с преподавателем
Профессия Фронтенд-разработчик
Станьте специалистом, который отвечает за внешнее оформление сайтов. Базовый интенсивный курс
6 месяцев с 0
Занятия: дважды в неделю с 19.00
Cтарт новой группы 04 ноября
Осталось 5 мест
Старт ближайшего потока: ноябрь 2024 (Пн-Чт)
Сертификат Innoclass
После успешного завершения учёбы вы получаете сертификат, который можно прикрепить к портфолио
Много практики
Занятия построены как творчекий и увлекательный процесс отработки новых знаний и навыков на реальных кейсах
Карьерная консультация
Предоставляем рекомендации и поддержку в поиске работы после завершения учёбы
Возможность стажировки и трудоустройства
Возможность получить опыт работы на реальных проектах
Что вас ждёт с Innoclass
Сертификат государственного образца
По окончании обучения получите сертификат государственного образца, подтверждающий успешное освоение учебной программы Innосlass, который вы можете также прикрепить к вашему будущему портфолио
Мероприятия и нетворкинг
В стенах нашего Дома мы регулярно проводим мероприятия экспертного и развлекательного форматов, где специалисты и начинающие обмениваются полезной информацией и продуктивно проводят время
What awaits you with Innoclass?
HTML5
CSS
JavaScript
JSON
Fetch
Axios
О профессии
Ajax
Фронтенд-разработчики — это специалисты, которые создают графические интерфейсы для веб-сайтов и приложений. Их задача заключается в том, чтобы сделать IT-продукты удобными и привлекательными для пользователей. Они внедряют актуальные решения, опережая конкурентов, и превращают безликий код в красивое оформление.

Если ты хочешь освоить эту профессию и работать удалённо, курсы по фронтенд-разработке Innoclass помогут достичь этой цели.
TypeScript
Webpack
React
Redux
About the profession
Группы до 15 человек
Возможность одновременно получать достаточно внимания со стороны преподавателя и обратную связь от одногруппников
Индивидуальная поддержка
Помощь в изучении сложных тем с учётом ваших особенностей, быстрое решение проблем
Концепция обучения базируется на предоставлении максимума знаний в сочетании с практикой и дополнительными материалами, которые эффективно усваиваются под руководством опытных менторов — практикующих IT-специалистов
Работа в команде
Развитие навыка командной работы, коммуникации, распределения обязанностей, принятия решений и несения ответственности за них
Наша методология обучения
Занятия с преподавателем + практика + стажировка + мероприятия = результат
Почему стоит изучать Frontend-разработку
Навыки:
Уверенное владение навыками работы с HTML, CSS и JavaScript
Работа с фреймворками
Умение создавать сайты с отзывчивым дизайном (Responsive Design)
Знание того, как улучшить загрузку страницы, оптимизировать изображения и минимизировать запросы к серверу
Работа с инструментами разработчика: использование DevTools для отладки и анализа кода
Версионирование с Git: понимание базовых команд Git и работа с репозиториями
Знание принципов UX/UI: создание привлекательных интерйесов, которыми приятно пользоваться
Тестирование: знание Jest, Mocha и других инструментов для тестирования кода
Основы дизайна: понимание цветовой палитры, типографики и композиции
Критическое мышление и решение проблем: умение анализировать задачи, находить решения и применять их на практике
Умение работать с популярными библиотеками и пакетами, такими как Bootstrap, jQuery, Lodash или Axios
Why learn frontend
Быстрый рост заработной платы
Можно начать зарабатывать уже через 6 месяцев после начала обучения, окупить обучение за первые месяцы работы и быстро выйти на желаемый оклад
Хорошие карьерные перспективы
Не нужны глубокие знания в математике, а после изучения основных инструментов (HTML, CSS и JavaScript) можно освоить backend и стать fullstack-разработчиком
Востребованность на рынке
JavaScript традиционно в топе языков программирования, он прост, логичен и лёгок в освоении, и именно на нём работают интерфейсы
Стоимость обучения
Price
47 занятий (141 академ. час)
Пожизненный доступ на образовательную платформу с материалами
Ментор-преподаватель из IT-компании
Занятие с HR специалистом (3 академ. часа)
Бесплатный проход на мероприятия Innoclass
Личная страничка выпускника на сайте Innoclass при условии прохождения стажировки
Возможность получить 100% кешбэк за высокую успеваемость
Индивидуальное interview с HR-специалистом
Бесплатное посещение 3-х мероприятий партнёров на выбор
Приоритетная регистрация на стажировку
Приоритетная регистрация на хакатоны
5 личных консультаций с разработчиком
5650 BYN
от 470 BYN × 12 месяцев
Доступно в рассрочку без переплат
Тариф
VIP
Бесплатная стажировка
от 246 BYN × 12 месяцев
Доступно в рассрочку без переплат
Тариф
Standard
47 занятий (141 академ. час)
Пожизненный доступ на образовательную платформу с материалами
Ментор-преподаватель из IT-компании
Занятие с HR специалистом (3 академ. часа)
Бесплатный проход на мероприятия Innoclass
Личная страничка выпускника на сайте Innoclass при условии прохождения стажировки
Дисконт на стажировку в размере 60%
Возможность получить 100% кешбэк за высокую успеваемость
Индивидуальное interview с HR-специалистом
Бесплатное посещение 3-х мероприятий партнёров на выбор
Бесплатная стажировка
Приоритетная регистрация на стажировку
Приоритетная регистрация на хакатоны
5 личных консультаций с разработчиком
3550 BYN
2950 BYN
Ваше обучение окупится за 2-3 зарплаты
Сareer track
Средняя зарплата Frontend-разработчика (источник данных rabota.by)
У вас есть опыт в смежных сферах или вы только прошли обучение
Junior
от 1400$
от 2500$
Middle
Вы 2−3 года работаете над проектами с командой
от 3400$
Senior
Вы видели многое — и большую зарплату тоже
Поможем освоить все необходимые инструменты и технологии, собрать проекты для портфолио и устроиться на работу в интересующую вас компанию
Cпрос на специалистов настолько превышает предложение, что вилка зарплат достигает 6000$. Пруф.
Это не предел
Почему с нами выгодно
Profit
Кешбэк 100%
Возвращайте деньги за обучение при условии отличной успеваемости и посещении всех лекций
Приведи друга и получи 5% кешбэк на карту
Работает реферальная программа, которая позволяет получить 5-процентный кешбэк на карту и распространяется на клиентов, купивших один из платных курсов
Скидка 50% на другие курсы
Экономьте половину стоимости следующих курсов и делитесь скидкой с друзьями
Бесплатный доступ на мероприятия Innoclass и Innodom
Участвуйте в мероприятиях для общения и продуктивного сотрудничества в уникальной локации
Пока не работал
И хочет получить востребованную перспективную профессию для впечатляющего карьерного старта
Этот курс
подойдёт тем, кто
Меняет работу
И чувствует, что он немного дизайнер, немного инженер, и готов раскрыть свой потенциал в мире IT
Актуальность программы
Мы поддерживаем постоянную связь с экспертами из сферы IT, бизнеса и найма, чтобы быть в курсе актуальных требований к соискателям.

Ежемесячно адаптируем программу в соответствии с меняющимися требованиями рынка, чтобы вы получали только самые актуальные и востребованные навыки. Даже после выпуска у вас останется доступ к обновляемому курсу, так что всегда сможете актуализировать полученные знания.
Верстать сайты и приложения для разных устройств
Узнаете о нюансах вёрстки под мобильные телефоны, планшеты, ноутбуки и десктопы
Чему вы научитесь
Применять библиотеки React и Redux
Будете создавать качественные интерфейсы, изучите композицию компонентов и способы интеграции с React
«Оживлять» сайты и приложения с помощью JavaScript
Изучите семантику, синтаксис и архитектуру языка, чтобы создавать впечатляющие сайты и приложения
Решать рабочие задачи как опытный специалист
Освоите профессиональный подход к поиску оптимальных решений с использованием разного инструментария
What will you learn
Как проходит обучение
3 — Проект
Доработка сайта на CSS
Завершаете кейс, который сможете добавить в портфолио
за 6 месяцев
How the training works
4
Освоение JavaScript
Научитесь оживлять статичный интерфейс интерактивом
6
Работа с API на основе PockeAPI
Научитесь создавать собственный Покедекс
7
Изучение React
Научитесь использовать популярную библиотеку для создания привлекательных интерфейсов
8 — проект
Личный блог на React
С помощью React сделаете сильный проект и заберёте его в портфолио
9
Освоение Redux
Освоите работу с серверной частью сайтов и приложений
11 — проект
Дипломный проект
Готовый сайт на React/Redux
Бонус
Работа с Figma
Научитесь работать с самым популярным инструментом создания интерфейсов на текущий момент с точки зрения разработчика
10 — проект
Личный блог c Redux
Используете Redux для создания сильного проекта, который заберёте в портфолио
12
Трудоустройство
Подготовка к собеседованиям и HR-поддержка
Final
Стажировка
Стажировка на реальных проектах B2T и Innoclass
5
Работа с backend
Освоите работу с серверной частью сайтов и приложений
1
Start
Знакомство с группой и базой HTML — каркасом, на котором держится веб-страница
2
Освоение CSS
Изучаете каскадные таблицы стилей, чтобы делать интерфейсы привлекательнее
Запишитесь на курс
и освойте востребованную IT-профессию
Мы отслеживаем, какой пул комптенций и навыков разработчиков востребован на рынке именно сейчас и корректируем программу в соответствии с этой информацией
6 месяцев
Программа курса
3 итоговых проекта
Будьте уверены — наш курс предоставляет именно те инструменты и навыки, которые позволят получить оффер верстальщика
Последнее обновление: 24 апреля 2024 года
Course program
1. HTML с ноля до PRO
+
Навыки:
Уверенное владение навыками работы с HTML, CSS и JavaScript
Работа с фреймворками
Умение создавать сайты с отзывчивым дизайном (Responsive Design)
Знание того, как улучшить загрузку страницы, оптимизировать изображения и минимизировать запросы к серверу
Работа с инструментами разработчика: использование DevTools для отладки и анализа кода
Версионирование с Git: понимание базовых команд Git и работа с репозиториями
Знание принципов UX/UI: создание привлекательных интерйесов, которыми приятно пользоваться
Тестирование: знание Jest, Mocha и других инструментов для тестирования кода
Основы дизайна: понимание цветовой палитры, типографики и композиции
Критическое мышление и решение проблем: умение анализировать задачи, находить решения и применять их на практике
Умение работать с популярными библиотеками и пакетами, такими как Bootstrap, jQuery, Lodash или Axios
HTML-теги и атрибуты
Семантика
Комментарии, списки и ссылки в HTML
Цвета и изображения в HTML
Аудио и видео
Таблицы
Формы и их валидация
Необязательные теги
2. CSS с ноля до PRO
+
Стили тегов. Класссы. Селекторы
Наследование селекторов
Padding и margin
Блочная модель
Grid и Flex размещение блоков
Псевдоклассы
CSS-трансформации, переходы и анимации
Адаптивная вёрстка
Кроссбраузерность
Препроцессоры
Промежуточный проект
Доработка сайта-визитки с использованием CSS
Бонус. Figma для разработчиков
Узнаете о ключевых функциях Figma, которые полезно знать разработчику
3. Основы JavaScript
+
Арифметические операции
Работа со строками
Преобразование данных
Операторы и условные конструкции
Переменные и типы данных
Массивы
Объекты
Циклы
Функции
4. Продвинутый JavaScript
+
Асинхронность
ООП в JS
BOM, DOM
События
Методы создания UI-компонентов
Math Date
Работа с датой и формами
5. Работа с backend
+
Cookie
HTTP-, HTTPS-протоколы
Запросы
Fetch, Axios, Ajax
API
Работа с JSON
6. Основы TypeScript
+
Основные концепции TypeScript
Что это и зачем нужно
7. Системы контроля версий
+
Команды Git
Использование GitHub
Бонус. Работа с API
Освоите взаимодействие с API на основе pokeAPI
Проект в портфолио
Напишете сайт-минимаркет с использованием pokeAPI и закрепите знания о работе с API на практике
8. Сборка проектов
+
Webpack
Node.js
Npm, npx, yarn
9. Основы React
+
Введение в React
Компоненты React
React router dom
React Hooks
Основы хуки
Пользовательские хуки
React + TypeScript
UI-компоненты с помощью React
Проект в портфолио
Личный блог на React
10. Работа с Redux
+
Знакомство с Redux
Store
Action type, action creator
Работа с Redux в приложении
Бонус
Личный блог с добавлением Redux
11. Дипломный проект
+
Проект в портфолио
Самостоятельно напишете сайт на React/Redux по предложенной теме или выберете её сами
12. Трудоустройство
+
Профиль на LinkedIn
CV и портфолио
Как писать сопроводительное письмо
Подготовка к собеседованию с рекрутёром и HR
Soft- и hard-скилы
Тестовое интервью
innoclass.by/your-cv
Ваше резюме после завершения курса
Your CV after completing
должность
Junior Frontend-разработчик
Ключевые навыки
Инструменты
Работа с фреймворками
Умение создавать сайты с отзывчивым дизайном (Responsive Design)
Умение улучшать загрузку страницы, оптимизировать изображения и минимизировать запросы к серверу
Работа с инструментами разработчика: использование DevTools для отладки и анализа кода
Версионирование с Git: понимание базовых команд Git и работа с репозиториями
Знание принципов UX/UI: создание привлекательных интерфейсов, которыми приятно пользоваться
Тестирование: знание Jest, Mocha и других инструментов для тестирования кода
Основы дизайна: понимание цветовой палитры, типографики и композиции
Критическое мышление и решение проблем: умение анализировать задачи, находить решения и применять их на практике
HTML5
CSS
JavaScript
JSON
Fetch
Axios
Набор скиллов командной работы
Сильное портфолио
зарплата
1 000 — 3 000 BYN*
*по данным портала rabota.by
Ajax
TypeScript
Webpack
React
Redux
Уверенное владение навыками работы с HTML, CSS и JavaScript
Certificate
Сертификат Innoclass
После курса вы получите
3 проекта в портфолио
Доступ в закрытое комьюнити специалистов Innodom
Сертификат государственного образца
подтверждает, что
Шакалёв М.Н.
Директор ООО «Арт Иннокласс»
Получил доступ к обучающей платформе Innoclass и прошёл онлайн-курс «Frontend-разработчик Junior»
Сертификат
Ф.И.О.
№0848
12.05.2024
Республика Беларусь, г. Минск
Следующий шаг
Next step
После завершения курса перед вами откроются несколько возможностей, и вы сможете выбирать, куда двигаться дальше
Уникальная возможность поработать над реальными проектами под руководством опытных наставников, развивая свои навыки и приобретая ценный опыт. Вы будете работать в команде, что позволит вам улучшить коммуникативные навыки и научиться эффективно сотрудничать в профессиональной среде.
Участие в мероприятиях
Вы сможете участвовать в мероприятиях с приглашенными компаниями и решать задачи их бизнеса, что поможет вам подготовиться к реальной работе. 🚀
Применение знаний в текущей работе
Сможете адаптировать полученные знания и навыки к вашей текущей работе.
Если захотите дальше развиваться в выбранной отрасли, предложим программы обучения для еще более детального изучения специализации или области.
Продолжение обучения по специализации
Участие в стажировках
Профессиональная поддержка в составлении эффективного резюме, подготовке к собеседованиям и активном поиске подходящих вакансий.
Трудоустройство
Навыки:
Уверенное владение навыками работы с HTML, CSS и JavaScript
Работа с фреймворками
Умение создавать сайты с отзывчивым дизайном (Responsive Design)
Знание того, как улучшить загрузку страницы, оптимизировать изображения и минимизировать запросы к серверу
Работа с инструментами разработчика: использование DevTools для отладки и анализа кода
Версионирование с Git: понимание базовых команд Git и работа с репозиториями
Знание принципов UX/UI: создание привлекательных интерйесов, которыми приятно пользоваться
Тестирование: знание Jest, Mocha и других инструментов для тестирования кода
Основы дизайна: понимание цветовой палитры, типографики и композиции
Критическое мышление и решение проблем: умение анализировать задачи, находить решения и применять их на практике
Умение работать с популярными библиотеками и пакетами, такими как Bootstrap, jQuery, Lodash или Axios
Наши преподаватели
Our teachers
Навыки:
Уверенное владение навыками работы с HTML, CSS и JavaScript
Работа с фреймворками
Умение создавать сайты с отзывчивым дизайном (Responsive Design)
Знание того, как улучшить загрузку страницы, оптимизировать изображения и минимизировать запросы к серверу
Работа с инструментами разработчика: использование DevTools для отладки и анализа кода
Версионирование с Git: понимание базовых команд Git и работа с репозиториями
Знание принципов UX/UI: создание привлекательных интерйесов, которыми приятно пользоваться
Тестирование: знание Jest, Mocha и других инструментов для тестирования кода
Основы дизайна: понимание цветовой палитры, типографики и композиции
Критическое мышление и решение проблем: умение анализировать задачи, находить решения и применять их на практике
Умение работать с популярными библиотеками и пакетами, такими как Bootstrap, jQuery, Lodash или Axios
Наши преподаватели
Our teachers
Андрей Капустин
Frontend engineer
Intelligent Semantic Systems
Стек технологий: HTML5, CSS3, Sass, Styled-components, CSS Modules, Bootstrap, Tailwind CSS, CSS-in-JS, JavaScript (ES6+), TypeScript, Babel, Webpack, Vite, React, Redux, React Router, Axios, Express.js, NestJS, Mongoose, Sequelize, JWT, Socket.io, Jest, Mocha, Spring Boot, Spring Data JPA, Hibernate, Spring Security, Maven, Gradle, Docker, Kubernetes, Git, Swagger.
Анастасия Рогозная
Frontend full-stack developer
SparkIT
Стек технологий: Javascript, html, css(scss, sass, less), php, bitrix, wordpress, woocommerce, react, redux, git.
Артём Архипов
Frontend developer
Innoclass
Стек технологий: HTML5, CSS3, Bootstrap, Git, Javascript, React Js, SCSS, Redux, Redux Toolkit, Tailwind, Webpack, Typescript
Артём Лосев
Frontend developer
Sportdata Limited
Стек технологий: JavaScript, HTML5, CSS3, Git, CSS, HTML, Bootstrap, Ajax,TypeScript, React JS, Next JS, Redux,WebSockets, MobX, Saga, Thunk, Redux, toolkit, NPM.
Ярослав Шумак
Full-stack developer
Softteco
Стек технологий: HTML5, CSS3, Sass, Styled-components, CSS Modules, Bootstrap, CSS-in-JS, JavaScript (ES6+), TypeScript, Webpack, React, NextJS, React Native, Redux, RTK, React Router, Axios, Express.js, NestJS, Mongoose, Sequelize, JWT, Socket.io, Jest, Docker, Git, Swagger.
Навыки:
Уверенное владение навыками работы с HTML, CSS и JavaScript
Работа с фреймворками
Умение создавать сайты с отзывчивым дизайном (Responsive Design)
Знание того, как улучшить загрузку страницы, оптимизировать изображения и минимизировать запросы к серверу
Работа с инструментами разработчика: использование DevTools для отладки и анализа кода
Версионирование с Git: понимание базовых команд Git и работа с репозиториями
Знание принципов UX/UI: создание привлекательных интерйесов, которыми приятно пользоваться
Тестирование: знание Jest, Mocha и других инструментов для тестирования кода
Основы дизайна: понимание цветовой палитры, типографики и композиции
Критическое мышление и решение проблем: умение анализировать задачи, находить решения и применять их на практике
Умение работать с популярными библиотеками и пакетами, такими как Bootstrap, jQuery, Lodash или Axios
Часто задаваемые вопросы
FAQ
Для обучения не обязательно иметь мощный компьютер. Если ваш ноутбук или ПК поддерживает актуальные версии Windows или MacOS, его производительности будет достаточно для успешного завершения онлайн-курсов. Желательный объём оперативной памяти — 8 ГБ и больше.

Для стопроцентной уверенности вы можете сравнить характеристики вашей техники с официальными требованиями приложений, которые понадобятся для учёбы, или оставить заявку на консультацию с нашим менеджером.
Навыки:
Уверенное владение навыками работы с HTML, CSS и JavaScript
Работа с фреймворками
Умение создавать сайты с отзывчивым дизайном (Responsive Design)
Знание того, как улучшить загрузку страницы, оптимизировать изображения и минимизировать запросы к серверу
Работа с инструментами разработчика: использование DevTools для отладки и анализа кода
Версионирование с Git: понимание базовых команд Git и работа с репозиториями
Знание принципов UX/UI: создание привлекательных интерйесов, которыми приятно пользоваться
Тестирование: знание Jest, Mocha и других инструментов для тестирования кода
Основы дизайна: понимание цветовой палитры, типографики и композиции
Критическое мышление и решение проблем: умение анализировать задачи, находить решения и применять их на практике
Умение работать с популярными библиотеками и пакетами, такими как Bootstrap, jQuery, Lodash или Axios
Другие наши курсы
Остались вопросы?
На каждый поток выделяем — 15 мест
Оставьте контакты, и наш менеджер свяжется с вами в ближайшее время
Работает реферальная программа «приведи друга и получи 5% кешбэк на карту»*
*распространяется на клиентов, купивших один из платных курсов
Сертификат
Востребованная профессия
Помощь с трудоустройством
Бесплатный доступ к мероприятиям
Нажимая на кнопку, Вы соглашаетесь на обработку персональных данных