Онлайн-курс

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

Дата

Идет набор

32 час

Цена

47000

Компания

Контур.Школа
Рейтинг 4.5

Место проведения

Онлайн

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

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

Начинающим веб‑разработчикам
Получите актуальные знания и навыки для старта в профессии
Тестировщикам
Научитесь работать с пользовательской частью веб‑страниц, чтобы тестировать интерфейс и устранять ошибки
Другим 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

Контур.Школа

Выберите свой формат обучения — вебинары, курсы и лекции от ведущих экспертов. Смотрите записи и онлайн-трансляции, задавайте любые вопросы. Пройдите итоговое тестирование и получите документ об образовании.

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

Корпоративное обучение

Сформируем индивидуальное предложение со скидкой до 60%. Корпоративный тариф действует при обучении от 3х сотрудников на любых направлениях Контур.Школы.

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

Шаг 1. Смотрите уроки

В записи или в прямом эфире, обсуждайте тему урока в чате с экспертами.

Шаг 2. Сдавайте тесты

Проверяйте полученные знания после каждого урока неограниченное количество раз и готовьтесь к итоговому тесту.

Шаг 3. Получите документ

Сдайте итоговый тест, и документ будет ждать в личном кабинете. Вы сможете скачать его или отследить оригинал по трек-номеру.

А еще...

Общайтесь с экспертами

Во время обучения эксперты Контур.Школы ответят на ваш вопрос в течение двух рабочих дней.

Скачивайте авторские материалы

Пользуйтесь методическими материалами во время обучения и после, они останутся с вами навсегда.

 

Преимущества Контур.Школы

   

10 лет безупречной репутации

Мы обучили 394 000 специалистов по закупкам, бухгалтеров, кадровиков, руководителей и специалистов служб охраны труда.

Соответствие профстандарту

Программы курсов прошли проверку Департамента образования города Москвы и соответствуют профстандарту.

 

 

Бессрочная лицензия

Лицензированный учебный центр онлайн-образования для коммерческих организаций и учреждений государственного сектора.

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

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

   

 

 

Разные форматы

Видео, методические материалы, чек-листы, онлайн-тесты, образцы документов и подборки нормативных документов.

Персональная поддержка

Поддержка куратора и эксперта на весь период обучения, а также круглосуточная техническая поддержка.

 

Статьи по теме

Как стать Frontend-разработчиком с нуля – что нужно знать

Число сайтов в интернете постоянно повышается и один из специалистов, имеющих к этому прямое отношение, это frontend-разработчик. Он отвечает за пользовательский интерфейс веб-ресурсов. Так что пока новые сайты будут нужны или есть потребность в совершенствовании старых версий, будут...

Профессия Frontend-разработчик – что делает, как им стать, зарплата в России

Одно из самых востребованных сейчас направлений в программировании – frontend-разработка. Мечтаете успешно стартовать в сфере IT? Узнайте, как стать крутым фронтенд-разработчиком, где пройти обучение и как начать профессиональную карьеру.

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