Javascript js frontend
9.99K subscribers
421 photos
158 videos
15 files
309 links
Канал для начинающих JavaScript разработчиков. Если вы приступаете к изучению JS или FrontEnd в целом - этот канал для вас.

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
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: они не относятся непосредственно к странице, но представляют собой методы объекта окна браузера для коммуникации с пользователем.
This media is not supported in your browser
VIEW IN TELEGRAM
Bees lines loading

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

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

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

Ответ
Title transparent & border.gif
383.4 KB
Title transparent & border

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

#css
JavaScript. Что вернет следующий код?
1e3 === 100
Anonymous Quiz
28%
true
54%
false
8%
NaN
4%
Произойдет ошибка
6%
Посмотреть ответы
Ваши методы тестирования API недостаточно эффективны? Хотите узнать, как улучшить качество и автоматизировать процессы?

Всего за пару часов вы научитесь уверенно применять шаблоны проектирования для автоматизации тестирования API, узнаете, какие тесты следует автоматизировать в первую очередь, и как это влияет на качество продукта.

➡️➡️➡️Присоединяйтесь к открытому вебинару 5 сентября в 20:00 мск.

Урок будет полезен инженерам по тестированию, специалистам по автоматизации тестирования на JavaScript и тем, кто планирует внедрить автоматизацию тестирования в свой проект.

Спикер Татьяна Березенцева — Senior Automation QA в зарубежной компании Multilogin.

Встречаемся в преддверии старта курса «JavaScript QA Engineer». Все участники вебинара получат специальную цену на обучение!
➡️Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
sting

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

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

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

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

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

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Button light ribbon & glowing effect

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

#css
Day-Night toggle switch.gif
212.8 KB
Day-Night toggle switch

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

#css
This media is not supported in your browser
VIEW IN TELEGRAM
Checkbox card

Чекбокс в виде карточек. Если выбрать категорию, картинка становится цветной. Сделано на SCSS.

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

Ответ