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

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Rooster Animation

Анимированная сцена, выполненная на чистом CSS, без использования JavaScript.

#css
8👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Shopping Cart Preloader

Оригинальный загрузчик, созданный из svg-картинки, анимированной в CSS.

#css
👍12💘1👾1
This media is not supported in your browser
VIEW IN TELEGRAM
Light/Dark Mode Toggle

Переключение светлых/темных режимов с эффектом занавески, реализованное на чистом CSS.

#css
6💊2
JavaScript. Напишите функцию findMissingLetter, которая принимает массив символов по алфавиту и возвращает пропущенную букву.

Ответ
👍17
Multithreaded JavaScript

Авторы:
II Thomas Hunter, Bryan English
Год издания: 2021

#javascript #english
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Gooey Navigation

Элементы меню - это svg-картинки, стилизованные в SCSS.

#css
👍9🔥7
JavaScript. Напишите функцию generatePassword, которая принимает length и возвращает пароль заданной длины, который может содержать буквы латинского алфавита и цифры.

Ответ
🔥9👍421
This media is not supported in your browser
VIEW IN TELEGRAM
Hamburgers

Подборка бургер кнопок, анимированных в CSS. Логика изменения размера иконок создана на JS.

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

Ответ
👍11🔥1
Visual Studio Code

Автор:
Bruce Johnson
Год издания: 2019

#english
This media is not supported in your browser
VIEW IN TELEGRAM
Section design with hover effect

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

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

Ответ
👍13
This media is not supported in your browser
VIEW IN TELEGRAM
Signup Form 3D FLIP Animation

3D-анимация формы регистрации, реализованная с помощью CSS и JavaScript.

#css #js
This media is not supported in your browser
VIEW IN TELEGRAM
Acrobatic Preloader

Оригинальный лоадер, созданный из svg-картинки и анимированный на CSS.

#css
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Planet Picker

Демонстрация перехода между числовыми значениями, текстовой анимации и круговой навигации в формате SVG. Реализована с помощью Splitting.js.

#js
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Face Grid Track

Сетка с отслеживанием положения курсора, выполненная с помощью Pug, SCSS и JavaScript.

#css #js
🤣33👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Point and click penguin

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

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

Кнопка с эффектом обрезанных углов, реализованная на чистом CSS.

#css
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Linear-style Cursor Glow

Рассеянная подсветка при наведении на элемент, выполненная с помощью SCSS и JavaScript.

#css #js
👍8
This media is not supported in your browser
VIEW IN TELEGRAM
SVG & GSAP Morphing

Рейтинг, созданный из svg-картинки, анимируемой библиотекой GSAP.

#css #js
🔥2