интерактивные онлайн-курсы по HTML, CSS и JavaScript
Мы выбрали одно направление — фронтенд — и сделали самые подробные тренажёры о веб-технологиях. Одну тысячу пятьсот заданий в среднем проходят за три месяца.
Сто тридцать интерактивных заданий — бесплатные. После их прохождения вы сможете создать свой сайт.
С самого начала мы учим работать с живым кодом и самостоятельно решать задачи, приближённые к реальным. Также вас ждут испытания, принцип которых — «сверстай, как показано в образце».
Разобравшись с тренажёрами вы сможете принять участие в профессиональных курсах. Это профессиональные программы, где под руководством личного наставника вы научитесь создавать современные сайты и веб-приложения по критериям качества, принятым в веб-индустрии.
Интересные, наглядные и затягивающие курсы, интерактивные интерфейсы, достижения — всё для обучения с удовольствием. И конечно же, Инструктор Кекс. Заскучать не получится.
Всё начинается с сущей шалости.
«Я только попробую», — говоришь ты. А утром обнаруживаешь себя за компьютером и не можешь ответить, как долго просидел за ним, проходя онлайн‑курсы один за другим. Именно в этот момент всё выходит из-под контроля: базовый интенсив, продвинутый, JavaScript. И вот ты уже меняешь свою работу, жизнь и мечтаешь теперь об одном: стать ниндзя веб-разработки, в арсенале которого HTML, CSS, SVG и JavaScript. Ребятам из HTML Academy удалось невозможное: увлечь за собой многих «скучающих и сомневающихся» и занять их сложным, современным и очень классным делом.Ирина Смирнова, фронтенд-разработчик в Bookmate
Обучаясь в Академии, вы сэкономите огромное количество времени и научитесь правильно писать код, работать с реальными проектами и очень легко сможете продолжить свою карьеру фронтенд-разработчика самостоятельно. А также работа с наставником даёт большой опыт работы с кодом, потому что он всегда готов помочь в трудную минуту.Богдан Васкан, веб-разработчик в Synergic Software
Курсы Академии мне порекомендовали.
Всегда скептически относился к вебинарам, но обучение в Академии изменило это представление. Учиться действительно интересно, занимательно, и, самое главное, не скучно. Интенсив Академии просто «вбивает» в голову нужные и современные навыки и знания, которые пригодятся вам в любимом деле.Павел Цыганов, преподаватель
Для меня знакомство с миром вёрстки началось с книжек и скринкастов на YouTube. Это было интересно, но непросто. И вызывало больше вопросов, чем ответов. В процессе появилось понимание, что без структуры и обратной связи от опытных практиков обучение может растянуться до бесконечности. В какой-то момент я наткнулся на сайт Академии. Это было что-то принципиально новое, интересное и увлекательное. Я стал проходить курсы по HTML и CSS. Это напоминало увлекательную игру, в которой хочется пройти на новый уровень. Сразу вспомнилась моя любимая игра World of Warcraft. Выполнил задание — получил достижение.
В какой-то момент захотелось большего, и естественным продолжением стал интенсив. Месяц бессонных ночей, взорванный мозг, и вот, я смотрю на мой первый сайт. Потом на второй. И этот загадочный мир вёрстки начинает становиться понятным и уже родным. Для меня Академия стала прекрасным стартом, и я уверен, что будет отличным продолжением!Сергей Фоменко, ученик Академии
Если бы в школьную программу добавили обучение по таким интерактивным курсам, думаю, дети быстрей поняли, что им нравится, и лучше усваивали. Регулярно захожу на сайт, чтобы отдохнуть и вдобавок вспомнить, что давно не использовал в вёрстке. Советую всем тем, кто хочет держать себя в тонусе, и тем, кто учится. Поверьте такой подход обучения покажет свой результат, а если вы добавите ещё видео и книги, то пойдёт как по маслу. Поехали!Владислав Ридвановский, младший фронтенд-разработчик
HTML Academy — это новый уровень в онлайн-обучении.
Я даже представить не мог, что такой уровень подачи материала может быть в онлайн. Академия учит тебя думать как профессионал, делать как профессионал. Плюс ко всему Академия — это семья и сообщество в одном лице, где каждый найдёт себе собеседника, ответ на волнующий его вопрос. Ни разу не пожалел, что год тому назад решил попробовать их курсы!Дмитрий Руднев, фронтенд-разработчик в Greensight
Обучение в HTML Academy позволяет быстро погрузиться и качественно прокачаться в сфере фронтенда. Круто стать частью огромного волшебного мира и так скоро уже оказаться одним из лучших среди новых коллег.Артемий Альтигин, системный администратор
Справочные и учебные материалы для создания сайтов
Вы планируете начать изучать веб-технологии и научиться создавать сайты? Этот сайт поможет Вам на этом пути! Здесь вы найдете для себя актуальные учебные материалы с практическими заданиями, посвященные языку гипертекстовой разметки HyperText Markup Language)»>HTML 5, современному стандарту каскадных таблиц стилей CSS 3 и динамическому метаязыку на основе каскадных таблиц стилей LESS.
Ну, а если вы не новичок и уже сталкивались с разработкой сайтов, то вы найдете для себя подробные справочные материалы по HTML, CSS, языку программирования JavaScript и JavaScript библиотеке jQuery.
Описание JavaScript методов
21.11.2019
В раздел Объект String (справочник JavaScript) добавлено описание следующего метода:
- replace() (выполняет внутри строки поиск с использованием регулярного выражения (объект RegExp), или строкового значения и возвращает новую строку, в которой будут заменены найденные значения).
Описание JavaScript методов
14.11.2019
В раздел Объект String (справочник JavaScript) добавлено описание следующего метода:
- search() (выполняет поиск первого соответствия (сопоставления) регулярному выражению (объект RegExp) внутри строки).
Описание JavaScript методов
11.11.2019
В раздел Объект String (справочник JavaScript) добавлено описание следующего метода:
- match() (производит поиск по заданной строке с использованием регулярного выражения (глобальный объект RegExp) и возвращает массив, содержащий результаты этого поиска).
Описание JavaScript методов
28.10.2019
В раздел Объект Global (справочник JavaScript) добавлено описание следующих методов:
- decodeURIComponent() (декодирует управляющие последовательности символов в компоненте URI (англ. Uniform Resource Identifier – унифицированный идентификатор ресурса), ранее созданный encodeURIComponent(), или другим подобным способом).
- isNaN() (определяет, является ли передаваемое значение NaN (англ. Not-a-Number, «не число») и возвращает логическое значение).
Описание JavaScript методов
16.10.2019
В новый раздел Объект Global (справочник JavaScript) добавлено описание следующих методов:
- decodeURI() (декодирует URI (англ.
Uniform Resource Identifier – унифицированный идентификатор ресурса), ранее созданный функцией encodeURI(), или другим подобным способом).
- encodeURIComponent() (кодирует компонент URI (англ. Uniform Resource Identifier – унифицированный идентификатор ресурса) заменяя каждый экземпляр определенных символов одной, двумя, тремя или четырьмя управляющих последовательностей, представляющими кодировку символа UTF-8).
Описание JavaScript методов
07.10.2019
В новый раздел Объект Global (справочник JavaScript) добавлено описание следующего метода:
- encodeURI() (кодирует URI (англ. Uniform Resource Identifier – унифицированный идентификатор ресурса) заменяя каждый экземпляр определенных символов одной, двумя, тремя или четырьмя управляющих последовательностей, представляющими кодировку символа UTF-8).
Описание JavaScript методов
29.09.2019
В раздел Объект Math (справочник JavaScript) добавлено описание следующих методов:
- max() (позволяет найти и возвратить наибольшее из переданных чисел).
- min() (позволяет найти и возвратить наименьшее из переданных чисел).
Описание JavaScript методов
16.09.2019
В раздел Объект Math (справочник JavaScript) добавлено описание следующих методов:
- floor() (вычисляет и возвращает наибольшее целое число, которое меньше или равно переданному числу (округляет число вниз).
- random() (возвращает псевдослучайное число от 0 до 1).
Описание JavaScript методов
13.09.2019
В новый раздел Объект Math (справочник JavaScript) добавлено описание следующего метода:
- ceil() (вычисляет и возвращает наименьшее целое число, которое больше или равно переданному числу (округляет число вверх).
Описание CSS свойств
10.09.2019
В раздел CSS справочник добавлено описание следующего свойства:
- user-select (определяет может ли пользователь выделить текст элемента).
1 | 2 | 3 | 4 | 5 | ❯ | Последняя
Учебный курс по HTML — TeachUcomp, Inc.

Описание курса
Изучите HTML5 и CSS3 с помощью этого всестороннего курса от TeachUcomp, Inc. Освоение HTML5 и CSS3 Made Easy содержит 125 видеоуроков с 3,5 часами вводного обучения и углубленного обучения. Смотрите, слушайте и учитесь, пока ваш опытный инструктор шаг за шагом проведет вас через каждый урок. Во время этого мультимедийного обучения вы увидите, как каждая функция выполняется так, как если бы ваш инструктор был рядом с вами. Подкрепите свое обучение текстом нашего печатного учебного пособия для занятий, дополнительными изображениями и практическими упражнениями. Вы узнаете, как создать веб-сайт с нуля, изучив все методы добавления различных элементов веб-сайта — текста, ссылок, изображений, CSS и многого другого.
Если вы совершенно не знакомы с HTML и CSS или просто нуждаетесь в повышении квалификации, этот курс предоставит вам знания и навыки, необходимые для опытного пользователя HTML. Мы объединили многолетний опыт обучения в классе и методы обучения, чтобы разработать простой в использовании курс, который вы можете настроить в соответствии со своими личными потребностями в обучении. Просто запустите простой в использовании интерфейс, нажмите, чтобы начать видеоурок или откройте руководство, и вы уже на пути к освоению HTML5 и CSS3.
Программа курса и примеры уроков
Выберите любой из отмеченных видеоуроков, чтобы просмотреть их в новом окне.
Чтобы просмотреть образцы руководств по эксплуатации в формате PDF, нажмите здесь: Введение HTML5 и CSS3
ГЛАВА 1- | Знакомство с HTML | |
Урок 1.1- | Введение в Интернет | |
Урок 1.2- | Введение в терминологию HTML | |
Урок 1.3- | Опции для написания HTML | |
Урок 1.4- | Формат преобразования Юникода (UTF) | |
Урок 1.5- | Ресурсы HTML5 | |
ГЛАВА 2- | Новое для HTML5 | |
Урок 2.![]() | Чем отличается HTML5? | |
Урок 2.2- | в HTML5 | |
ГЛАВА 3- | Дизайн веб-страницы | |
Урок 3.1- | Вопросы дизайна и планирование | |
Урок 3.2- | Основные теги и структура документа | |
Урок 3.3- | тегов HTML | |
Урок 3.4- | Ярлыки для головок | |
Урок 3.5- | Теги заголовков | |
Урок 3.6- | Бирки для тела | |
Урок 3.7- | Метаданные | |
Урок 3.8- | Сохранение HTML-страницы | |
ГЛАВА 4- | Форматирование страницы | |
Урок 4.1- | Добавление нового абзаца | |
Урок 4.![]() | Добавление разрыва строки | |
Урок 4.3- | Вставка пробела | |
Урок 4.4- | Предварительно отформатированный текст | |
Урок 4.5- | Изменение цвета фона страницы | |
Урок 4.6- | Разделительный элемент | |
ГЛАВА 5- | Текстовые элементы и объекты | |
Урок 5.1- | Рубрики | |
Урок 5.2- | Комментарии | |
Урок 5.3- | Блочные котировки | |
Урок 5.4- | Горизонтальные линии | |
Урок 5.5- | Специальные символы | |
ГЛАВА 6- | Создание списков | |
Урок 6.1- | Нумерованные (упорядоченные) списки | |
Урок 6.![]() | Маркированные (ненумерованные) списки | |
Урок 6.3- | Вложенные списки | |
Урок 6.4- | Списки определений | |
ГЛАВА 7- | Ссылки | |
Урок 7.1- | Что такое ссылки? | |
Урок 7.2- | Текстовые ссылки | |
Урок 7.3- | Ссылки на изображения | |
Урок 7.4- | Открытие страницы в новом окне или вкладке | |
Урок 7.5- | Установка всех ссылок на странице для открытия в новом окне или вкладке | |
Урок 7.6- | Ссылка на область на той же странице (закладки) | |
Урок 7.7- | Ссылка на адрес электронной почты | |
Урок 7.8- | Связывание с другими типами файлов | |
ГЛАВА 8- | Изображения | |
Урок 8.![]() | Знакомство с изображениями для веб-страниц | |
Урок 8.2- | Добавление изображений на веб-страницы | |
Урок 8.3- | Изменение размера изображения | |
Урок 8.4- | Альтернативный (ALT) текст | |
Урок 8.5- | Этикетки изображений | |
ГЛАВА 9- | Базовые столы | |
Урок 9.1- | Вставка таблицы | |
Урок 9.2- | Границы стола | |
Урок 9.3- | Заголовки таблиц | |
ГЛАВА 10- | Интерактивные кадры | |
Урок 10.1- | Что такое iframe? | |
Урок 10.2- | Вставка фреймов | |
Урок 10.3- | Настройка высоты и ширины | |
Урок 10.![]() | Использование Iframe для цели ссылки | |
ГЛАВА 11- | Формы | |
Урок 11.1- | О формах | |
Урок 11.2- | Отправка на E-mail | |
Урок 11.3- | Текстовые поля | |
Урок 11.4- | Текстовые области | |
Урок 11.5- | Флажки | |
Урок 11.6- | Списки меню | |
Урок 11.7- | Радиокнопки | |
Урок 11.8- | Кнопка отправки | |
Урок 11.9- | Кнопка сброса | |
Урок 11.10- | Изменение порядка вкладок | |
ГЛАВА 12- | Видео и аудио | |
Урок 12.1- | О видео- и аудиофайлах | |
Урок 12.![]() | Связывание с видео- и аудиофайлами | |
Урок 12.3- | Добавление видео | |
Урок 12.4- | Добавление аудио | |
Урок 12.5- | Использование YouTube для отображения видео | |
ГЛАВА 13- | Поиск и устранение неисправностей | |
Урок 13.1- | Поиск и устранение неисправностей | |
ГЛАВА 14- | Каскадные таблицы стилей | |
Урок 14.1- | Что такое каскадные таблицы стилей? | |
Урок 14.2- | Синтаксис CSS | |
Урок 14.3- | Создание внешнего CSS | |
Урок 14.4- | Связывание с CSS | |
Урок 14.5- | Добавление комментариев и примечаний к CSS | |
Урок 14.![]() | Создание внутренней таблицы стилей | |
Урок 14.7- | ID и класс | |
Урок 14.8- | Встроенный стиль | |
ГЛАВА 15- | Работа с текстом в CSS | |
Урок 15.1- | Выделение текста (жирный и курсив) | |
Урок 15.2- | Украшение | |
Урок 15.3- | Отступ | |
Урок 15.4- | Трансформация | |
Урок 15.5- | Выравнивание текста | |
Урок 15.6- | Шрифты | |
Урок 15.7- | Размеры шрифта | |
Урок 15.8- | Межбуквенный интервал (Кернинг) | |
Урок 15.9- | Межстрочный интервал (Интерлиньяж) | |
Урок 15.10- | Цвет текста | |
Урок 15.![]() | Поля | |
Урок 15.12- | Прокладка | |
Урок 15.13- | Границы | |
Урок 15.14- | Звенья для укладки | |
Урок 15.15- | Стили номеров и маркеров | |
Урок 15.16- | Калибровочные элементы | |
Урок 15.17- | Обтекание текстом | |
Урок 15.18- | Слежка | |
ГЛАВА 16- | Создание фона в CSS | |
Урок 16.1- | Цвета | |
Урок 16.2- | Изображения | |
Урок 16.3- | Фиксированные изображения | |
ГЛАВА 17- | Изображения в CSS | |
Урок 17.1- | Непрозрачность | |
Урок 17.![]() | Плавающие изображения | |
Урок 17.3- | Галереи изображений | |
Урок 17.4- | Спрайты изображений | |
ГЛАВА 18- | Блочная модель в CSS | |
Урок 18.1- | Что такое коробочная модель? | |
Урок 18.2- | Маржа | |
Урок 18.3- | Прокладка | |
Урок 18.4- | Граница | |
Урок 18.5- | Контур | |
ГЛАВА 19- | Работа с элементами в CSS | |
Урок 19.1- | Дисплей и видимость | |
Урок 19.2- | Группировка и вложение | |
Урок 19.3- | Размеры элементов | |
Урок 19.4- | Позиционирование | |
Урок 19.![]() | Плавающий | |
Урок 19.6- | Псевдоклассы/псевдоэлементы | |
ГЛАВА 20- | Добавление панели навигации в CSS | |
Урок 20.1- | Вертикальная панель навигации | |
Урок 20.2- | Горизонтальная панель навигации — встроенная | |
Урок 20.3- | Горизонтальная панель навигации — плавающая | |
ГЛАВА 21- | Столы CSS | |
Урок 21.1- | Границы | |
Урок 21.2- | Свернутые границы | |
Урок 21.3- | Ширина таблицы и высота ячейки | |
Урок 21.4- | Цвет стола | |
Урок 21.5- | Текстовый элемент таблицы | |
Урок 21.6- | Обивка стола | |
ГЛАВА 22- | Работа с преобразованиями в CSS | |
Урок 22.![]() | Что такое преобразования? | |
Урок 22.2- | 2D-преобразования | |
Урок 22.3- | 3D-преобразования | |
ГЛАВА 23- | Переходы и анимация в CSS | |
Урок 23.1- | Переходы | |
Урок 23.2- | Анимации | |
ГЛАВА 24- | Сокращение CSS | |
Урок 24.1- | Сокращенные свойства |
Обзор учебного курса HTML
HTML — это язык программирования для Интернета. Сегодняшнее программное обеспечение для веб-разработки WYSIWYG (What You See Is What You Get) (например, Adobe Dreamweaver и WordPress) позволяет создавать веб-страницы методом «укажи и щелкни», записывая HTML-код за кулисами. Тем не менее, по-прежнему важно понимать язык веб-страниц. Во время этого 3,5-часового обучающего видеокурса по HTML5 и CSS3 наш опытный инструктор научит вас создавать базовую веб-страницу с использованием HTML, а также множество элементов страниц, включая текст, ссылки, фреймы, формы и многое другое. Этот учебник по HTML охватывает тот же материал, что и наше обучение в классе, и был разработан, чтобы обеспечить прочную основу в HTML.
Курс включает в себя видеоуроки, печатное руководство по эксплуатации, практический экзамен с оценочной обратной связью (узнайте, почему ваши ответы правильные или неправильные), сдачу итогового экзамена и сертификат об окончании курса.
В TeachUcomp, Inc. вы сами выбираете, как вы хотите проводить обучение HTML.
Онлайн-подписки предлагают наибольшую гибкость и выгоду. Благодаря онлайн-обучению вы можете получить доступ к своим курсам в любое время и в любом месте, где есть подключение к Интернету (включая все новые выпуски и обновления). Ваша подписка предоставляет вам мгновенный доступ ко ВСЕМ нашим курсам по одной низкой цене. Контрактов нет, и вы можете отменить их в любое время. Вы можете выбрать между ежемесячным или годовым планом.
Курсы также доступны по отдельности через цифровую загрузку и в Интернете за единовременную плату.
Архивы учебников HTML — TeachUcomp, Inc.
Комментарии в HTML – Инструкции
Среда, 22 июня 2022 г. Джозеф Браунелл
Обзор того, как добавлять комментарии в HTML В этом руководстве показано, как добавлять комментарии в HTML. Вы можете вставлять комментарии в свой HTML-код в качестве формы документации. Они также могут делать заметки для себя или других дизайнеров, просматривающих ваш код. Комментарии появляются только в коде HTML и не
- Опубликовано в HTML, последний
Без комментариев
Предварительный тег в HTML — инструкции
понедельник, 20 июня 2022 г. Джозеф Браунелл
Обзор использования тега Pre в HTML В этом руководстве показано, как использовать тег Pre в HTML. Тег Pre в HTML определяет раздел предварительно отформатированного текста на веб-странице. Текст обычно отображается в веб-браузерах как моноширинный шрифт фиксированной ширины. Тег Pre в HTML
- Опубликовано в HTML, последний
Без комментариев
Как применить курсив в HTML — инструкции
Среда, 15 июня 2022 г. Джозеф Браунелл
Обзор того, как применять курсив в HTML Как применять курсив в HTML с помощью CSS В этом руководстве показано, как применять курсив в HTML. Чтобы применить курсив в HTML, вы должны использовать правило стиля CSS и свойство «font-style». Вы можете применить стиль CSS, используя встроенный, внутренний или внешний
- Опубликовано в HTML, последний
Без комментариев
Как сделать текст жирным в HTML — инструкции
Вторник, 14 июня 2022 г. Джозеф Браунелл
Общие сведения о выделении текста жирным шрифтом в HTML В этом руководстве показано, как выделить текст жирным шрифтом в HTML. Чтобы выделить жирный текст в HTML, вы должны применить выделение полужирным шрифтом, используя правило стиля CSS и свойство «font-weight». Вы можете применить стиль CSS, используя встроенный, внутренний или внешний CSS, по мере необходимости, хотя встроенный
- Опубликовано в HTML, последний
Без комментариев
Как использовать тег DIV в HTML — инструкции
Понедельник, 28 марта 2022 г. Джозеф Браунелл
Обзор тега DIV в HTML: Тег DIV в HTML используется для разделения разделов HTML-документа. Использование тега DIV позволяет определять разделы HTML-документа на уровне блоков. Применение тега DIV позволяет идентифицировать раздел, определенный тегом DIV, поэтому вы можете
- Опубликовано в HTML, последний
Без комментариев
Абзацы в HTML – Инструкции и видео урок
Четверг, 22 июля 2021 г. Джозеф Браунелл
Обзор абзацев в HTML В этом руководстве показано, как создавать абзацы в HTML. При работе в текстовом редакторе, таком как Microsoft Word, вы нажимаете клавишу «Enter» или «Return» на клавиатуре, чтобы начать новый абзац. Веб-браузеры не распознают эти разрывы строк. Вместо этого вы должны
- Опубликовано в HTML, последний
Без комментариев
Добавить пробел в HTML – Инструкции
вторник, 20 июля 2021 г. Джозеф Браунелл
Добавление пробела в HTML: обзор В этом руководстве показано, как добавить пробел в HTML. Любые пробелы, которые вы вводите в текст HTML для отображения в браузере, кроме одного пробела между словами, игнорируются. Таким образом, вы должны кодировать желаемые пробелы в вашем документе. Вы можете добавить
- Опубликовано в HTML, последний
Без комментариев
Добавление разрыва строки в HTML — Учебное пособие
вторник, 23 августа 2016 г.