​​Watching-you: анимация, которая следит за пользователем

«Watching-you» — это JS-библиотека для создания анимаций, которые наблюдают за мышью, DOM или просто за вводимыми значениями. По сути, такая анимация будет подглядывать за действиями пользователя везде, где вы хотите. Если элемента нет на экране, то анимация автоматически прекращает просмотр. Также библиотека поддерживает несколько фреймворков, поэтому её легко добавить в любой проект.

Почитать подробнее: https://github.com/jj811208/watching-you?ref=reactjsexample.com

Посмотреть интересные примеры: https://jj811208.github.io/watching-you/

#js

​Создаём сайт портфолио с крутой анимацией

Видеоурок по созданию собственного сайта с диагональным плавным скроллом. Автор разбирает популярные техники и тренды веб-разработки, а именно:
— синхронизация вертикальных слайдов,
— CSS анимация скролла с инерцией,
— анимация при наведении.

Сайт выглядит современно и наполнен красивыми эффектами, но очень прост в реализации: https://youtu.be/oT0FN1PtmRU

#html #css #js

Полезная библиотека для понимания работы JS

js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if:

https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart

#js

​Держите подборку сборщиков модулей для приложений Node.js

С их помощью вы сможете эффективно управлять зависимости, а также упростите развертывание ваших приложений. Подробности внутри статьи:

https://tproger.ru/articles/5-razlichnyh-instrumentov-dlya-obedineniya-prilozhenij-node-js/

#js #web

​JavaScript localStorage: что такое и как использовать?

LocalStorage в JavaScript позволяет хранить пары ключ/значение в браузере. Но в отличие от обычных переменных, всё, что мы запишем в localStorage, останется там после перезагрузки страницы и закрытия браузера.

В статье рассказали, как работает и как использовать localStorage в JS

#js

​​Алгоритмы и структуры данных для начинающих

Уверенное применение структур данных и алгоритмов имеет важное значение при создании программ. Изучить основы поможет серия коротких видеоуроков с примерами на JavaScript. Например, что такое BinarySearchTree, LinkedList, Stack, Queue, их применение, а также другие структуры и алгоритмы:

https://youtube.com/playlist?list=PLIFGfLqvZ-yGHI2Fg0NCgi7FY0h1yh-af

#js #алгоритмы

Библиотека Javascript анимации

Theatre.js — это профессиональный набор инструментов для моушн-дизайна. Он поможет вам создать любую анимацию: от кинематографических сцен до восхитительных взаимодействий с пользовательским интерфейсом.

#инструменты #js #css

​​​JavaScript localStorage: что такое и как использовать?

LocalStorage в JavaScript позволяет хранить пары ключ/значение в браузере. Но в отличие от обычных переменных, всё, что мы запишем в localStorage, останется там после перезагрузки страницы и закрытия браузера.

В статье рассказали, как работает и как использовать localStorage в JS: https://tproger.ru/articles/javascript-localstorage-polnoe-rukovodstvo/

#js

Как спрятать любые данные в PNG

PNG хранит цвет и прозрачность пикселей, и с помощью младших бит (LSB) можно зашифровать данные так, что никто ничего не заметит. Даже размер картинки останется практически тем же.

Внутри PNG можно спрятать текст, файлы или даже запихнуть все свои пароли в фото любимого кота. Тут уже всё зависит от фантазии!

А как это сделать, читайте в статье.

#стеганография #js

Поэтому мы собрали их для вас! Разумеется, с ответами и пояснениями

Проверьте готовы ли вы к позиции мидла вместе с TeamLead Frontend Developer: https://tprg.ru/4tpo

#собеседвоание #js #json #css