Javascript js frontend
9.99K subscribers
422 photos
159 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
User avatar list pile-up

Список аватаров пользователей, раскрывающийся при наведении. Реализован с помощью CSS и jQuery.

#css #jquery
This media is not supported in your browser
VIEW IN TELEGRAM
Glowing Blob Effect

Текст с эффектом при наведении. Реализовано с помощью CSS и JavaScript.

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

Ответ: 0
JavaScript. Напишите функцию duplicateCount, которая принимает строку и возвращает количество дублирующихся символов в ней.

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Range

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

#js
This media is not supported in your browser
VIEW IN TELEGRAM
Catsomnia

Сцена, реализованная на HTML и CSS, к которой применяются бесконечные CSS-анимации.

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

Ответ: 2
This media is not supported in your browser
VIEW IN TELEGRAM
Wriggly squiggly nav

Подчеркивание под выбранным элементом - это svg-картинка, стили которой изменяются через JS.

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

Ответ:

undefined
undefined
This media is not supported in your browser
VIEW IN TELEGRAM
Skeuo-alien-morphic loaders

Загрузчики на HTML и CSS. На JS создана логика изменения цвета, зависящая от положения курсора пользователя.

#js
📱 Что будет выведено в консоль?
Anonymous Quiz
15%
[1, 2, 3]
23%
[1, 16, 81]
13%
undefined
34%
NaN
15%
Посмотреть ответы
This media is not supported in your browser
VIEW IN TELEGRAM
Holo Card

Верстка сделана с использованием возможностей препроцессоров Pug и SCSS. На JS реализована логика поворота карточки в зависимости от положения курсора пользователя.

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

Ответ: 40
JavaScript. Напишите функцию multiplicationTable, которая принимает размер таблицы (size) и возвращает таблицу умножения (то есть матрицу размером sizeХsize).

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Sticky Parallax Sections

Анимация параллакса. Написана на чистом CSS.

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

Ответ:
[ 1, 3, 5 ]