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

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
Custom Radio Buttons.gif
146 KB
Custom Radio Buttons

Пользовательские радио-кнопки, выполненные на чистом CSS.

#css
Как сделать простой мини-календарь, выводящий текущий день?

В этой статье создадим мини-календарь с использованием HTML, CSS и JavaScript. Он будет отображать текущее число месяца, день недели, месяц и год. Вывод названия месяца и дня недели он будет осуществлять на том же языке, на котором отображается браузер.

#js #ru
This media is not supported in your browser
VIEW IN TELEGRAM
Pagination - Simple Pagination

Симпатичный эффект при переключении страниц, созданный на чистом CSS.

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

Ответ
TypeScript Cookbook

Автор:
Stefan Baumgartner
Год издания: 2023

#ts #en
JavaScript. Что будет в консоли после клика по параграфу?
Anonymous Quiz
46%
p div
24%
div p
17%
p
6%
div
6%
Посмотреть ответы
Sale label.gif
1.3 MB
Sale label

Несколько примеров реализации движущейся этикетки распродажи на чистом CSS.

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

Ответ
await vs yield на примере Effection 3.0 и React

18 декабря 2023 года вышел релиз Effection 3.0 - типизированная альтернативна async/await на генераторах (Structured Concurrency and Effects for JavaScript).

В статье сравним подходы на генераторах и async/await и расскажу как использовать Effection в React для решения типичных проблем с асинхронным кодом:

- Race condition
- AbortController
- Clean up
- Debounce

#js #react #ru
This media is not supported in your browser
VIEW IN TELEGRAM
Experimental Gradient Editor

Приложение для генерации градиента, написанное на Vue.

#js
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. Что будет выведено в консоль?

Ответ