Это небольшое обзорное видео курса "Javascript. Работа с HTML и CSS.".
Язык Javascript имеет мощные средства для того, чтобы работать с такими технологиями как HTML и CSS. Это становиться возможным благодаря тому, что Javascript взаимодействует с так называем DOM (Document Object Model) деревом веб-страницы.
Подробнее об этом взаимодействии Javascript и DOM, мы и будем говорить в этом курсе.
Для начала, давайте попробуем ответить на вопрос, а для чего это нам нужно.
Ответ здесь довольно простой. Главная задача для чего это делается - это автоматизация.
+ С помощью Javascript мы можем менять содержимое и внешний вид элементов в зависимости от каких-то условий, которые образовались на странице.
Пользователь кликнул по какому-то элементу на веб-странице и этот элемент поменял свое оформление.
Пользователь навел курсор мыши в определенный участок экрана и этот участок поменял свое оформление.
Таких ситуаций может быть очень много и Javascript позволяет решать подобные задачи.
+ С помощью Javascript можно выполнять какие-то действия, определенное количество раз и в определенной последовательности с элементами HTML и CSS.
+ Мы можем производить какие-то расчеты и.т.д.
Самая главная цель, зачем работать с HTML и CSS с помощью Javascript - это автоматизация.
В видео выше вы можете посмотреть несколько примеров того, как Javascript может взаимодействовать с HTML и CSS. К примеру, это может быть 3D-карусель картинок, калькулятор для сайта, который рассчитывает какие-то параметры, аккордеоны, меню, и.т.д.
Задача этого курса - научиться базовым приемам взаимодействия с HTML и CSS с помощью Javascript.
Мы будем учиться как выбирать элементы, как добавлять какие-то элементы на веб-страницу с помощью Javascript, как удалять и изменять эти элементы и.т.д.
Напишите в комментариях примеры ситуаций, когда вам может понадобиться работа с DOM в Javascript.
Готовим базу знаний для новой категории навыков, которые нужны веб-программисту. Как это организую я, можно посмотреть здесь
Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:
Email - зарегистрироваться / войти