Основы HTML, CSS и JavaScript

Курс от Skypro x HeadHunter поможет освоить основные языки веб-разработки, создать сайт с мини-играми — и открыть путь к новой карьере.
Попробовать
На этих языках не разговаривают
HTML, CSS и JavaScript — ваша base в мире программирования. Они пригодятся всем: от веб-дизайнеров до разработчиков.
Зато пишут сайты
Если освоите их, начнете создавать сайты и приложения, а еще — мощно прокачаете резюме и портфолио.
и зарабатывают
Чтобы вы нашли любимую работу
HeadHunter знает, где искать классные вакансии, а Skypro — как их получить.
Вместе мы дадим вам самые актуальные знания и навыки, которые ищут все работодатели.
подружились
Кому подойдет?
Разработчикам
Чтобы собирать быстрые, красивые и интерактивные сайты.
Новичкам в разработке
Чтобы освоить HTML, CSS и JavaScript с нуля.
Всем, кто ищет себя
Чтобы начать новую карьеру или получить дополнительный заработок.
Как проходит обучение
Работаем в инструменте с первого урока
Оттачивайте все навыки сразу на практике.
Закрепляйте навыки на упражнениях
Выполняйте тесты и практические задания.
Итоговый проект: интерактивный сайт
С нуля сверстаете сайт с мини-играми.
Все уроки открываются сразу
Учитесь в комфортном для себя темпе.
Чему вы научитесь
Использовать
операторы и условия
Научитесь применять логические и арифметические операторы и писать условия.
Создавать циклы и функции
Освоите циклы, научитесь объявлять функции и работать с параметрами.
Отлаживать и тестировать код
Освоите инструменты отладки, научитесь писать простые тесты для проверки кода.
Работать с текстом и заголовками
Освоите теги <h1>-‹h6>, <p>, ‹span>, ‹br› и научитесь форматировать текст.
Использовать семантические теги
Поймете, как применять <header>,
<footer>, <section>, <article> и улучшать структуру сайта.
Добавлять ссылки и изображения
Научитесь вставлять картинки через <img> и создавать гиперссылки с помощью <a>.
Форматировать списки и таблицы
Узнаете, как создавать маркированные, нумерованные списки и таблицы
Публиковать сайт в интернете
Научитесь выкладывать готовый проект на хостинг (GitHub Pages, Netlify) и делиться им с пользователями.
Добавлять контент в HTML
с помощью CSS
Научитесь добавлять надписи, иконки и декоративные детали через стили.
Фрагментировать и импортировать
Поймете, как разбивать данные на части и переносить их в нужный проект.
Работать с переменными и типами данных
Освоите объявление переменных, изучите примитивные типы данных и их преобразование.
Работать с массивами
и объектами
Научитесь создавать и модифицировать
MacCuBbI (METORbI push/splice/map),
работать с объектами и их свойствами.
Преподаватель
курса

Супергерои, которые вас научат

Лектор, который ведет занятия и вас — к новой работе или повышению на текущей
Лёша Кадочников
Работал разработчиком в VK. 9 лет во frontend-разработке.

Список тем курса

Введение и основы разработки 💻
  • Задачи frontend-разработчика
  • Основы Git и GitHub
  • Знакомство с JavaScript
HTML и структура страницы ⚙️
  • Основы HTML
  • Строчные и блочные элементы
  • Методология БЭМ
  • Работа с формами
  • Основы работы DOM
CSS и стилизация 🖼
  • Основы CSS
  • Препроцессоры CSS
  • Декоративные элементы и анимация для сайта
Позиционирование и работа с макетом 📜
  • Работа с макетом Figma
  • Позиционирование элементов. Flexbox
  • Позиционирование. Grid Layout
Адаптивный дизайн и публикация 📲
  • Введение в адаптивный дизайн
  • Практика создания адаптивного дизайна
  • Финальная проверка сайта + курсовая «Верстка и дизайн»
JavaScript: основы программирования ⌨️
  • Переменные. Типы данных
  • Условное ветвление
  • Циклы
  • Функции
  • Массивы
  • Встроенные объекты
  • Callback, setTimeout, setInterval + курсовая «Основы JavaScript»
Код для сбора аккардеона ⬇️
24 урока по HTML, CSS и JavaScript
Понятный материал даже для новичков
Тесты, практические задания и итоговый проект
Вечный доступ к материалам курса
Все нужные навыки по HTML, CSS и JavaScript — в одном месте
Учеба в любое время на удобной платформе
от 19 960 ₽
-75%
от 19 960 ₽
-75%
4990 ₽
Учитесь уже сейчас — по выгодной цене
Оплатить

Стоимость курса

Заполнить данные и перейти к оформлению

Истории наших студентов

Ответы на вопросы