Web разработка
1.98K subscribers
207 photos
17 videos
9 files
862 links
Самая акутальная информация для web разработчиков

По всем вопросам @haarrp

@channels_telegram - 🔥лучшие ит-каналы

@ai_machinelearning_big_data - машинное обучение

@programming_books_it - бесплатные it книги

@pythonl - 🐍
加入频道
Bliss - небольшая классная библиотека, которая добавляет синтаксический сахар для Vanilla JS схожий на jQuery, делая API гораздо более приятным. В отличие от jQuery, он не влияет на сам API, а просто улучшает синтаксис, оставляя функциональность метода без изменений.

#JS
https://blissfuljs.com/
Новые методы массива

Клонирование или копирование - очень распространенная операция в 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
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
This media is not supported in your browser
VIEW IN TELEGRAM
Download progress animation

Анимация прогресс загрузки. Минималистично, лаконично.

#js #css #html #coden

https://codepen.io/aaroniker/pen/ZEYmPqM
node. js.pdf
2.3 MB
💾 Справочник в формате PDF

Полный курс разработки Node.
js с примерами и разбором кода

Отличная методичка перед изучением Vue

#doc #js #node #vue
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
Что такое ECMAScript и что туда входит?

Наверняка, многие из вас знакомы с языком программирования 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