Frontend‑разработка

Научитесь верстать на HTML и CSS, освойте JavaScript и инструменты DevTools, чтобы работать с интерфейсом пользователя

Краткая информация

Ближайшие группы


  • 12 марта — 2 апреля
  • 18 июня — 9 июля
  • 17 сентября — 8 октября

Формат


  • Видеоуроки
  • Лонгриды
  • Тренажеры
  • Итоговый тест

Документ


  • Удостоверение о повышении квалификации или свидетельство, 32 ак. часа

Кому подойдет

Начинающим веб‑разработчикам

Получите актуальные знания и навыки для старта в профессии

Тестировщикам

Научитесь работать с пользовательской частью веб‑страниц, чтобы тестировать интерфейс и устранять ошибки

Другим IT‑специалистам

Освоите смежную специальность, чтобы найти новые инструменты для решения рабочих задач

Чему научитесь

  • Свободно использовать все доступные инструменты DevTools
  • Верстать веб‑страницы
  • Использовать HTML и CSS
  • Искать необходимые HTML‑элементы с помощью XPath- и CSS‑селекторов
  • Изменять параметры отображения элементов на странице
  • Работать с основными типами данных и конструкциями языка JavaScript

Что вас ждет на курсе

Методические материалы

В каждом уроке — подборка методических материалов с примерами, шаблонами, образцами документов и др. Скачивайте и используйте в работе

Обратная связь от экспертов

Эксперты Контур.Школы проверяют практические задания каждые 3–4 урока и дают развивающую обратную связь

Практические задания на реальных кейсах

  • Создадите HTML-файл с командами, которые будут выведены в консоли разработчика браузера.
  • Создадите HTML-файл с основными HTML-тегами, изображениями и ссылками.
  • Создадите HTML-файл c формами и таблицами.
  • Создадите HTML-файлы с применением CSS-стилей.
  • Исправите ошибки в HTML-файле, чтобы освоить все способы подключения CSS к HTML.
  • Составите CSS-селекторы и XPath-селекторы для поиска элементов в HTML-файле.
  • Напишете две простые программы на языке JavaScript.
  • Исправите ошибки в написанной программе для усвоения типов данных.
  • Напишете собственную программу с типами данных.
  • Создадите программу с классом, методами и свойствами класса.
  • Напишете программу с обработкой ошибок.
  • Напишете программу с генерацией ошибок с использованием конструкции throw.
  • Выполните итоговый проект.

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

Курс состоит из видеоуроков, текстовых параграфов, тестов для проверки знаний и заданий на отработку навыков с помощью тренажеров с автопроверкой кода.

Практические задания помогают закрепить теорию, но не влияют на успешное завершение обучения.
Вы можете выполнять их по желанию

2 тематических модуля
10 уроков
  • Работа с DevTools
    Теория. Инструменты разработчика Chrome. Инструменты разработчика Firefox. Консоль разработчика
    Практика. Использование инструментов разработчика Chrome и Firefox. Использование консоли разработчика: выведение
    команды из HTML-файла в консоль браузера
  • Основы HTML
    Теория. Что такое HTML. Основные HTML-теги
    Практика.
    Создание HTML-файла с основными HTML-тегами. Создание простых сайтов при помощи HTML
  • Изображения и ссылки в HTML
    Теория. Ссылки в HTML, для чего они используются, виды ссылок. Изображения в HTML. Фреймы в HTML
    Практика.
    Создание ссылок в HTML. Создание изображения
  • Формы и таблицы в HTML
    Теория. Формы в HTML: какие бывают, теги и атрибуты форм. Таблицы в HTML
    Практика.
    Создание форм в HTML. Создание таблицы при помощи HTML
  • Синтаксис и способы подключения CSS
    Теория. Что такое CSS. Структура CSS. Порядок применения стилей. Способы подключения CSS
    Практика. Применение CSS-стилей к HTML-документу. Подключение CSS-стилей разными способами
  • Селекторы
    Теория. Виды селекторов: тег, класс, идентификатор. CSS- и XPath-селекторы. Функции XPath-селекторов
    Практика. Составление CSS- и XPath-селекторов
  • Введение в JavaScript
    Теория. Основные понятия, стили программирования, применимость. Синтаксис языка JavaScript. Основные конструкции JS: циклы, операторы. Способ логирования: класс console
    Практика. Использование базового синтаксиса и конструкций
  • Типы данных
    Теория. Типы данных JS: Boolean, Number, BigInt, Symbol, String, Null, Undefined, Object. Способы преобразования типов данных: явное и неявное, конверсия. Операции с типами данных
    Практика. Применение различных способов преобразования типов данных
  • Объекты: основы
    Теория. Объекты и классы в JS: объявление, присвоение значения. Методы и свойства класса: инициализация, отображение в консоли
    Практика. Создание классов, свойств и методов внутри класса
  • Обработка ошибок
    Теория. Ошибки в JS: что это, виды ошибок. Встроенные и пользовательские ошибки. Перехват и обработка ошибок
    Практика. Обработка и генерация ошибок

Чтобы успешно сдать тест, необходимо правильно ответить на 12 вопросов из 15

Как проходит обучение

1.

Смотрите видео

Каждый урок разбит на смысловые блоки по 15-20 минут для удобства усвоения материала

2.

Изучаете материалы

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

3.

Закрепляете теорию

Практические задания с обратной связью от экспертов и отработка навыков в тренажере кода

4.

Сдаете итоговый тест

Чтобы получить документ, необходимо правильно ответить на 80% вопросов теста

А еще...

Помощь куратора

На все организационные вопросы ответит ваш куратор в рабочие дни с 9 до 18 мск.

Юсупова
Виктория

Техподдержка 24/7

Возникли технические проблемы? Обращайтесь — наши специалисты всегда на связи и готовы помочь.

Авторы и эксперты

  • Тимофей Сокерин

    эксперт в области тестирования в Контуре

  • Андрей Шарапов

    инженер‑программист в Контуре

  • Станислав Яковлев

    эксперт в тестировании и QA, Senior QA в InDrive, соавтор ТГ‑канала «Тестировщики нужны»

О Школе

Контур.Школа — лицензированный центр онлайн-образования. Помогаем получать, поддерживать и развивать профессиональные знания с 2010 года.

13 лет

на рынке онлайн-образования в России

1 млн +

специалистов получили официальные документы

4,8 из 5

оценка обучения, согласно анкетам обратной связи

Многопрофильный учебный центр

Исследуем потребности рынка и даем актуальные знания и востребованные навыки в различных сферах бизнеса. Обучайте сотрудников разных специальностей на одной платформе

Разные форматы обучения

Предлагаем объемные онлайн-курсы и вебинары, авторские семинары и экспертные статьи. Выбирайте удобный формат под свои задачи и задачи бизнеса

Мобильное приложение

Обучайтесь в любое время с любого устройства — смотрите видео, сдавайте тесты и задавайте вопросы. Все данные синхронизируются с веб-версией.

  • Заинтересовало обучение, но есть вопросы? Начните оформлять заявку. Менеджер свяжется с Вами

Оставьте заявку или купите онлайн

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

47 000 ₽

В рассрочку на 6 месяцев без переплат

7 834 ₽ / месяц

Заполняя форму, вы принимаете оферту, соглашаетесь на обработку персональных данных и получение информационных сообщений от группы компаний СКБ Контур.

Вопросы и ответы

Ваши преподаватели — эксперты и специалисты-тестировщики с опытом в IT от 5 лет.
Напишите нам (оставьте заявку на консультацию), и мы сориентируем по темам, которые сейчас находятся в разработке.
Сообщите нам, и мы подберем более подходящий период обучения.
Вам должно быть более 18 лет. Будьте готовы быстро осваивать новые программы и технологии: тестировщик точно должен быть опытным пользователем ПК.
Отправьте заявку на консультацию — мы поможем выбрать подходящие курсы для каждого сотрудника. Самый выгодный вариант — Годовая подписка на всю компанию. С ней вы сможете обучить специалистов разных направлений и сэкономить время и деньги.