Каталог курсов

Направления обучения

Все курсы Маркетинг Бизнес и управление Дизайн и UX Программирование Аналитика Управление командой Высшее образование Творческие профессии Профессии в образовании Корпоративное обучение Новые профессии Финансы и инвестиции Компьютерные игры Саморазвитие и хобби

Бесплатный курс

начало карьеры

IT-профессии

Как выбрать направление и реализовать себя

Избранное

Бесплатный курс

Frontend-разработка: основы HTML, CSS и JavaScript

На практике познакомитесь с базовыми технологиями веб-разработки

Узнаете, как устроены и работают сайты, и освоите основные инструменты программиста

Познакомитесь с задачами фронтенд-разработчика и создадите свой первый проект

Запишитесь на курс

Нажимая кнопку, принимаю условия политики и пользовательского соглашения

Когда

В любое время

Стоимость

Бесплатно

Формат

Видеолекции в записи и домашние задания с самопроверкой

Уровень

С нуля

Фронтендер отвечает за видимую сторону сайта, приложения или сервиса

В работе специалист использует:

HTML — для вёрстки и создания удобного формата текста

CSS — для визуального оформления блоков

JavaScript — для создания интерактивности

Спрос на frontend-разработчиков продолжает стабильно расти

Международный сайт с вакансиями Zippia провёл исследование, в результате которого выяснилось, что за последние пять лет зарплаты фронтендеров выросли на 11%, а количество вакансий к 2028 году вырастет на 13% по сравнению с 2023 годом.

В результате обучения вы

Узнаете, как корректировать HTML-код, чтобы внести изменения в веб-страницу
Сможете добавлять стили к отдельным элементам сайта и менять их цвет, размер, отступы
Узнаете, как верстать, оформлять и добавлять контент для публикации на сайте
Решите практические задачи фронтенд-разработчика и разработаете свой первый проект

После этого курса вам будет проще стартовать в

Frontend-разработке

_________________________

Получите базовое понимание основных инструментов фронтенд-разработчика. Затем вы сможете углубить свои навыки и стать полноценным специалистом

Веб-разработке

_________________________

Сможете продолжить развитие в разработке внешней (frontend) или внутренней части сайтов (backend). Расширив компетенции, вы повысите свою востребованность у работодателей

Разработке на фрилансе

_________________________

Сможете самостоятельно брать заказы на вёрстку и разработку сайтов, понимать детали проектов и грамотно оценивать свою работу

Программа курса

Познакомитесь на практике с веб-разработкой: вёрсткой и созданием сайтов. Попробуете себя в роли фронтенд-разработчика и разработаете свой первый проект.

Изучайте теорию и сразу практикуетесь — на курсе будут проверочные тесты и практические задания с самопроверкой.

HTML и CSS: вёрстка сайтов

• Познакомитесь с тегами и атрибутами и сможете добавлять в текст заголовки, изображения, цитаты

• Потренируете навык формирования списков и поработаете с таблицами

• Познакомитесь с основами CSS и научитесь изменять размер шрифта, начертание, цвет на веб-странице

• Изучите форматы указания цвета и научитесь менять фон сайта

• Узнаете, что такое сервер и в чём суть клиент-серверного взаимодействия

Самостоятельная практика: вы потренируетесь верстать текст, менять расположение объектов, шрифты и цвета страницы

Основы frontend-разработки: JavaScript

• Разберётесь в задачах frontend-разработчика и узнаете больше о перспективах профессии

• Познакомитесь с основами языка JavaScript — поработаете с популярными конструкциями, такими как циклы и ветвления

• Реализуете функционал работы с данными, полученными с внешнего API

• Узнаете, как работать с хостингом, и опубликуете сайт на удалённом хостинге

Самостоятельная практика: вы создадите проект в формате сайта о персонажах Marvel на JavaScript и опубликуете сайт на удалённом хостинге

Подготовите итоговый проект — гайд «Герои вселенной Marvel»

Во время работы над домашними заданиями создадите проект в формате сайта о персонажах Marvel на JavaScript. Проект можно выполнять на любой операционной системе — вы будете использовать универсальные инструменты.