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

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

Button light ribbon & glowing effect

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

https://codepen.io/mortezasharifinia/pen/zYdRmjL

Steam inspired game card hover effect

Эффект блика в стиле Steam при наведении на игровую карточку, реализованный на чистом CSS.

https://codepen.io/andrewhawkes/pen/RwwOJrO

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

Ответ

⚙️🚀 Как работают децентрализованные приложения и что такое Web3?

👉 На открытом уроке 14 августа в 20:00 МСК мы разберём, почему смарт-контракты и блокчейн лежат в основе успешных децентрализованных приложений. Вы увидите реальные кейсы, узнаете, как использовать Solidity для создания безопасных и эффективных приложений, а также разберете перспективы Web3 и развития децентрализованных технологий.

💪 Этот урок откроет для вас новые горизонты в мире блокчейна и Web3. Вы получите актуальные знания, которые помогут вам в освоении Solidity и создании ваших первых dApp.

🎁 Присоединяйтесь к уроку и получите специальное предложение на курс «Solidity Developer».

👉 Для участия зарегистрируйтесь https://otus.pw/9316/

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

Организуем библиотеку иконок в проекте с автоматической выгрузкой из Figma

Михаил Кононенко из Joom делится опытом автоматизации и упрощения работы с иконками.

🌐Ссылка на источник

#вопросы_с_собеседований
Как можно создать приватное свойство в классе JavaScript без использования #?

Можно использовать символы для создания приватных свойств в классе JavaScript. Символы уникальны и недоступны за пределами класса, если вы не предоставите к ним явный доступ.

Этот подход позволяет скрыть данные класса, делая их доступными только через методы класса.

Работа с API сторонних сервисов в веб-приложении: Пример интеграции с OpenWeatherMap API

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

📝 Пример кода:

1. Получение API ключа:
Для работы с OpenWeatherMap API необходимо получить API ключ, который будет использоваться для авторизации запросов. Вы можете зарегистрироваться на сайте OpenWeatherMap, чтобы получить свой ключ API.

2. Создание функции для выполнения запросов к API, обработка данных и отображение на странице(Рисунок 1):

3. HTML-разметка и стили(Рисунок 2 и 3)
В примере мы создали функцию fetchWeatherData, которая выполняет запрос к OpenWeatherMap API с указанием города и ключа API. Затем мы обрабатываем полученные данные и отображаем их на странице при помощи функции displayWeatherData. При нажатии кнопки "Search" происходит выполнение запроса и отображение данных о погоде для указанного города.

Этот пример демонстрирует базовую интеграцию с API стороннего сервиса и может быть расширен для более сложной обработки данных или отображения.

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

Ответ

Positive Negative

Слайдер температуры с положительным и отрицательным значениями. Реализован с помощью Vue.

https://codepen.io/Sicontis/pen/wvyOOPb

Gentle button 'explode'

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

https://codepen.io/cassie-codes/pen/zYdxopE

Как валидировать JSON в javascript?

Функция JSON.parse() принимает строку и преобразует её в объект JSON, и при получении невалидного JSON она генерирует исключение Uncaught SyntaxError: Unexpected string in JSON.

❓ Как создавать смарт-контракты и писать свой токен на Solidity?

👉 На открытом уроке 31 июля в 20:00 МСК мы разберём основы блокчейна и смарт-контрактов, а также познакомим вас с возможностями тестирования проектов. Вы сможете написать свой первый токен на Solidity и получите чёткое представление о том, как блокчейн работает на практике.

Урок будет полезен всем новичкам, которые хотят быстро погрузиться в мир блокчейна, а также программистам с опытом работы с языками, готовым освоить смарт-контракты.

🎁 Посетите вебинар и получите специальное предложение на большой курс «Solidity Developer».

👉 Для участия зарегистрируйтесь https://otus.pw/KGaY/

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

В CSS более пятисот свойств — и хоть не обязательно знать их все, многие считают, что CSS становится слишком много. Что думаете по этому поводу?

🤔 Статья по теме

🚀 Реактивное программирование в Angular

Современный Angular предоставляет два подхода к реактивному программированию: RxJS и Signals. На открытом уроке мы разберём оба подхода, покажем, в чём их различия, как они дополняют друг друга, и как выбрать правильный инструмент под задачу.

👉Какие ключевые темы и вопросы будут рассмотрены на вебинаре?
- Что такое реактивное программирование в контексте Angular
- Observable и Signals: в чём разница, когда что использовать
- Операторы RxJS
- Создание и управление сигналами (signal, computed, effect)
- Как внедрить сигналы в компоненты, шаблоны и сервисы
- Связь между RxJS и Signals через rxjs-interop
Бесплатный вебинар проходит в рамках курса “Angular Developer“

Регистрация и подробнее о курсе Angular Developer - https://otus.pw/aFPO/

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

Вы когда-нибудь хотели иметь под рукой ресурс, в котором собраны все шаблоны компонентов в дизайн-системах?

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

https://component.gallery/