Разметка
Описать структуру содержания страницы.
Фронтенд-разработка
Разберитесь, как создаётся пользовательская часть веб-сайтов и приложений.
В чём состоит навык
Фронтенд-разработка — создание пользовательской части цифрового продукта, которая отображает информацию и обрабатывает взаимодействия.
В каких профессиях пригодится навык
Эти профессии связаны с навыком в каталоге KURSEZ. Конкретные задачи зависят от специализации и места работы.
Связанные профессии
Где пригодится
Оформление
Настроить расположение и внешний вид элементов.
Взаимодействие
Реализовать действия и проверить их в браузере.
Подготовка, навыки и инструменты
Подготовьте редактор кода и браузер, начните с основ HTML, CSS и JavaScript.
Связанные навыки
Связанные инструменты
Курсы для развития навыка «Фронтенд-разработка»
Яндекс ПрактикумМидл фронтенд-разработчик
Курс для фронтенд-разработчиков с коммерческим опытом: TypeScript, React, тестирование, инфраструктура и два проекта.
93 200 ₽
Стоимость курса
от 3 805 ₽ / мес. на 36 мес.
Merion AcademyFrontend React
Курс по frontend-разработке на React: компоненты, хуки, стилизация, маршрутизация, Redux и финальный проект.
9 680 ₽
Стоимость курса
Merion AcademyФронтенд с нуля
Курс фронтенд-разработки с нуля: HTML и CSS, адаптивная вёрстка, Git, JavaScript и основы React.
12 930 ₽
Стоимость курса
ProductStarРазработка на React
Мини-курс ProductStar для знакомых с HTML, CSS и JavaScript: компоненты React, состояние, хуки, маршрутизация и собственный практический компонент.
19 900 ₽
При оплате частями
1 990 ₽ / мес. · 10 мес.
Что важно знать о навыке «Фронтенд-разработка»
Фронтенд-разработчик создаёт часть сайта или приложения, с которой взаимодействует пользователь. В вебе для структуры применяют HTML, для оформления CSS, а для поведения — JavaScript и другие подходящие инструменты.
Работа включает не только внешний вид: важно учитывать разные размеры экранов, клавиатурное управление, доступность, производительность и корректную обработку ошибок. Выбор библиотеки или фреймворка зависит от задачи проекта.
Для практики сверстайте небольшую страницу со списком и формой поиска. Проверьте её в узком окне и убедитесь, что элементы доступны с клавиатуры.