Профессия «Frontend-разработчик»
С тобой свяжется наш менеджер, чтобы рассказать больше про курс и подтвердить регистрацию
Начни верстать сайты и веб-приложения. Научим писать код для сайтов и подготовим к профессии с нуля за 12 месяцев. Поможем собрать портфолио на GitHub и получить работу.
Освой frontend-разработку с нуля за 12 месяцев
13 проектов для портфолио
Хакатоны и воркшопы
во время обучения
80% практики
и теория без воды
12 месяцев обучения
Frontend-разработка – лучшая профессия для старта в IT
* по данным опроса Stack Overflow в 2023 году
в рейтинге самых востребованных специалистов в IT-сфере
2 место
в рейтинге самых популярных языков программирования
1 и 2 место
Новички чаще выбирают именно профессию frontend-разработчика для старта. Это связано с простым синтаксисом используемых в ней языков, а также с наглядным подтверждением своей работы.
Легкий старт
Frontend-разработчик работает на языках HTML/CSS и JavaScript. В 2023 году эти языки программирования стали первым и вторым по популярности – их используют почти 87 000 разработчиков.
Специалисты этой профессии отвечают за всю внешнюю часть сайта или приложения, с которой взаимодействуют люди. Именно поэтому профессия еще долго не потеряет свою актуальность.
Признанность
Доступность
Компании ищут талантливых frontend-разработчиков
Frontend отвечает за «лицо» сайтов и веб-приложений компаний. Он открывает дорогу в ведущие компании мира – Яндекс, Ozon, Google, YouTube, Intel, Spotify, Netflix и Pinterest.
средняя зарплата Junior frontend-разработчика с опытом до 1 года
72 000 ₽
средняя зарплата Middle frontend-разработчика с опытом 1−3 года
169 000 ₽
средняя зарплата Senior frontend-разработчика с опытом от 3 лет
71 000 вакансий
278 000 ₽
в сфере IT и телеком разместили работодатели за первую половину 2023 года
Средняя зарплата frontend-разработчиков по данным Хабр.Карьеры за 2023 год
по данным hh.ru
308 000 ₽
средняя зарплата Lead frontend-разработчика с опытом от 5 лет
Компании ищут талантливых frontend-разработчиков
Frontend отвечает за «лицо» сайтов и веб-приложений компаний. Он открывает дорогу в ведущие компании мира – Яндекс, Ozon, Google, YouTube, Intel, Spotify, Netflix и Pinterest.
Листай влево
→
средняя зарплата Junior frontend-разработчика с опытом до 1 года
72 000 ₽
средняя зарплата Middle frontend-разработчика с опытом 1−3 года
169 000 ₽
средняя зарплата Senior frontend-разработчика с опытом от 3 лет
71 000 вакансий
278 000 ₽
в сфере IT и телеком разместили работодатели за первую половину 2023 года
Средняя зарплата frontend-разработчиков по данным Хабр.Карьеры за 2023 год
по данным hh.ru
308 000 ₽
средняя зарплата Lead frontend-разработчика с опытом от 5 лет
Работайте в IT и получите льготы от государства
Ипотека под 5%
Отсрочка от армии
программа действует до конца 2024 года (на уровне регионов возможно снижение ставки до 3%) – ты успеешь получить новую профессию и устроиться на работу
для специалистов от 18 до 27 лет по Постановлению Правительства РФ № 490 от 28 марта 2022 года
Цифровая трансформация и привлечение кадров – приоритеты развития страны в сфере IT. Поэтому государство создаёт комфортные условия для IT-специалистов – снижает ставку на ипотеку, даёт отсрочку от армии и другие налоговые льготы.
Курс подойдёт, если ты хочешь
Получишь крепкую базу знаний, научишься работать в IT-команде с заказчиками и создашь 13 проектов под руководством опытных разработчиков.
Начать программировать с нуля
Освоишь востребованные навыки и актуальный стек технологий, которые работодатели указывают в вакансиях. Соберёшь портфолио на GitHub и подготовишься к техническому собеседованию.
Сменить работу и перейти в IT
Научишься создавать прототипы своих дизайнов в браузере и верстать макеты. Посмотришь на процесс создания сайтов глазами разработчиков, сможешь делать реализуемый дизайн. Освоишь новый навык и сможешь брать заказы на создание сайтов под ключ.
Освоить дополнительные навыки для работы в дизайне
Научишься правильно выстраивать работу на удалёнке, брать проекты у крупных заказчиков.
Работать удалённо
В конце обучения ты получишь диплом о профессиональной переподготовке!
Под руководством экспертов создашь 13 проектов
калькулятор личных доходов
Твои проекты:
планировщик задач
список дел
трекер валют
англо-русский словарь
адаптивный лендинг
простой лендинг
веб-приложение «Морской бой»
Дипломный проект – реализуешь на выбор:
- приложение по подбору фильмов
- приложение по поиску видео/аудио
- планировщик задач или трекер валют
+ Лендинги:
с кастомной формой обратной связи и видео
с применением технологий Flexbox, css grid и библиотеки Bootstrap
с Bootstrap сеткой и компонентами (карусель, pop-up, табы, аккордеон)
Примеры работ выпускников курса
Похожие проекты ты создашь во время обучения – их можно добавить в портфолио и показать заказчикам.
Листайте влево
→
Например, приложение по подбору фильмов
Блог с публикациями или телеграм-бот для получения информации о погоде
Планировщик задач
Браузерная версия игры «Морской бой»
Лендинг с кастомной формой обратной связи и видео
Простой лендинг
Примеры работ выпускников курса
Похожие проекты ты создашь во время обучения – их можно добавить в портфолио и показать заказчикам.
Например, приложение по подбору фильмов
Блог с публикациями или телеграм-бот для получения информации о погоде
Планировщик задач
Браузерная версия игры «Морской бой»
Адаптивный лендинг
Простой лендинг
Твой путь во Frontend-разработку
Твой путь во Frontend-разработку
Листай влево
→
Запишись на курс, мы забронируем тебе место в учебной группе
С тобой свяжется наш менеджер, чтобы рассказать больше про курс и подтвердить регистрацию
Нажимая на кнопку, ты принимаешь политику конфиденциальности
Спикер курса
Работает frontend-разработчиком в диджитал агентстве Nestudio, преподаватель на курсах по web-разработке WayUP, аспирант технических наук.
Web-разработчик с опытом 5 лет
Ксения Миланина
Постоянно обновляет свои знания и следит за последними тенденциями в мире frontend-разработки, читая специализированные блоги и участвуя в различных мероприятиях для разработчиков.
Наставник курса
Работает по frontend-разработке на фрилансе. Начинал изучение программирования с Python, а сейчас работает с React, Javascript, HTML, и CSS.
Разработчик с опытом 3 года
Максим Мищенко
Курирует модули по frontend-разработке, GIT и базовому синтаксису Python.
Наши специалисты не дадут бросить учёбу на полпути и замотивируют, когда это нужно:
Помогаем на всех этапах – во время и после обучения
когда нужны большие корретировки
видео
когда нужно немного поправить
текст
когда появились вопросики
чат
1. Кураторы помогут разобраться в новой теме и дадут обратную связь по заданиям.
2. Специалисты центра заботы помогут решить любые вопросы об обучении или оплате.
Обучение в «Логомашине» для твоего трудоустройства
Листайте влево
→
Доступ к материалам курса предоставляется на срок действия обратной связи (на срок обучения). Для закрепления полученных знаний доступ к материалам курса сохранится на срок до 3 лет, включая период действия обратной связи.
Для практики у тебя будут тренажёры, тесты, домашние задания, проекты и хакатоны – разнообразие форматов помогает усваивать знания максимально эффективно.
Курсы разработаны так, чтобы обучение не мешало основной работе и проходило по комфортному графику.
HR-специалист поможет создать резюме, которое зацепит внимание работодателя и подсветит достоинства, а кураторы подготовят к техническим собеседованиям.
Карьерный консультант поможет выбрать цель развития и составить план для достижения цели.
У нас работает центр заботы – менеджеры всегда на связи, напомнят о дедлайнах, ответят на вопросы и помогут разобраться, когда что‑то непонятно.
Доступ к курсу на 3 года со всеми обновлениями
Упор на практику
Можно совмещать с работой
Фокус на трудоустройство
План карьерного развития
Забота о студентах
82%
выпускников рекомендуют курсы Логомашины
на основе опроса студентов в марте 2023, 2430 ответов
7 учебных модулей и 13 проектов в портфолио
Программа курса
36 часов теории и 220 часов практики
Получишь востребованные знания и навыки frontend-разработки, разработаешь проекты на HTML, CSS и JavaScript и попробуешь себя в веб-разработке. Прокачаешь soft skills и поймёшь, как работать в команде и на фрилансе.
Основная программа
1 модуль
3,5 часа теории. 28 часов практики.
Познакомимся с профессией frontend-разработчика. Научимся создавать элементы веб-страниц с помощью HTML. Узнаем, что такое теги и какими свойствами они обладают. Создадим собственные шаблоны для веб-страниц, а также настроим внешний вид элементов на этих страницах с помощью языка стилей CSS.
Темы модуля:
Познакомимся с профессией frontend-разработчика. Научимся создавать элементы веб-страниц с помощью HTML. Узнаем, что такое теги и какими свойствами они обладают. Создадим собственные шаблоны для веб-страниц, а также настроим внешний вид элементов на этих страницах с помощью языка стилей CSS.
Темы модуля:
- Знакомство с профессией верстальщика
- Подготовка к старту
- Знакомство с HTML
- Знакомство с CSS
2 модуль
7,5 часов теории. 49 часов практики.
Научимся создавать веб-страницы с настраиваемыми формами обратной связи, видео-роликами, таблицами и другими популярными элементами современных сайтов. Узнаем, как создать эффект при наведении на элемент веб-страницы. Освоим именование классов по технологии БЭМ. Научимся позиционировать элементы сайта с помощью различных технологий. Узнаем, что такое Bootstrap, и почему он так популярен.
Темы модуля:
Научимся создавать веб-страницы с настраиваемыми формами обратной связи, видео-роликами, таблицами и другими популярными элементами современных сайтов. Узнаем, как создать эффект при наведении на элемент веб-страницы. Освоим именование классов по технологии БЭМ. Научимся позиционировать элементы сайта с помощью различных технологий. Узнаем, что такое Bootstrap, и почему он так популярен.
Темы модуля:
- Продвинутый HTML
- Псевдоклассы и псевдоэлементы
- Продвинутый CSS
- Позиционирование Flexbox
- Позиционирование CSS grid
- Разметка Bootstrap
3 модуль
1,5 часа теории. 8 часов практики.
Разберёмся с основными инструментами Figma. Научимся создавать компоненты, управлять стилями через параметр Assets. Узнаем, почему для верстальщиков так важен «Dev mode». Создадим свой дизайн веб-страницы.
Темы модуля:
Разберёмся с основными инструментами Figma. Научимся создавать компоненты, управлять стилями через параметр Assets. Узнаем, почему для верстальщиков так важен «Dev mode». Создадим свой дизайн веб-страницы.
Темы модуля:
- Знакомство с инструментами Figma
- Frame, autolayout, создание и модификация компонентов
- Управление стилями через Assets
- Dev mode, Figma for VS code
- Изменение логотипа, цветов, шрифта, изменение адаптивов
4 модуль
2 часа теории. 15 часов практики.
Узнаем, почему так важно делать современные сайты адаптивными и гибкими, то есть читаемыми на различных устройствах. Научимся создавать адаптивную верстку веб-страниц с помощью медиа-запросов CSS. Поймём, в чем разница между подходом desktop first и mobile first и создадим адаптивный сайт.
Темы модуля:
- Диапазоны адаптивов
- Подход desktop-first и mobile-first
- Синтаксис медиа-запросов
- Пропись адаптивов для страницы
5 модуль
14 часов теории. 64 часа практики.
Освоим базовый синтаксис JS, научимся создавать циклы, функции, а также работать с объектами JS. Напишем собственную игру «Морской бой». Научимся анимировать элементы сайта с помощью кода на JS, обрабатывать браузерные события, такие как отправка формы, клик по элементу, скроллинг страницы и т.д., динамически генерировать новые HTML-элементы посредством JS. Создадим такие популярные UI-элементы, как слайдеры, всплывающие окна, табы, бургер-меню и т.д. Научимся получать данные с сервера и обрабатывать их.
Темы модуля:
- Знакомство с JS, Node.js
- Переменные и типы данных в JS
- Стандартные операции с переменными
- Операторы сравнения, условия
- Циклы, функции, массивы, методы перебора массива, методы строк, методы чисел
- Работа с объектами Document Object Model
- Основы взаимодействия с DOM-элементами
- Генерация и изменение DOM-элементов
- Браузерные события JQuery
- Продвинутые объекты
- Продвинутые функции
- Асинхронность/PromisesAjax/JSONFetch, async/await
- Работа с Free rest API
6 модуль
6 часов теории. 42 часа практики.
Узнаем, какие возможности предоставляет библиотека React.js
Создадим собственные приложения на React.js. Поработаем с различными компонентами, узнаем, что такое хуки и зачем они нужны.
Научимся создавать проекты с большим количеством страниц.
Познакомимся с инструментами управления состоянием элементов. Научимся загружать проекты на хостинг.
Темы модуля:
Узнаем, какие возможности предоставляет библиотека React.js
Создадим собственные приложения на React.js. Поработаем с различными компонентами, узнаем, что такое хуки и зачем они нужны.
Научимся создавать проекты с большим количеством страниц.
Познакомимся с инструментами управления состоянием элементов. Научимся загружать проекты на хостинг.
Темы модуля:
- SPA, React.js, npm компоненты
- JSX, import, export
- Lifecycle, statehooks
- React Router
- Работа с API в React
- Основы Redux
- React+Redux
- Подключение домена и выгрузка проекта на хостинг
Бонусные модули
1,5 часа теории. 14 часов практики.
Научимся использовать искусственный интеллект для верстки сайтов. Ты сможешь описывать код, искать ошибки и дописывать его с помощью нейросетей. Мы поможем настроить и использовать помощников.
Научимся использовать искусственный интеллект для верстки сайтов. Ты сможешь описывать код, искать ошибки и дописывать его с помощью нейросетей. Мы поможем настроить и использовать помощников.
7 уроков о том, как пополнить вою лексику, улучшить грамматику, восприятие языка на слух и уверенно общаться с заказчиками и англоговорящими коллегами.
Дипломный проект
Задания подготовлены специалистами с опытом работы в IT более 5 лет и соответствуют задачам реального бизнеса
За 4 недели с поддержкой ментора ты разработаешь собственный проект и опубликуешь его на GitHub
Запишись на курс, мы забронируем тебе место в учебной группе
С тобой свяжется наш менеджер, чтобы рассказать больше про курс и подтвердить регистрацию
Нажимая на кнопку, ты принимаешь политику конфиденциальности
Что тебя ждёт после обучения
«Мы включаем стажёров в полноценную работу. В итоге стажировка превращается в полноценную работу в нашей компании, а это и знакомый коллектив, и понятные задачи»
Технический директор группы компаний GigAnt, «Персональное решение», YOLO, «Логомашина»
Активные студенты курса получат приглашение на стажировку в компанию GigAnt – это станет их преимуществом перед другими кандидатами при поиске работы.
Приглашение на стажировку
У нас есть государственная образовательная лицензия – новую профессию ты получишь официально. Её подтвердит диплом, удостоверение или сертификат.
Диплом о профессиональной переподготовке
Ты можешь вернуть часть денег за обучение – до 15 600 ₽ за календарный год.
Налоговый вычет 13%
В течение обучения вместе с наставником ты будешь формировать портфолио на GitHub. При прохождении 70% учебной программы тебе станут доступны консультации карьерного центра.
Подготовка к трудоустройству
У разработчиков развитые соощества, множество конференций, хакатонов и соревнований круглый год – офлайн и онлайн. А в чате выпускников «Логомашины» мы обсуждаем тренды, делимся тестовыми заданиями и обсуждаем каверзные вопросы на собеседованиях.
Нетворкинг и комьюнити
Твоё резюме после курса
Frontend-разработчик
от 60 000 ₽*
Зарплатные ожидания:
Я уверенно могу:
программирование на JavaScript
использование библиотеки Bootstrap
вёрстка адаптивных веб-сайтов на HTML и CSS
настройка маршрутизации с помощью React Router
создание веб-приложений
разработка Single Page Application с помощью React.js
работа с системами контроля версий (Git)
настройка хранилищ с помощью Redux
выгрузка веб-приложений на хостинг
*по данным hh.ru
Стек технологий:
взаимодействие с элементами DOM и создание интерактивных UI-элементы
работа с внешними данными с помощью Fetch, AJAX, XMLHttpRequest
Стоимость курса
Запишись на курс или получи бесплатную консультацию
25 свободных мест из 35
Старт в день покупки
Мы берём ограниченное количество студентов в каждую группу, чтобы тебе было комфортно учиться
С вами свяжется наш менеджер
Доступ – 3 года
Поддержка и обратная связь от кураторов всё обучение (12 месяцев)
24/7 поддержка в мессенджере
Помощь с трудоустройством – создание резюме и портфолио, подготовка к собеседованиям
JavaScript, React.js
AI в программировании
Английский для IT-специалистов
Оставляя заявку, вы соглашаетесь с политикой конфиденциальности
3 333
₽/мес
5 556
₽/мес
-40%
Беспроцентная рассрочка до 36 мес.
Первый платеж через месяц
Первый платеж через месяц
Доступ к материалам курса предоставляется на срок действия обратной связи (на срок обучения). Для закрепления полученных знаний доступ к материалам курса сохранится на срок до 3 лет, включая период действия обратной связи.
Частые вопросы перед началом обучения
Да. Программа рассчитана на новичков без опыта или начинающих с небольшим опытом. Если ты знаешь основы и владеешь базовыми навыками, то сможешь освежить знания и быстрее включиться в работу, если нет – мы всему научим.
Курс начинается с базовой теории и постепенно усложняется. Программа построена из общей цели курса – подготовка и Junior frontend-разработчика. Мы исходим из этой цели, «раскладываем» её на цели каждого блока, модуля, урока. Все материалы, задания, проекты направлены на развитие навыков и компетенций, которые реальные работодатели требуют от начинающих разработчиков.
Нет, обучение на русском языке. Иногда мы можем давать ссылки на англоязычные материалы, но это всегда дополнительная информация.
71 000 вакансий – столько вакансий в сфере IT и телеком разместили работодатели на hh.ru за первую половину 2023 года. Также IT-специалисты всегда востребованы на аутсорсе – компании нанимают разработчиков-фрилансеров для своих проектов. Мы поможем начать карьеру, раскроем тонкости работы в IT-команде, поиска и общения с заказчиками на фрилансе.
Процессор Intel или AMD 4 ядра на 8 потоков примерно по 3,2 ГГц с поддержкой виртуализации, оперативка от 8 ГБ, жёсткий диск от 256 ГБ.
В рамках курса используем следующие операционные системы: Microsoft Windows 10 (22H2), Microsoft Windows 11, Apple macOS 13 (Ventura). Действия и результаты в предыдущих версиях могут отличаться.
В рамках курса используем следующие операционные системы: Microsoft Windows 10 (22H2), Microsoft Windows 11, Apple macOS 13 (Ventura). Действия и результаты в предыдущих версиях могут отличаться.
Нет, мы используем бесплатные программы с открытым исходным кодом. Студенты скачивают с официальных сайтов свежие версии или необходимые для выполнения заданий.
Примерно 10 часов в неделю – точное время зависит от изначального опыта и сложности конкретного модуля. Ты самостоятельно выбираешь комфортный темп обучения – это подойдёт всем, кто параллельно работает или учится. Полная длительность курса 256 часов, плюс работа над дипломным проектом.
Обучение организовано на онлайн-платформе — ты выбираешь, когда удобно изучать материалы и выполнять задания.
1 раз в неделю будет открываться следующий модуль с новым набором уроков.
1−2 раза в месяц будут проходить живые вебинары с преподавателями, на них ты можешь задать вопросы, поучаствовать в лайвкодинге или разборе заданий. Все вебинары будут доступны в записи.
1 раз в неделю будет открываться следующий модуль с новым набором уроков.
1−2 раза в месяц будут проходить живые вебинары с преподавателями, на них ты можешь задать вопросы, поучаствовать в лайвкодинге или разборе заданий. Все вебинары будут доступны в записи.
Мы предложим перевестись на один из следующих потоков или заморозить обучение. Ты всегда можете обратиться к менеджеру курса и получить индивидуальную поддержку по любым организационным вопросам и проблемам.
Junior frontend-разработчик
Знания и навыки подтвердит диплом о профессиональной переподготовке, официальное удостоверение или сертификат – документ зависит от твоего уровня образования.
Знания и навыки подтвердит диплом о профессиональной переподготовке, официальное удостоверение или сертификат – документ зависит от твоего уровня образования.
Да, курс можно взять в рассрочку без переплат на 24 месяца в банках-партнёрах. Детальные условия расскажет менеджер курса – он свяжется с тобой после того, как запишешься на курс.
Запишись на курс, мы забронируем тебе место в учебной группе
С тобой свяжется наш менеджер, чтобы рассказать больше про курс и подтвердить регистрацию
Нажимая на кнопку, ты принимаешь политику конфиденциальности