Bliss - небольшая классная библиотека, которая добавляет синтаксический сахар для Vanilla JS схожий на jQuery, делая API гораздо более приятным. В отличие от jQuery, он не влияет на сам API, а просто улучшает синтаксис, оставляя функциональность метода без изменений.
#JS
https://blissfuljs.com/
#JS
https://blissfuljs.com/
Делаем видеоплеер на HTML / CSS(SCSS) / JavaScript
https://www.youtube.com/watch?v=uxy75OTOh6Y
@htmlcssjavas
https://www.youtube.com/watch?v=uxy75OTOh6Y
@htmlcssjavas
YouTube
Делаем видеоплеер на HTML / CSS(SCSS) / JavaScript #js #javascript #ityoutubersru
🏆 Поднять мотивацию и получить плюшки(сборка, исходники, чат со мной):
🔹 Patreon: https://www.patreon.com/roman_timoshchuk
🔹 Buy me a coffee: https://www.buymeacoffee.com/tymoshchuk
🔹 Crypto:
👉 USDT(ERC20): 0xA4008910De17DB20c7505425316fF72d4C5Eed96
👉…
🔹 Patreon: https://www.patreon.com/roman_timoshchuk
🔹 Buy me a coffee: https://www.buymeacoffee.com/tymoshchuk
🔹 Crypto:
👉 USDT(ERC20): 0xA4008910De17DB20c7505425316fF72d4C5Eed96
👉…
Новые методы массива
Клонирование или копирование - очень распространенная операция в JavaScript. На данный момент самым популярным способом копирования является использование оператора spread(...). Он очень удобен и при изменении скопированного массива, исходный не будет изменяться.
Поскольку клонирование часто используемая операция, в новой спецификации было предложено добавить множество новых способов копирования с последующим изменением массива:
- toReversed - копирует массив, а затем переворачивает;
- toSorted - копирует массив, а затем сортирует;
- toSpliced - копирует массив и удаляет элементы и/или добавляет новые элементы (то же самое, что и метод splice, только без изменения исходного массива);
- with - копирует массив и добавляет в него новый элемент.
Подробнее читайте в статье!
Ссылка на статью
#js
Клонирование или копирование - очень распространенная операция в JavaScript. На данный момент самым популярным способом копирования является использование оператора spread(...). Он очень удобен и при изменении скопированного массива, исходный не будет изменяться.
const myArray = [ 1, 2, 3];
const newArray = [...myArray];
Поскольку клонирование часто используемая операция, в новой спецификации было предложено добавить множество новых способов копирования с последующим изменением массива:
- toReversed - копирует массив, а затем переворачивает;
- toSorted - копирует массив, а затем сортирует;
- toSpliced - копирует массив и удаляет элементы и/или добавляет новые элементы (то же самое, что и метод splice, только без изменения исходного массива);
- with - копирует массив и добавляет в него новый элемент.
Подробнее читайте в статье!
Ссылка на статью
#js
This media is not supported in your browser
VIEW IN TELEGRAM
Profile Card UI - Карточка профиля, реализованная с помощью SCSS и JavaScript
#codepen #css #js
@htmlcssjavas
#codepen #css #js
@htmlcssjavas
This media is not supported in your browser
VIEW IN TELEGRAM
Range Slider With Glowing Gradient
Приятный ползунок громкости, ну или же как вам удобно его называть.
#js #css #html #coden
https://codepen.io/jkantner/pen/VwxeeVb
@htmlcssjavas
Приятный ползунок громкости, ну или же как вам удобно его называть.
#js #css #html #coden
https://codepen.io/jkantner/pen/VwxeeVb
@htmlcssjavas
This media is not supported in your browser
VIEW IN TELEGRAM
Download progress animation
Анимация прогресс загрузки. Минималистично, лаконично.
#js #css #html #coden
https://codepen.io/aaroniker/pen/ZEYmPqM
Анимация прогресс загрузки. Минималистично, лаконично.
#js #css #html #coden
https://codepen.io/aaroniker/pen/ZEYmPqM
node. js.pdf
2.3 MB
Storage API как альтернатива cookies
До появления HTML5 для хранения данных в браузере у нас были только файлы cookie. Но их использование имеет некоторые ограничения, например, размер cookie не может превышать 4 Кб.
Преимущество Storage API состоит в размере хранилища (от 2 до 10 Мб, в зависимости от браузера), отсутствии необходимости обращаться к серверу и более интуитивной форме хранения данных. Об использовании Storage API читайте в статье:
https://javascript.plainenglish.io/mechanisms-to-store-the-data-in-the-browsers-storage-api-d38eb521d741
#js
@htmlcssjavas
До появления HTML5 для хранения данных в браузере у нас были только файлы cookie. Но их использование имеет некоторые ограничения, например, размер cookie не может превышать 4 Кб.
Преимущество Storage API состоит в размере хранилища (от 2 до 10 Мб, в зависимости от браузера), отсутствии необходимости обращаться к серверу и более интуитивной форме хранения данных. Об использовании Storage API читайте в статье:
https://javascript.plainenglish.io/mechanisms-to-store-the-data-in-the-browsers-storage-api-d38eb521d741
#js
@htmlcssjavas
Что такое ECMAScript и что туда входит?
Наверняка, многие из вас знакомы с языком программирования JavaScript? Так вот ECMAScript — это стандарт JavaScript (и некоторых других языков), который устанавливает правила, синтаксис и другие критерии создания кода. Его ежегодно дополняет сообщество разработчиков.
Самые последние обновления ECMAScript включают в себя новые функции и методы, которые помогают разработчикам писать более гибкий и мощный код. И вот, какие функции были добавлены в ECMAScript в 2023 году: https://tproger.ru/articles/chto-bylo-dobavleno-v-ecmascript-v-2023-godu/
#js #веб
Наверняка, многие из вас знакомы с языком программирования JavaScript? Так вот ECMAScript — это стандарт JavaScript (и некоторых других языков), который устанавливает правила, синтаксис и другие критерии создания кода. Его ежегодно дополняет сообщество разработчиков.
Самые последние обновления ECMAScript включают в себя новые функции и методы, которые помогают разработчикам писать более гибкий и мощный код. И вот, какие функции были добавлены в ECMAScript в 2023 году: https://tproger.ru/articles/chto-bylo-dobavleno-v-ecmascript-v-2023-godu/
#js #веб
This media is not supported in your browser
VIEW IN TELEGRAM
Expandable Animated Card Slider
Слайдер с анимацией расширяющихся карт при клике на слайд. Реализован с помощью jQuery и Owl.carousel.js.
#js
https://codepen.io/yudizsolutions/pen/wvzrPoj
Слайдер с анимацией расширяющихся карт при клике на слайд. Реализован с помощью jQuery и Owl.carousel.js.
#js
https://codepen.io/yudizsolutions/pen/wvzrPoj