Learning Angular

Авторы: Aristeidis Bampakos, Pablo Deeleman
Год издания: 2023

#js #angular #en

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

Ответ

Gentle button 'explode'

Визуальные эффекты при наведении мыши на кнопку. Использованы SCSS и JS.

#js

JavaScript. BOM (Browser Object Model)

Объектная модель браузера (Browser Object Model, BOM) – это дополнительные объекты, предоставляемые браузером (окружением), чтобы работать со всем, кроме документа.

Например:
- Объект navigator даёт информацию о самом браузере и операционной системе. Среди множества его свойств самыми известными являются: navigator.userAgent – информация о текущем браузере, и navigator.platform – информация о платформе (может помочь в понимании того, в какой ОС открыт браузер – Windows/Linux/Mac и так далее).
- Объект location позволяет получить текущий URL и перенаправить браузер по новому адресу.

Пример как мы можем использовать объект location показан на рисунке.

Функции alert/confirm/prompt тоже являются частью BOM: они не относятся непосредственно к странице, но представляют собой методы объекта окна браузера для коммуникации с пользователем.

Bees lines loading

Необычная анимация загрузки, реализованная на HTML и CSS.

#css

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

Ответ

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

Ответ

Title transparent & border

Прозрачный заголовок и дизайн границ, реализован с помощью CSS.

#css

sting

Поворачивающиеся жала скорпионов(?). Сделано на чистом CSS.

#css

JavaScript. Использование Object.defineProperty для настройки свойств

Object.defineProperty() позволяет настроить атрибуты свойства, такие как writable, configurable и enumerable.

Angular Projects

Автор: Aristeidis Bampakos
Год издания: 2023

#js #angular #en

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

Ответ

Button light ribbon & glowing effect

Кнопки с бесконечной анимацией и эффектом свечения при наведении, созданные на HTML и CSS.

#css

Day-Night toggle switch

Пример реализации переключателя "день-ночь" на чистом CSS.

#css