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

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
JavaScript. Что будет выведено в консоль?

Ответ
Правильная модель авторизации для вашего приложения

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

#ru
Vue.js 3 Design Patterns and Best Practices

Автор:
Pablo David Garaguso
Год издания: 2023

#js #vue #en
JavaScript. Метод includes()

Метод includes() в JavaScript используется для проверки наличия определенного элемента в массиве или строке. Он возвращает булевое значение, указывающее, найден ли элемент.

Для использования метода includes(), вызовите его на массиве или строке, над которыми хотите выполнить поиск. Передайте в качестве аргумента элемент, который вы ищете. Метод вернет true, если элемент найден, и false, если элемент отсутствует.

В приведенном примере у нас есть массив ['яблоко', 'груша', 'апельсин', 'банан']. Мы вызываем метод includes('груша'), чтобы проверить, содержит ли массив элемент 'груша'. Метод возвращает true, так как 'груша' присутствует в массиве. Затем мы вызываем метод includes('слива'), чтобы проверить, содержит ли массив элемент 'слива'. Метод возвращает false, так как 'слива' отсутствует в массиве. Результаты выводятся в консоль.
This media is not supported in your browser
VIEW IN TELEGRAM
Mobile navigation animation

Анимация создана при помощи библиотеки TweenMax.

#js
Как я делал шрифтовые иконки. Совмещаем желание UX-дизайнеров и возможности фронтендеров

Фронтенд-разработчик поделился своим опытом создания набора иконок (icon pack).

#js #ru
Multi Colored Text with CSS

Раскраска текста диагональными цветными полосами. На чистом CSS.

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

Ответ
Full-Stack Flask and React

Автор:
Olatunde Adedeji
Год издания: 2023

#js #react #en
JavaScript. Приведет ли исполнение этого кода к ошибке?
Anonymous Quiz
53%
Да
33%
Нет
15%
Посмотреть ответы
This media is not supported in your browser
VIEW IN TELEGRAM
Glowing ring

Загрузчик с зеркальным эффектом, созданным при помощи теней, созданных CSS-свойством box-shadow.

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

Ответ
Что такое Webhook и WebSocket?

В мире веб-разработки существует множество технологий, с которыми сталкиваются разработчики, и две из них — Webhook (вебхук) и WebSocket (веб-сокет). Обе они используются для связи через Интернет, но служат разным целям и работают по-разному. Цель этой статьи — дать глубокое понимание обеих технологий, их различий и того, когда следует использовать каждую из них.

#ru
Music player widget.gif
1.2 MB
Music player widget

Виджет музыкального плеера, реализован с помощью CSS и JavaScript.

#js
Learning Angular

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

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

Ответ
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: они не относятся непосредственно к странице, но представляют собой методы объекта окна браузера для коммуникации с пользователем.