Credit Card Checkout

Верстка формы на HTML и SCSS. Значения в карточке устанавливаются в JS.

#js

​Каскад и специфичность в CSS - это просто

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

#ru

❓ Хотите создать свою первую веб-страницу с нуля? Без магии и кодерских заклинаний — только HTML, CSS и ваши идеи!

👉 На открытом вебинаре «Создаем свою первую страницу: HTML и CSS» вы узнаете, как работают основные элементы веб-разработки: от структуры HTML до современной стилизации с CSS.

Мы разберем шаги, которые помогают создать не просто страницу, а основу для вашего портфолио или будущего сайта!

💪 Это ваш шанс научиться веб-разработке, используя простой и мощный инструментарий. Уже на вебинаре вы создадите свою первую веб-страницу — с текстом, картинками и уникальным дизайном!

⏰ Регистрируйтесь на открытый урок 3 декабря в 19:00 мск! Урок проходит в преддверии старта курса «Fullstack Developer», участники вебинара получат скидку на обучение.

👉 Для участия зарегистрируйтесь

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Countdown

Счетчик времени до Нового года.

#js

JavaScript. Что будет выведено в консоль?

Ответ

Winter papercut

Зимняя сценка с анимированным снегом.

#js

​Черт тебя возьми, CSS

В этой статье:

- Нюансы работы синтаксиса of S для псевдо-класса :nth-child()
- Случаи использования свойства aspect-ratio, неожиданно ломающие вёрстку
- Различия между псевдоклассом lang() и селектором по атрибуту [lang=""].

#ru

Interactive ropes background

Создано на canvas и JS без использования библиотек.

#js

Hollow Box Click Me Load More Animation

Анимация загрузки предоставлена в виде квадрата, реализована с помощью CSS.

#css

JavaScript. Задача

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

Необходимо составить программу нахождения цифрового корня натурального числа.

Входные данные: N - натуральное число, где 0 <= N <= 10^9

Вывод: цифровой корень числа N

Ответ

🎁 Бесплатный урок курса «Fullstack Developer» на JS.
🚀 Тема: Манипуляции с HTML и CSS с помощью JavaScript — основы динамичного взаимодействия с элементами страницы
⏰ Дата и время: 18.12.2024 в 20:00

👉 Зарегистрироваться на урок

Что будет на вебинаре?
- Работа с DOM: освоим поиск, изменение и добавление HTML-элементов с помощью JavaScript, чтобы сделать страницы интерактивными.
- Реагирование на клики и события: как с помощью JavaScript управлять действиями пользователя, изменяя элементы страницы по щелчкам, вводам и другим событиям.
- Основы изменения стилей: научимся добавлять и убирать классы, менять стили CSS для динамического управления внешним видом элементов.

Что узнают участники?
- Как использовать JavaScript для взаимодействия с HTML и CSS, включая управление элементами страницы через простые клики и другие события.
- Основные методы изменения стилей и классов, чтобы делать интерфейсы более динамичными.
- Практические навыки для применения в небольших проектах, позволяя создавать страницы с интерактивными элементами, которые реагируют на действия пользователей.

Бонус для участников:
- Справочник по HTML
- Справочник по CSS

Урок пройдет в рамках курса «Fullstack Developer». Скидка на курс 15%.

👉 Зарегистрироваться на урок

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru