Javascript

Workout Schedule

Календарь для расписания тренировок, реализован с помощью CSS и JS.

#анимация #css #js

https://codepen.io/oliviale/pen/RwWKybY

@javascriptv

🖥 Пара инструментов аналитики и оптимизации кода для JavaScript.

Помимо обычных уже известных вам способов проверки кода есть и другой, а именно статистический анализ.
В настоящее время в современном программном обеспечении объединяются инструменты анализа статического кода во время разработки.

Вот вам несколько таких инструментов:

Jslint- это аналитический веб-инструмент для проверки качества кода JavaScript. Как только он обнаруживает проблему в источнике, он возвращает сообщение с описанием проблемы и приблизительным местоположением в коде.

Flow - статический контролёр кода для JavaScript, разработанный компанией Facebook. Он использует аннотации статического типа для проверки кода на предмет ошибок.

@javascriptv

💨 eCommerce Slide Effect | GSAP & JS — изящный слайдер для интернет-магазинов.

https://codepen.io/apchnk/pen/ExRXjxd

@javascriptv

🖥 Animating Box-Shadow Makes Things Look 3D — эффект объемной тени у объекта.

https://codepen.io/walpolea/pen/mdLGmVK

@javascriptv

Профессиональная обработка ошибок в TypeScript

Обработке ошибок в Type/JavaScript обычно не уделяется должного внимания. Между тем, для долговечности любого проекта очень важно выявлять и регистрировать ошибки.

Начав чаще программировать на TypeScript, я понял, что слишком мало занимаюсь обработкой ошибок.

• Читать

@javascriptv

Parallax Photo Columns — необычная прокрутка галереи.

https://codepen.io/jh3y/pen/jOxJWar

@javascriptv

🖥 Почему стоит избегать метода push при разработке на JavaScript

При решении задач в массиве JavaScript-разработчики могут столкнуться с ошибками, используя метод push для добавления элемента. Проблема возникает при создании ПО на JavaScript и React.

Разберем побочные эффекты метода push на двух примерах. Чтобы было более понятно, возьмем для демонстрации небольшие фрагменты кода.

• Читать

@javascriptv

🖥 Mini Music Player - VueJS — минималистичный плеер.

https://codepen.io/JavaScriptJunkie/pen/qBWrRyg

@javascriptv

🖥 Sunrise & sunset

Анимация восхода и заката при нажатии происходит движение, написана с помощью CSS и JS.

#анимация #css #js

https://codepen.io/aragakey/pen/poKzKQJ

@javascriptv

↪️ Как разработать веб-сайт с помощью ChatGPT?

В этой статье мы разработаем свой сайт-портфолио с нуля, используя учебное пособие w3school bootstrap 4 и ChatGPT. Я объясню, как создать свой собственный веб-сайт, следуя простым шагам.

▪Читать

@javascriptv

Стильные уведомления для сайта в стиле MacOS, выполненные на JavaScript и CSS

https://codepen.io/jkantner/pen/XWzePgp

@javascriptv

Наглядное объяснение событийного цикла - микрозадачи и макрозадачи. Пригодится новичкам.

Task1: функция, которая немедленно добавляется в стек вызовов, например, путем ее мгновенного вызова в нашем коде.

Task2, Task3, Task4: микрозадачи, например обещание, затем обратный вызов или задача, добавленная с помощью queueMicrotask.

Task5, Task6: макрозадача, например, обратный вызов setTimeout или setImmediate

@javascriptv

✈️Пример лендинга с эффектом полета, вслед за скроллом.

Такая анимация подходит для проектов, в которых нужно передать динамику - прокат самокатов или сайт транспортной компании.

По ссылке можно посмотреть как сделан этот эффект.

@javascriptv

Простой и чистый код для отправки уведомлений в браузере, используя JavaScript.

Используйте этот способ в своих проектах.

@javascriptv

🏎 Быстрый код в две строчки. Сохраняйте, чтобы не потерять.

Подготовили для вас карточки с подсказками как упростить и сократить ваш код.

@javascriptv