Календарь 2 месяца
звезда 4.8 Сравни.Ру | Рекомендовано РБК

Освоите навык Web-разработки: от HTML до JS

Краткий курс по веб-программированию: подойдет продактам, дизайнерам и маркетологам
Для тех, кто хочет запускать свои сайты и проекты без привлечения программистов
Сможете быстро и без воды освоить HTML, CSS и JavaScript
Купить курс
star01

Навыки

Вы будете уметь:

  • Создавать веб-страницы с использованием HTML и семантической разметки
  • Применять CSS для стилизации, адаптивной верстки и кроссбраузерной поддержки
  • Писать клиентский JavaScript-код
  • Работать с DOM-деревом и динамически изменять содержимое страниц
  • Обрабатывать события и взаимодействовать с сервером
  • Создавать простые веб-приложения с нуля

Инструменты

JavaScriptJavaScript
HTML5HTML5
CSS3CSS3
DOM APIDOM API
DevToolsDevTools
Инструменты отладки JavaScriptИнструменты отладки JavaScript
Справочники: MDN, CSS TricksСправочники: MDN, CSS Tricks
и другие

Портфолио

ProductStar
star02

Программа

Сначала — фундамент из знаний, потом — инструменты, далее — задачи. Вы двигаетесь по модулям в размеренном темпе, без лишней теории и с возможностью углубиться, если нужно.
Ступень 1Навык Web-разработки с нуляplus
Блок 1Структура веб-страницы, базовый HTMLarrow-down

Познакомитесь с базовыми понятиями HTML, структурой веб-страницы и семантической разметкой.

  • Что такое HTML

  • Знакомство с HTML-элементами

  • Структура HTML-документа

  • Семантическая верстка

  • Справочники и руководства

  • Практика: создаем первую HTML-страницу

Блок 2Базовый CSS, селекторы и каскадarrow-down

Освоите основы CSS, научитесь подключать стили и работать с селекторами.

  • Что такое CSS

  • Способы добавления CSS в документ

  • Селекторы, каскад и специфичность

  • Стили строчных элементов

  • Блочная модель

  • Практика: стилизуем HTML-страницу

Блок 3Продвинутый CSS, адаптивность и кроссбраузерностьarrow-down

Углубитесь в адаптивную верстку, освоите Flexbox и медиазапросы.

  • Единицы измерения

  • Overflow, позиционирование

  • Flex

  • Media-запросы

  • Кроссбраузерность

  • Практика: адаптивное веб-приложение

Блок 4Основы языка, инструменты для разработки и отладкиarrow-down

Начнете программировать на JavaScript, изучите синтаксис, переменные и условные конструкции.

  • Что такое JavaScript

  • Подключение JS к странице

  • Переменные, типы данных

  • Операторы, условия, циклы

  • Практика: конвертер единиц измерения

Блок 5Объекты, массивы, функцииarrow-down

Познакомитесь с основными структурами данных и функциями JavaScript.

  • Функции

  • Объекты

  • Массивы и методы

  • Практика: генератор случайной погоды

Блок 6DOM-модель и работа со страницейarrow-down

Изучите взаимодействие с HTML-документом через JavaScript и DOM.

  • Окружение браузера и DOM

  • Выбор элементов, свойства и атрибуты

  • Управление элементами, классами и стилями

  • Практика: динамические функции в приложении

Блок 7Обработка событийarrow-down

Научитесь обрабатывать действия пользователей и использовать делегирование событий.

  • Назначение обработчиков

  • Объект события

  • Всплытие и погружение

  • Отмена действия по умолчанию

  • Делегирование и типы событий

  • Практика: рефакторинг и отображение загрузки

Блок 8Взаимодействие с серверомarrow-down

Узнаете, как выполнять асинхронные запросы и обрабатывать данные с сервера.

  • Таймеры

  • Promise

  • Сетевые запросы

  • Практика: обновление данных и картинок с сервера

star03

Купите курс со скидкой 50%

Полная стоимость обучения
19 900 ₽39 800 ₽−50%
4 975 ₽ x 4 платежа
Разделите покупку на 4 платежа по 4 975 ₽
стрелкаОбучение в любое время в онлайн-формате
стрелкаПолучите сертификат о прохождении курса
стрелкаВернем деньги, если курс не подойдет
star04

Преподаватели

Наши эксперты — практики из крупных корпораций.Они знают, чем живет рынок и предлагают только те навыки и инструменты, которые реально работают.

Александр Зинченко

Руководитель группы web-разработки, Газпром-медиа Развлекательное ТВ

star05

Часто задаваемые вопросы

Если у вас остались вопросы об онлайн-курсе по web-разработке для начинающих, вы можете оставить заявку и наш гид поможет вам разобраться.
Что потребуется для успешного обучения?

Для комфортного обучения разработке веб-сайтов с нуля и решения практических задач вам понадобится ноутбук или ПК. Лекции и уроки можно смотреть и с мобильного телефона.

Как я буду искать работу?

Все студенты ищут работу вместе с Карьерным центром ProductStar.

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

С какого возраста можно начинать обучение?

Учиться можно в любом возрасте, но оплачивать — только с 18 лет. Если вам меньше 18, уточните у менеджера, какие у вас есть возможности оплаты и как вам начать обучение.

Можно ли оплатить курс по частям?

Да, у нас есть удобная опция беспроцентной рассрочки.

Также мы понимаем, что формат обучения для каждого индивидуален — поэтому даем гарантию возврата полной суммы в течение 21 дня после оплаты, чтобы вы успели попробовать наш курс и решить, подходит ли он вам.

ProductStar — это школа актуального образования от РБК
1

Курсы обновляются вместе с индустрией

2

Знания, которые нужны здесь и сейчас

3

Без теории ради теории

4

Без устаревших подходов

5

С активным сообществом специалистов и каналом актуальных вакансий